精简版 | iOS人机交互指南—— 产品设计准则

前言

本人是做产品出身的,所以非常清楚《人机交互》对设计一款iOS产品的重要性。甚至觉得,没完整看过两遍的人没有资格做iOS应用开发,不管是做产品设计还是研发人员,再怎么强调它的重要性也不为过。但同时我也在思考:为什么苹果提供这么全的指南,大家还是不太愿意去阅读?除了因为是全英文之外,更可能是太过于枯燥无味,就像看所有的官方文档一样。因此我希望结合自己做产品的一些经验,提炼出iOS人机交互指南的重要内容。希望对那些不想看官方文档,但又想多了解的人带来些帮助。

人机交互指南官网链接: iOS Human Interface Guidelines
解读版本为:iOS10

图片来自于Apple
图片来自于Apple

设计准则

1.Aesthetic Integrity 美学完整性

Apple: Aesthetic integrity represents how well an app’s appearance and behavior integrate with its function. For example, an app that helps people perform a serious task can keep them focused by using subtle, unobtrusive graphics, standard controls, and predictable behaviors. On the other hand, an immersive app, such as a game, can deliver a captivating appearance that promises fun and excitement, while encouraging discovery.

对于工具式和沉浸式应用提供符合自身的设计方式,对整体的设计应该有所倾向。工具式应该注重用户的使用效率,通过通用的图标和可被预期的操作来降低使用门槛,从而提高效率。而沉浸式的应用(例如游戏)应该为用户提供更多想象空间,例如更精美的画面和新颖的玩法。所谓的美学完整性应该是要符合当前形式(应用类型)的美学标准。

2.Consistency一致性

Apple: A consistent app implements familiar standards and paradigms by using system-provided interface elements, well-known icons, standard text styles, and uniform terminology. The app incorporates features and behaviors in ways people expect.

应该包括应用内部的一致性,以及与iOS系统操作的一致性。包括使用系统自带的图标、通用的术语等。应该强调用户的功能和交互的可预知性。

3.Direct Manipulation直接操作

Apple: The direct manipulation of onscreen content engages people and facilitates understanding. Users experience direct manipulation when they rotate the device or use gestures to affect onscreen content. Through direct manipulation, they can see the immediate, visible results of their actions.

用户无需借助其他介质,可在界面上直接进行操作,包括对屏幕旋转的响应。直接操作强调用户可见即可操作的原则。

4.Feedback反馈

Apple: Feedback acknowledges actions and shows results to keep people informed. The built-in iOS apps provide perceptible feedback in response to every user action. Interactive elements are highlighted briefly when tapped, progress indicators communicate the status of long-running operations, and animation and sound help clarify the results of actions.

针对用户的操作进行反馈,例如按钮按下后进行高亮。良好的应用设计应该是,能够为用户提供即时、可预知、可感知的操作反馈。人机交互中最重要的一点是,让用户感觉TA是在跟一个人进行交流而不是跟一台机器交流。

5.Metaphors隐喻

Apple: People learn more quickly when an app’s virtual objects and actions are metaphors for familiar experiences—whether rooted in the real or digital world. Metaphors work well in iOS because people physically interact with the screen. They move views out of the way to expose content beneath. They drag and swipe content. They toggle switches, move sliders, and scroll through picker values. They even flick through pages of books and magazines.

类比用户熟悉的操作。当应用内操作与用户过往经验类似,他们就能快速地学习各种操作,有更好的体验。这些参考可以来自于现实世界或者电子世界。(这可能就是乔帮主喜欢拟物化的原因)

6.UserControl用户控制

Apple: Throughout iOS, people—not apps—are in control. An app can suggest a course of action or warn about dangerous consequences, but it’s usually a mistake for the app to take over the decision-making. The best apps find the correct balance between enabling users and avoiding unwanted outcomes. An app can make people feel like they’re in control by keeping interactive elements familiar and predictable, confirming destructive actions, and making it easy to cancel operations, even when they’re already underway.

可控性。对用户来说,应用进行的一切操作都在可控范围内,包括数据的获取、更新、删除,都有、应该让用户觉得一切信息都是透明的。产品设计人员需考虑:什么操作都弹窗询问用户与什么操作都默默进行,这两者之间要如何做到平衡。实际上,什么都问就等于什么都没有问。可控性不应该妨碍用户体验。

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

推荐阅读更多精彩内容