唐·诺曼设计原则的应用与实践

《日常的设计》中的设计原则

在第一和第二部分中,我们学习了唐·诺曼在《日常的设计》一书中的关于交互设计的七个重要问题,以及他的七个基本设计原则。

设计师面临的挑战是如何以最正确和最有效的方式传达他们的意图。

为了总结用户体验设计原则,我们将通过参照熟悉的形式将诺曼的理论付诸实践,然后通过测试、验证和迭代来不断超越之前的设计。

在实践中的设计原则

诺曼的七个基本设计原则有助于确定一系列问题的答案,这些问题由目标开始,通过将结果与预期进行比较而结束。

每次回答一个问题,我们将观察以下设计原则在实践中的应用:

  • 可发现性
  • 反馈
  • 概念模型
  • 功能可见性
  • 指示符
  • 映射
  • 约束

1. 目标:“我想达到什么目的?”

我们的第一个问题是目标——即我们完成某些事情的动机。让我们想象以下场景:

我们需要找到一双新的跑步鞋,具备一定的规格、颜色和尺寸。

下一步是计划如何通过发现和评估我们的选择来达成我们的目标。

2. 计划:“我该怎么做?”

Nike官网的产品详情页通过清晰的导航、突出的焦点和自然的视觉层次使我们的选择可见。 不过,你可能会争辩说,关键的“添加到购物袋”的行动召唤按钮起初是不可见的

假设我们已经选择了Nike官网作为我们首选的购物平台,根据第一印象,我们会看到很多不同的选择。

可发现性增加了我们可用选项的可见性。清晰的导航,突出的焦点和自然的视觉层次都构成了良好的可发现性和理解能力。

清晰的导航有助于我们轻松找到并了解网站的主要产品。但是,移动体验实际上使内容变得更难以发现,因为它们被汉堡包菜单所隐藏。

焦点是为了吸引我们的注意力而设计的感兴趣的区域;它们包括引人入胜的图片和视频、说明性的标题以及明确的行动召唤(Call-to-Action)按钮,如“了解更多”和“添加到购物袋”。

以上所有组件都是作为视觉层次的一部分排列的,以帮助我们按照感知到的重要性顺序来浏览内容。它们的位置也符合最佳阅读模式 - 例如,导航、筛选条件和跑鞋的结果分别在分类页面的顶部、左侧和右侧显示。

其他的设计原则,包括概念模型功能可见性指示符映射约束,也可以帮助我们弄清楚如何使用网站。

概念模型存在于许多网站功能中,特别是用于排序和筛选结果的导航和控件。这些熟悉的设计模式为我们提供了有关它们如何工作的简单说明。例如,我们知道通过执行某些筛选将有助于优化我们的结果。

功能可见性应用于各种网站组件,例如按钮,选择框和折叠面板,以使我们能够感知到该如何操控它们。然而,某些功能可见性需要依赖于指示符来阐明预期的操作。

指示符被广泛用于传达应在何处执行操作,特别是对于那些几乎没有功能可见性的扁平化按钮。一个简单的描述,例如“查看更多”或“添加到购物袋”就足以告诉我们预期的操作。

映射向我们显示了对象之间存在的关系,例如产品详情页上的购买工具。当选择合适的款式和颜色选项时,我们会在页面上看到明显的效果,包括可用的尺寸和价格变化。

约束限制了是什么、在哪里和何时可以使用的信息,以减少杂乱的情况, 并且降低认知负担。例如,导航最初只为我们提供了最高层级的分类。

3. 确认:“我有哪些选择?”

购买工具提供给我们一个可供选择的选项顺序的概念模型,禁用按钮被用于限制我们只能购买有库存的商品

了解了如何使用该网站之后,现在可以带领我们确认要执行的一系列操作。让我们在网站上执行以下活动:

从购买工具中选择一系列选项,包括规格,颜色,尺寸和添加至购物篮。

概念模型可发现性映射约束功能可见性指示符可以帮助我们明确操作顺序:

  1. 选择规格
  2. 选择颜色
  3. 选择尺寸
  4. 选择添加至购物袋

在某些情况下,某些选项比如尺寸和颜色,可能会出现缺货。在产品不可用的情况下,禁用按钮状态对于传达我们无法控制的内容是必要的,将我们的行动限制为只能选择有库存的商品。

4. 执行:“我现在能做什么?”

不同的控件传递给我们它们能做什么以及如何被使用的信息,并且向我们展示其效果

现在,我们需要以物理方式执行我们所选择的操作顺序。

功能可见性指示符映射将帮助我们执行我们的操作。例如,按钮的可感知外观使我们想要按下按钮,标签告诉我们控件是用来做什么的,而映射则使我们能够看到刚刚操作的效果。

5. 感知:“刚才发生了什么?”

一个简单的确认消息会通知用户发生了什么,并提供一些其他选项的可见性

一旦执行了选定的操作顺序,我们就需要收到有关请求的信息 - 反馈

购物篮确认消息为我们提供了有关所选跑鞋的有用的反馈信息,包括名称、颜色、尺寸、价格和数量。我们还提供了成功消息和一些附加选项。

6. 诠释:“这意味着什么?”

看到了这些变化之后,我们现在需要把它们转化成有意义的东西。

再次强调,反馈对于向我们提供足够的信息以弄清楚我们行动的结果至关重要。成功消息 - “已添加到购物袋”和绿色的打勾图标说明当前发生了什么,附加选项表明我们现在选择的这双跑鞋已经可以购买了。

7. 对比:“这样可以吗? 我完成目标了吗?”

每个粉丝都想看到的确认消息–真是令人高兴雀跃的时刻!

最后一个问题是结果是否符合我们的预期,这是我们将结果与目标进行比较的时刻。

到目前为止,我们已经使用了全部七个设计原则来确定问题的答案。现在,反馈将向我们确认我们的行动是否带来了成功的结果。如果结果不是我们期望的那样,那么我们至少需要解释一下已经发生了什么以及下一步该怎么做。

反馈可以诱发积极和消极的情绪,如果结果不是我们期望的结果,比如一个错误,那么它们很可能会引起困惑甚至愤怒。然而,当我们的行动真的达到我们的目标时,我们就会体验到那一刻的喜悦!

例如,在Nike移动应用程序Skillers中,客户可以通过抽奖来购买限量版的鞋款。在紧张的30分钟倒计时之后,获胜者会收到一条特别的信息,确认他们的奖品,给他们的体验增添了纯粹的喜悦。

看到这个消息给我带来了真正令人满意的体验
-- 一个幸运的赢家


通过用户测试超越设计原则

应用设计原则只是用户体验设计过程的开始。当有人使用产品时,我们需要了解他们的想法,感受和看法。 他们可以使用吗? 他们觉得有用吗? 他们会再次使用它吗?

超越设计原则需要通过真实用户进行测试,以了解他们对设计的行为和态度。丰富的用户洞察力可以用来改进产品。

如何测试你的产品

我们越早、越频繁的测试我们的想法,那么我们就能越早地迭代我们的设计,以满足用户需求并帮助实现我们的业务目标。

以下是一些流行的研究方法的简要概述:

无主持人的(Unmoderated remote)远程用户测试是快速且灵活的,非常适合于早期和经常需要设计验证的情况。参与者使用屏幕录制软件提供有关对于你的设计的使用反馈,还可以促进远程用户测试以获得进一步的洞察力。

有主持人的面对面(Moderated in-person)用户测试包括在相同环境中主持人与参与者坐在一起。在研究过程中,主持人可能会在任务完成后提出新的问题或开始新的活动。这种类型的研究需要大量时间和准备,但与大多数其它方法相比,它可以为你提供更有价值的见解。

游击式(Guerrilla)测试让研究小组在办公室以外的公共场所进行随机采访。您可以选择某些场所来确定适合你所测试设计的受众特征。迄今为止,这种研究方法是最具成本效益的,尽管你可能需要考虑向参与者提供少量奖励,以感谢他们的时间和努力。

定量测试涉及对大量用户进行研究。典型的测试包括卡片排序,树形图测试,点击测试和超时测试。这些研究也许不能给你为什么用户会做出某些决定的答案,但它们可以帮助你衡量点击率、心理模型和完成任务的时间比率。

分析与迭代

一旦用户测试结果出来,就应该分析结果了。这可能需要一个漫长的过程来加强见解,将其组合为主题(也称为主题分析),并提出建议。

研究建议可以帮助确定要解决的可用性问题和要关注的痛点,以及增强整体用户体验的机会。

这就是用户体验过程变得迭代的时候;通过使用相同的原则应用设计变更,然后进行测试,直到产品满足用户的需求。




诺曼的原则可以帮助我们加深对用户交互的理解,包括人们提出的问题类型,他们的认知过程以及情感水平。

正如之前的耐克官网案例研究所示,七项基本设计原则可以帮助我们确定问题的答案,并找到影响积极情绪(如愉悦感)的方法。

然而,设计原则实际上只是用户体验过程的开始。为了能够确定产品的体验质量,我们需要与真实的人一起测试设计,然后通过使用洞察力来进行必要的迭代。

由三部分组成的这一系列文章基于唐·诺曼的畅销书《日常的设计》。它是30多年前写的,至今仍与设计行业息息相关。当然,还有更多的设计原则可以采用,但是唐·诺曼的设计哲学仍是难得的可工作的用户体验基础。





作者:Ian Batterbee
原文:
https://uxdesign.cc/ux-psychology-principles-normans-design-fundamentals-in-practice-and-beyond-c09e95b6864d

本文已获得原作者授权:


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