App设计准则
1. 给足暗示,别藏着掖着
很多App喜欢用手势引出功能,就比如长按或两指点击。用手势引出功能本非坏事,但得确保操作的显而易见。你得把UI画清楚,让用户明白背后的含义。如果用户根本不知道如何操作,或者操作的提示并不明显,这种设计就形同虚设。
值得注意的是,如果你设计的手势,不同于系统标准中的常规手势,那么用户可能更希望通过以前习惯性的手势,来完成操作。
还有一点,如果用户没有用手势去触发某功能,而该功能又没有以其他形式呈现给用户,那么用户会陷入不知从哪里去寻找该功能的困惑中。
就比如,iOS自带的邮件App,“删除邮件”的功能隐藏在长按“归档“图标之后。
2. 去粗取精,精简即王道
如果你还纠结于某功能放哪儿时,那么可能意味着该功能并不是很重要,你得简化App。
举个栗子,比如谷歌地图,就有很多隐藏功能:位置信息,搜索历史,方向,当地推荐,分享功能等。
但并非人人都可以像谷歌如此全能,集多种功能于一身。最好的办法是,简化次要,突出重心。很多好用的App,就是集中精力做好一个主要功能。
去粗取精并不会让你的App逊色,它能更好的强调主要功能,让App轻松易用。
3. 单一功能,忌汉堡菜单
如果你的App有很多功能,你可能想用汉堡式菜单(hamburger menu)。但数据显示,它非常低效,这些被放在里面的功能,不容易被看到(如果不点击汉堡式菜单的话),而且还容易和其他导航方式相冲突。
那么什么时候使用汉堡式菜单呢?除非里面的功能,80%的情况下,都不会被用到 。
换句话说,主页面就能实现的功能,是主要功能。次要功能,比如设置,就可以放在汉堡式菜单里。GoGatch,一个预约出租车的App,就是典型例子。
除了汉堡式菜单,有哪些可替代方案呢?
如果你的App非常复杂,并且精简功能不太可能,那么你可以用其他菜单,来代替汉堡式菜单。比如,标签菜单(tab menu),具体栗子是,用户点击“更多”,就能加载更多,像Facebook。或者横向滑动菜单(horizontal scroll menu),下拉式菜单(drop down menu)等。
4. 方便至上,别拒人千里
但非人人都能力相当,当你用对比色(比如红色和绿色)来区分不同状态时,你有考虑过色弱和色盲的感受吗?
所以啊,别总用依赖颜色,再加点儿补充说明(extra cue),比如图形(icons)或文字(text)。(如下所示)
对于这些有特殊需求的用户,作为设计师,得善用设计规范。比如iOS的设计规范中(standard controls链接),就涵盖了针对不同的用户群体,所采取的不同设计方案。具体如,针对色弱和色盲的反转色屏幕,声控操作,语音识别等,非常人性化。
5. 动效辅佐,让过程流畅
动效就如润滑剂,让页与页之间的跳转,顺畅而自然。比如,当用户点击了一个按钮之后,在弹出的页面上,看见左上角的“返回”按钮时,便知道,“哦,我还有退路可寻。”
通常情况下,大部分系统自带的动效,比如向左滑动,弹出窗口等,已能有效满足用户需求。但如果你想设计原创动效,请务必问问自己,是真的希望让界面过度更为舒畅,还是仅仅让它看起来高大上?
6. 简明扼要,别啰哩吧嗦
手机屏幕就那么点儿大,App里的文本信息,最好简单明了。精简文本,易找(approachable),易用(usable),易懂(understandable)。下面这个租车App就是个反例,太多信息,杂乱冗长,和mini版的网页没什么区别。
7. 除非必要,忌弹出窗口
很多用户会直接关掉弹出窗口,读都不读。
除非必要,尽量别用。具体例子如,起提示作用的弹出窗口:
在进行某一操作时,征求用户的许可。比如,一个拍照App,征求用户使用相机的许可。
又比如,删除重要的内容时,和用户再次确认,是否删除。
当你使用弹出性提示窗口时,要精简直接,避免与用户正在进行的操作缺乏直接联系。避免使用一般性用语,比如“OK”“取消”,或者“YES”“NO”。尽量使用与正在进行的操作,具有直接联系的用语,比如“删除”“上传”等。
提示窗口让交互过程更加谨慎,提醒用户正在进行的操作,避免误删或其他失误。具体应用场景,比如,“下载完成”“已加入购物车”等。
再者,留有退路,也是很重要的人性化功能。让用户“撤销”某一操作,比“再次确认”某一操作,更便捷有效。(如下图所示)
对于操作错误时的警示窗口,应提供解决问题的有效方案,而非仅仅告知其“出错了”。别像下图那样设计:
8. 解决问题,请注意措辞
当App中的问题得到解决,希望告知用户时,要避免“问题已解决,功能已提升”这种笼统干涩的用语,而应涵盖具体细节。例如,介绍用户使用场景,以故事的形式,呈现有价值的信息。或者与用户互动,增加用户反馈。范例如下:
9. 理性对待,重用户反馈
认真对待用户反馈,但勿言听计从。你得心里有数,你的App应该怎么运做。
用户选择你的产品,是对你的想法和决定的认可。当他们想提建议时,别充耳不闻。
当用户希望新增某项具体功能时,多思考背后的原因,别只是盲目的应和。把它当做一次机会,让你重新设计基础的任务流程。
换言之,就是让你重新思考,哪些任务需要被完成。
设计之后的版本,是与之前大不相同,像新的一样?还是在原有基础上,进行微调?你可以征求用户的意见。
10. 用户测试,应耐心观察
在进行用户测试时,先别急于引导,而应耐心观察。
在观察用户使用产品的过程中,找到突破点。留意问题出现在哪个阶段,何种状态。做一个耐心的观察者,而非质问者。当用户对某一操作产生疑问时,应认真观察其反应,而非立即询问怎么回事。
再者,不要心存预设和偏见。用户研究是用来“检测”设计的,而非“证实”设计的。
产品或多或少都会有瑕疵,如果产品的可用性测试一无所获,对产品的提升,提不出半点有效建议,那么只能说明,测试的方法不对。
11. 遵照规范,多平台投放
不管你的产品是投放在iOS、安卓,还是Windows平台上,都应遵照其相应的设计规范。
你可以做如下选择:
1. 在各平台的设计规范和各品牌的设计规范中,求得平衡与统一。例如Facebook App。
2. 侧重平台的设计规范,例如WhatsApp App。
3. 侧重品牌的设计规范,例如Instagram App。
取决于你的App复杂程度,
通俗来讲,App越是复杂,产品的开发时间就越长,用户的学习成本就越大。这种情况下,应该聪明的利用该平台上已有的标准,进行设计。这样一来,大大节省了产品的开发时间,降低了用户的学习难度。
(图)
比如澳洲税务局App,在iOS,安卓,Windows不同的平台上,虽采用了不同的UI元素,但它们都遵从了同样的设计规范。比如套索开关(toggle switch),虽形状不同,但颜色一致。
结语
精简App功能
区分主要次要
少用汉堡菜单
确保可读可触
不做浮夸动效
浓缩文字信息
观察用户行为
熟知设计规范
本文为作者为平日收集的交互好文,逐字翻译,规整用语。希望用简洁凝练的表达方式,分享给大家。欢迎讨论、勘误。
译者背景:加州艺术学院(CCA)交互设计本科
译者网站:ritalei.com
英文原版链接:https://uxplanet.org/10-plus-1-commandments-for-the-modern-mobile-app-designer-7370353fb034