App设计原则

最近无线端的业务做得比较多,再加上这两周在公司内部交互视觉培训课上学到了很多,利用周末做个总结,下面是一些关于app设计的思考。

关于<美>
最近两周的部门内部培训课程都是关于交互视觉的,很感谢两位UI/UE前辈给上的课。
“美”不是用来衡量app的艺术表现或风格特征,而是指app的外观与行为是否与其功能相衬一致。用户不止关心app是否实现了它所承诺的功能,他们很大程度上会被app的外观和行为所影响,尽管有时用户自己可能并没有意识到这一点。例如,一款协助人们处理重要任务的app,它会通过弱化装饰性元素并使用标准控件和可预期的行为等方式来将焦点放到任务上。这样一款清晰一致地传达出其目的性和特点的app,会让用户对其产生信任。然而,如果这个app使用了杂乱无章、充满干扰的UI,用户可能会对这个app的可靠性和信赖度产生怀疑。

下图分别为Documents和WPS的UI,两款app在UI设计上都很简洁且大量使用留白:

Paste_Image.png
Paste_Image.png

另一方面,对那些鼓励沉浸体验的app,例如游戏,用户会期望一个充满乐趣、让人兴奋和期待探索的迷人外观。用户不希望在游戏中完成一个严肃枯燥的任务,相反,他们期望游戏的外观和行为能够和它的目的相一致。

关于<一致性>
一致性可以让用户将app中的某部分界面的经验和技巧复用到其他地方,或者从一个app复用到另一个app。保持一致性不是指对其他app的简单复制,也不是风格上的一成不变,更应该关注的是用户所习惯的方式和标准,并提供一个具有内在一致性的体验。关于一致性的原则,从以下几个问题来考量:
△ app是否和操作系统(iOS/Android)的标准保持一致---是否正确使用了系统控件、视图和图标?是否以用户所期望的方式利用了设备的特性?
△app自身是否具有内部一致性---文本内容是否使用了统一的用辞和风格?同样的图标是不是通常意味着相同的意思?当用户在不同位置执行同一操作时是否符合其预期?自定义的界面元素外观和其行为是否保持一致?
△app是否在合理范围内与之前的版本保持一致?术语和含义是不是仍然相同?基本概念和主要功能是否基本不变?

关于<可操作性>
当人们直接操控屏幕上的物体而不是使用另外的控件来操作时,他们就会更沉浸在任务中,从而更容易地了解自己的操作会产生的结果。例如在游戏中,用户可以直接移动屏幕上的物体并与之互动,再如iPhone上的闹钟,在设置时间时采用滚轮的方式而不是直接输入,这都让用户在相应的场景中体验到直接操作

Paste_Image.png

Paste_Image.png

关于<反馈>
反馈可以让用户知道系统已经收到他们的操作行为,并向其呈现操作结果,让他们了解自己的任务进程。app在响应用户的操作行为时要提供可感知的反馈,比如在下拉刷新列表时旋转的小圈圈(视觉提示),或者是刷新微博时的声音(听觉提示)

关于<用户控制>
让用户而不是app去触发并控制操作,app可以针对危险结果提出一系列的建议操作或警告,但不应该剥夺用户的控制权而让app来做决策。好的app能找到一个恰当的平衡点,在赋予用户所需要的控制权的同时,帮助其避免不希望发生的结果。突然想起上周在同我leader一起出优化方案时就app应在什么场景下出现弹窗提示还讨论了很久。当行为和控件是熟悉且可预期时,用户会感觉app更为可控。如果一个操作行为简单而直接,用户就可以轻松地理解并记住它们。用户期望在一个操作执行之前有足够的机会去取消,同时,对于那些存在风险的操作也希望有机会去确认其意图。总之,人们希望能够从容地终止一个即将执行的操作。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,263评论 25 707
  • 1 UI设计基础 1.1 为iOS而设计 1.1.1 iOS包含以下3条设计原则: 遵从,UI应该有助于人们理解内...
    Willry阅读 3,553评论 1 48
  • 本期产品100专访,小编请到了科大讯飞的资深产品经理张立老师,同样的张立老师也是产品100大讲堂的分享达人,他分享...
    用户运营笔记阅读 1,150评论 0 51
  • iOS 9设计规范 中文版 完整版译者注:本文译自苹果官方人机界面指南 iOS Human Interface G...
    海宁Hennie阅读 13,253评论 2 60
  • 《细节》P6 R:如果你想让目标客户做某件事,那就简明而诚实地指出,大多数跟他们很类似的人已经这样做了。 I:想要...
    时光书屋阅读 151评论 0 0