CH2. Design strategies(01)_Design Principles

Design Principles

1. 美学完整性(Aesthetic Integrity)

美学完整性不是要去测量一款App的艺术表现的美观程度或描绘其风格特征,而是描绘一款App的外观和行为与其功能结合得有多好,为了能向用户传达出一致连贯的信号。

人们关心一款App是否具备它承诺的功能,但他们也会强烈的,有时潜意识地,被App的外观和行为影响。例如一款帮助用户完成某项重要任务的App,通过使用标准控件和可预测的操作行为以及保持装饰性元素微妙低调,可以让用户将注意力集中在任务本身上。这样的App为其目的和身份传达出明确标准的信号,获得用户的信任。但如果这个App将任务放在一种激烈、轻佻、随意的UI环境中,用户会质疑这款App的可靠性和可信性。

另一方面,在鼓励沉浸式体验的App中比如游戏,用户期待一个预示着趣味、刺激和鼓励发现的神秘外观。用户不想在游戏中完成严肃的任务,但他们希望游戏的外观和行为能与其功能融为一体。

2. 一致性(Consistency)

一致性好的App可以让用户将对AppUI的认知和技巧从一部分转移到另一部分,或从一个App转移到另一个App。具有一致性的App不是盲目地复制其它App,也不是在文本上迟钝守旧,而是注重人们喜欢的标准与范例,并且提供内在行一致的体验。

思考一下几个问题,可以判断一款iOS应用是否遵循了一致性原则:

  • 这款App是否和iOS标准一致?它是否正确使用了系统提供的控件、视图和图标?它是否以用户希望的方式融合了设备的特点?
  • 这款App是否与其本身一致?文本是否使用统一的措辞和风格?同样的图标是否总是表达一样的意思?当用户在不同的地方执行相同的操作时,他们可以预测会发生什么吗?自定义的UI元素是否在整个App中都有同样的外观和行为?
  • 在合理范围内,App是否和它以前的版本一致?条款和意义是否仍然一样?基本概念和重要功能是否在实质上未发生变化?

2. 直接操控(Direct Manipulation)

当用户直接操作屏幕上物体,而不是使用独立的控件来操控时,他们会在任务中更为投入并且更容易理解他们操作后的结果。

使用多指触控界面,用户搓捏屏幕可以直接对图片和内容区域进行扩展或收缩。在游戏中,玩家可以移动或直接与屏幕上的物体互动——例如,一款游戏可能会展示一个密码锁,用户可以旋转密码盘去打开。

在iOS应用中,人们可以通过以下场景体验到直接操控:

  • 旋转或以别的方式移动屏幕来影响屏幕上的物体
  • 使用手势来操控屏幕上的物体
  • 可以立即看到他们的操控有可见的结果

3. 反馈(Feedback)

反馈响应人们的操作,展示操作结果,更新他们任务的进度。

反馈示例

内置的iOS应用为用户的每一个操作提供了可以觉察的反馈。当用户点击列表项目和控件和在会持续几秒的操作中,它们会暂时高亮显示,而控件会显示已完成的进度。

精妙的动画可以给用户有意义的反馈,帮助用户明确他们的操作结果。例如,列表会动态显示新增一列的过程,帮助用户在视觉上跟踪这一变化。

声音也可以给用户反馈,但不应该成为唯一的反馈机制,因为人们不是总能听到他们设备发出的声音。

4. 隐喻(Metaphors)

当App中的虚拟物体和动作以人们熟悉的体验的隐喻方式呈现时——无论这些体验是根植于现实世界还是数字世界——用户就能够迅速了解如何使用这款App。

当应用使用隐喻时,最好去引导一种用法或体验,而不要让隐喻强化它所依据的物体和行为的限制。

由于人们自然地与屏幕互动,iOS应用使用了大量的隐喻。这些隐喻包括:

  • 移动图层视图暴露原本位于其下面的内容
  • 在游戏中拖拽、轻击或扫动物体
  • 点击开关、滑动滑块、旋转选择器
  • 在书籍或杂志中翻页

5. 用户控制

让用户而不是App去触发以及控制操作。App可以针对危险的后果提出操作建议或警告,但从用户手中夺取决定权通常是极大的错误。最好的App会在给予用户他们所需的权限和帮助用户避免不希望发生的后果之间做出正确的平衡。

当用户熟悉且能够预测App的行为和操作时,他会感觉到更多的控制感。当App的行为简单直接时,用户更容易理解和记住它。

用户期望在一项操作执行前有足够的机会取消,也期望有机会去确认一个潜在的破坏性操作。最后,用户希望能够从容优雅地终止一项进行中的操作。

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

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,510评论 25 707
  • 下面的原则对于有效的用户界面的设计和实现都是最基本的,不管是针对传统的图形用户界面还是针对任意的可联网的智能电子设...
    arlene112阅读 2,287评论 0 16
  • 2 设计策略 2.1 设计准则 2.1.1 美学完整性 美学完整性不是用来衡量app的设计是否美观,也不是用来描述...
    Willry阅读 885评论 0 1
  • 那天整理手机里再也不会联系的朋友,或许认识或许曾经认识,停机还有关机,干净利落的选中,又麻利的删除,心里不曾有一点...
    劳资再爷们也是个姑娘阅读 267评论 0 1
  • 代码 Redis的操作 1、连接操作相关的命令quit:关闭连接(connection)auth:简单密码认证 2...
    gogoforit阅读 484评论 0 0