【交互设计干货】11条App设计准则

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版的网页没什么区别。

(Avis,租车App)

                                               

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

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

推荐阅读更多精彩内容