[译]《iOS Human Interface Guidelines》——From Concept to Product

从概念到产品

定义你的App

一个app的定义声明是一个简洁的、具体的关于app的主要目的和预期受众的声明。

在你的开发早期创建一个定义声明会帮助你将一个想法和一连串的特性转变成一个人们想要拥有的产品。在开发过程中,通过定义声明来决定潜在的特性和行为是否有意义。通过下面的步骤来创建一个稳健的app定义声明。

1、列出所有你觉得用户可能喜欢的特性

进行头脑风暴。在这里,你要试图抓住所有与你的主要产品想法有关的所有任务。不要担心你的清单太长;你之后会缩减它。

想象一下假如你最初的想法是开发一个帮助人们购买食品的app。当你思考这个动作时,你会想出一系列的相关任务——也就是潜在的特性——是用户可能会感兴趣的。比如说:

  • 创建清单
  • 获取食谱
  • 比较价格
  • 定位商店
  • 注释食谱
  • 获取和使用优惠券
  • 查看烹饪演示
  • 探索不同的菜系
  • 寻找原料的代替品

2、确定你的用户是谁

现在你需要思考如何区分你和其他app的用户。在你的主要想法中,对他们最重要的是什么?使用食品购物的例子,你也许要问你的用户是否:

  • 通常在家烹饪还是更喜欢熟食
  • 是坚定的优惠券使用者还是觉得优惠券不值得付出努力得到
  • 享受获取特殊的原料还是很少冒险超出基本原料
  • 严格的遵守食谱还是只把食谱当灵感来源
  • 频繁地小量购买还是偶尔大量购买
  • 想要为不同的目的持有几个进行中的清单还是只想记住少量在回家路上买的东西
  • 坚持独特的品牌还是凑合着用最方便的选择
  • 倾向于买在每个购物之旅买一套相似的东西还是仅仅买食谱上列出的东西

在思考这些问题之后,想象你决定了三个最能描述你目标受众的特性:喜爱尝试食谱、经常很匆忙并且如果不用耗费太多努力的话乐于节约。

3、通过受众定义来过滤特性清单

如果,在决定一些受众特性之后,你只留下了一小部分的app特性,你就站在了正确的轨道上了:好的iOS app会集中精力于它们帮助用户完成的任务上。

比如说,考虑你在第一步中相处的一长串的可能的特性。即使这些都是有用的特性,但并不是都会被你在第二步中定义的受众所感激。

当你在你目标受众的前提下检查你的特性清单,你认为你的app应该专注于三个主要的特性:创建清单、获得和使用优惠券以及获得食谱。

现在你可以制作你的app定义声明了,具体地总结app会做什么以及为谁做。一个好的为这个食品购物app撰写的定义声明如下所示:

“一个给勤俭并爱烹饪的人们使用的购物清单创建工具。”

4、不要止步于此

在开发过程中使用你的app定义声明来决定特性、控制和术语是否合适。比如说:

当你考虑添加一个新特性时,询问你自己这个特性对于app的主要目的和目标受众是否必要。如果不是,那么置之不理;这可能是形成一个不一样的app的基础。比如说,你已经确定了你的用户对冒险的烹饪感兴趣,那么强调盒装混合蛋糕和熟食可能就不会被赞赏。

当你考虑UI的外观和行为时,询问你自己你的用户是否喜欢一个简单、精致的风格还是一个更加明显的主题化风格。以人们期待的东西为指南来完成你的app,比如完成一个严肃任务的能力、快速获取答案的能力、钻研综合信息的能力或者娱乐的能力。比如说,虽然你的食品清单app需要易于理解和快速使用,你的受众也许会欣赏一个展示很多漂亮的原料和谷物的图片的主题化UI。

当你考虑要使用的术语时,努力和你受众的专业知识所匹配。比如说,即使你的受众也许不是由专业厨师组成的,你也要确信他们会想要看到原料和技巧的恰当说法。

为任务量身定做你的界面

最好的iOS app会处理好定制UI和目标清晰以及易于使用之间的平衡。在你的app中达到这种平衡,确保在设计的早期考虑定制。因为考虑品牌化、原创性和市场能力时经常会影响到定制的决定,集中在定制如何影响用户体验这件事上将会是一件挑战。

从考虑你app的任务开始:用户多久执行他们一次以及在何种情况下执行?

比如说,想象一下一个使用了精心设计的、有艺术感和想象力的布局来展示熟悉的计算元素的计算器。细心绘制的插图和富有想象力的布局并没有影响人们理解如何点击按钮和阅读结果。但是对那些只需要简单地完成工作的人,这种新奇的体验感很快就会消退,而漂亮的定制化UI变成了一种累赘。

image

与此相反,看一下GarageBand。GarageBand本可以在不展现漂亮的、现实的乐器的情况下帮助人们制作音乐,但这样会让app变得不直观且没有乐趣。在GarageBand中,定制化的UI不仅仅告诉人们如何使用app,它还会使主要的功能——即制作音乐——更加易于完成。

image

当你思考定制化会如何加强或者削弱你的app的功能时,记住这些指南。

定制一定要有理由。理想上,UI定制化对人们想要完成的任务有利而且会加强他们的体验。你要尽可能地让你的app的功能主导你的定制化决定。

尽量避免增加用户的认知负担。用户对标准UI元素的外观和行为很熟悉,所以他们不用停下来思考如何使用它们。当面对一些看起来或执行起来和所有标准元素都不像的元素时,用户也就失去了以往经验的优势。除非你独特的元素使任务执行变得容易,否则用户会不喜欢被强制学习一些不能转移的新方式。

保持内部统一。你的定制化UI越多,你的定制元素的外观和行为与你app保持一贯性就越重要。如果用户花时间学习如何使用你创建的不熟悉的控制器,他们会期待能够依靠从你的app中得到的知识。

始终遵从内容。因为标准元素太熟悉了,它们不会与内容争夺人们的注意力。当你定制你的UI时,注意确保它不会让人们关心的内容失色。比如说,如果你的app允许用户观看视频,你也许要选择设计定制化的重放控件。无论你使用定制的还是标准的重放控件,是否在用户开始观看时淡出以及在点击时出现都更加重要。

在你重新设计一个标准控件时要三思。如果你计划做比定制一个标准控件更多的事,确保你重新设计的控件提供了和标准控件同样多的信息。比如说,如果你创建了一个switch控件而这个控件没有显示相反值的存在,人们就不会意识到这是一个两种状态的控件。

确保彻底测试定制的UI元素。在测试过程中,仔细观察用户是否能预期你的元素的功能以及是否能简单地和它们交互。如果,比如说,你创建了一个击中区域小于44*44点的控件,人们要启动它会有困难。或者如果你创建了一个对点击和滑动有不同响应的视图,确保这个视图提供的功能值得用户在和它交互时额外地小心。

原型和迭代

在你投入大量工程资源来实现你的设计之前,创建一个原型供用户测试是一个很好的方法。即使你只能找到很少的同事来测试原型,你也会在他们对你的app的功能和用户体验的新鲜看法中获益。

在你设计的早期你可以使用纸上的原型或者线框来展示主要的视图和控件,并设计视图间的流程图。你会在测试线框时获得一些有用的反馈,但是因为线框太少,也许会误导测试人员。这是因为人们很难想象当线框被真实的内容填充时app的体验会如何改变。

如果你能够提供一个运行在设备上的充实的原型,你将获得更多有价值的反馈。当人们可以在设备上和你的原型交互时,他们会更容易发现哪些地方app的功能与他们预期的不一样,或者哪里的用户体验太过复杂。

最简单的创建可靠的原型的方式是使用基于故事版的Xcode模板来创建一个基础的app,然后填入一些合适的占位内容。(故事版文件包含了你app中的所有UI,也包括不同界面间的跳转。)然后将原型安装到设备上,这样你的测试员就可以有一份尽可能真实的体验。

你不用在你的原型app中提供大量的内容和控件,但你确实需要提供足够的环境来达到真实的体验。以达到典型用户与边缘用户的体验平衡为目标。比如说,如果你的app需要处理一长串物体列表,你就不要在原型中只展示一两个物体的列表。而为了测试用户的交互,只要用户可以点击屏幕的某个区域来跳转到下一个逻辑界面或者执行主任务,就需要给他们提供反馈。

当你的原型基于一个Xcode app模板时,你会免费获得很多功能而且对反馈响应的设计调整也会相当容易。经过简短的回顾,你应该可以在巩固你的设计并付诸实现前测试你的原型的很多次迭代了。查看Xcode Overview开始学习关于Xcode的内容

本文翻译自苹果官方开发文档

查看完整合集


查看作者首页

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 221,548评论 6 515
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 94,497评论 3 399
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 167,990评论 0 360
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 59,618评论 1 296
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 68,618评论 6 397
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 52,246评论 1 308
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,819评论 3 421
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,725评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 46,268评论 1 320
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 38,356评论 3 340
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 40,488评论 1 352
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 36,181评论 5 350
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,862评论 3 333
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 32,331评论 0 24
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 33,445评论 1 272
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,897评论 3 376
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 45,500评论 2 359

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 172,280评论 25 707
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,119评论 4 61
  • 上午陪眉嫂子去产检了,28周,宝宝胎位有点不正,但是一切还是很健康的,期待小宝贝的降临! 中午吃了波波的订婚饭,希...
    暖央2018阅读 172评论 0 0
  • 今天读了第一章,用时24分钟,但感觉没有吸收什么知识。刚开始讲了大脑的结构,以及分管“我要做”、“我不要”和“我想...
    飞雪_飘渺阅读 196评论 2 2
  • 好吧,最近负面情绪经常冒出来,觉得自己能力提升太慢也是很焦躁,所以我还是来吐槽吐槽,发泄下不爽情绪。
    沉默看世界阅读 154评论 0 0