理论知识 | Don Norman设计原则的实践与深化

三分设

共 4288字，需浏览 9分钟

· 2021-05-14

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区

三分设｜连接知识，帮助全球 1 亿设计师成长

转自：TCC 翻译情报局

编辑：章成愉

共 5122 字，预计阅读 13 分钟

推荐：唐纳德·诺曼的设计心理学系列书籍一直对设计产生非常重要的影响，今天的这篇文章通过一些小的案例深入浅出的拆解了《日常事务的设计》中提到的七项基本原则——发现、反馈、概念模型、示能、意符、图示、约束条件如何设计中思考并运用。希望通对你有所启发，平时做项目做到有理有据。

“作为用户体验设计师，我们的使命之一就是如何以最正确，最有效的方式将产品意图传递给用户。”这也是行业中大家的共识，关于设计原则也有很多，今天想给大家介绍的是 Don Norman 在《日常事物的设计》中提到的七项基本设计原则，我们将套理论付诸实践，然后通过测试，验证和迭代来提升设计体验。

哪七项设计原则？

诺曼（Norman）的七项基本设计原则可以帮助确定一系列问题的答案，这些问题从目标开始，然后通过将结果与预期进行比较后结束。这七项基本原则是：发现、反馈、概念模型、示能、意符、图示、约束条件。接下来我们将从一个实际问题出发，来谈谈以下设计原则改如何运用。

1、找到目标：“我想要实现什么？”

我们的第一个问题是目标—我们实现目标的动力。举个例子来说：

「目标：“我们需要找到一双新的，合脚的，确定颜色和尺寸的跑鞋。」

下一阶段是计划如何通过发现和评估我们的选择来实现我们的目标。

2、确定计划：“我该怎么做？”

假设我们选择了耐克网站作为首选购物平台。当我们初次进入网站，我们会看到很多不同的选项。

「发现模块」提升了选项的可见性。清晰的导航，突出的焦点和自然的视觉层次使其更容易发现和理解。

清晰的导航有助于我们轻松找到并了解网站的主要产品。但是，移动端的体验实际体验效果并不佳，因为汉堡导航很容易将信息遮盖。

耐克网站的产品详细信息页面通过清晰的导航，突出的焦点和自然的视觉层次结构选项更容易被识别。不过，您可能会争辩说，这些复杂的信息干扰到 “添加到购物袋”的这一关键行为。

焦点是吸引人视觉的主要区域，其中包括引人入胜的图像和视频，描述性标题以及清晰的号召性用语，例如“了解更多”和“添加到购物袋”。

以上所有组件均作为视觉层次结构的一部分进行排列，以帮助我们按照接收到的重要信息的顺序进行浏览。它们的位置也符合最佳的阅读模式——例如，导航栏，过滤器控件和跑鞋结果分别组织在类别页面的顶部，左侧和右侧。

其他设计原则（包括概念模型，示能，意符，映射和约束）也可以帮助我们弄清楚如何使用该网站。

许多网站功能中都存在概念模型，尤其是用于对结果进行排序和过滤的导航和控件。这些熟悉的设计模式告诉我们它是如何使用的。例如，我们知道通过过滤器将有助于优化筛选结果。

功能可供性应用于各种网站组件，例如按钮，选择框和手风琴导航，使我们可以了解如何控制和使用它们。但是，某些能力依赖于意符来阐明预期的操作。

意符被广泛用于传达应在何处执行操作，尤其是示能较弱的扁平化按钮。一个简单的描述（例如“查看更多”或“添加到购物袋”）足以告诉我们预期的操作。

映射向我们显示了对象之间存在关系的位置，例如产品详细信息页面上，当我们选择适合的款式和颜色的选项时，我们会看到可用的尺寸和价格会与之对应产生变化。

约束限制了可以使用信息的位置，地点和时间，以减少杂乱并降低认知负担。例如，导航最初仅向我们一级导航。

3、确定：“我有哪些选择？”

购买工具为我们提供了可能选择的选项序列的概念模型。禁用状态还用于将我们的操作限制在只能选择有库存的商品的范围内。

了解了如何使用网站后，现在我们可以指定要执行的一系列操作。让我们在网站上继续进行以下活动：

「行动：购买时需选择产品规格，包括合身性，颜色，尺寸，然后将其添加至购物篮。」

概念模型、可发现性、映射、约束、示能和意符可以帮助我们确定操作顺序：选择合适的→选择颜色→选择尺寸→选择添加到购物袋。

在某些情况下，某些选项（例如大小和颜色）可能缺货。如果产品不可用，则禁用按钮状表达了操作行为的限制，只能选择有库存的商品，这是非常必要的。

4、执行：“我现在可以做什么？”

不同的控件交流其功能，用法以及如何向我们展示其效果

现在，我们需要实际执行我们选择的一系列动作。示能，意符和映射将帮助我们执行操作。例如，按钮的感知外观使我们想要按下按钮，标签告诉我们控件的功能，而映射使我们能够看到刚刚操作的效果。

5、感知：“发生了什么事？”

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

一旦执行了选择的一系列动作，我们就需要收到有关请求的信息，这就是反馈。

购物车确认消息为我们提供了有关所选跑鞋的有用反馈信息，包括名称，颜色，尺寸，价格和数量。同样还提供了成功的信息和一些其他选项。

6、解释：“这是什么意思？”

看到这些变化之后，我们现在需要将其转化为有意义的东西。反馈对于再一次为我们提供足够的信息来确定我们的行动结果至关重要。成功信息——“已添加到购物袋”和绿色的勾号图标说明发生了什么，其他选项表示我们现在已选择购买这双跑步鞋。

7、比较：“这样可以吗？我实现了目标吗？”

每个粉丝都希望看到的确认消息–真是令人高兴的时刻！

最后一个问题询问了结果是否符合我们的期望。我们可以将结果与目标进行比较。

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

反馈可以诱发积极和消极的情绪。如果结果不是我们所期望的（例如错误），则它们可能会引起混乱甚至愤怒的感觉。但是，当我们实际执行的动作可以实现我们的目标时，我们将感到非常喜悦！

例如，在耐克移动应用程序 SNEAKRS 中，客户可以参加抽奖来购买限量版鞋。紧张的 30 分钟倒计时结束后，获胜者会收到一条特别的消息，确认他们的抽奖结果，这为他们的经历增添了很多乐趣。

「结果：看到此消息给我带来了真正令人满意的体验——幸运的赢家。」

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

应用设计原则进行 UX 设计是非常表层的。当人们在使用该产品时，我们需要了解他们的想法，感受和看法。他们可以使用吗？他们觉得有用吗？他们会再次使用它吗？

比设计原则更重要的是与真实用户进行测试，以了解他们对设计的行为和态度。然后，可以利用丰富的用户见解来改进产品。

如何测试您的产品

我们若能够越早且越频繁的测试我们的想法，就能够越早的迭代产品，以更快的速度满足用户需求以及帮助实现业务目标。以下是一些流行的研究方法的概述：

远程用户测试是非常快速与灵活的，并且非常适合于早期经常需要设计验证的情况。参与者使用屏幕录制软件收集有关设计的反馈。远程用户测试为获得更多的洞见提供了便利。

面对面用户测试，就是我们常说的线下用户访谈，这种测试要适量，通常会有一个主持人。在研究期间，主持人可能会根据问题提出任务或新的活动。这种类型的研究比较花费精力和时间，但与大多数方法相比，它可以为您提供更有价值的见解。

游击队测试是指调研团队无拘无束地采访随机人群。您可以选择某些地点来确定适合您所测试设计的受众特征。迄今为止，这种研究方法是比较节省成本的，尽管您可能需要考虑向参与者提供少量奖励，以感谢他们的时间和努力。

定量测试涉及对大量用户进行研究。典型的测试包括卡片排序，树形测试，点击测试和超时测试。这些研究可能无法为您提供用户做出某些决定的原因的答案，但是它们可以帮助确定点击次数，思维模型和完成任务比率的时间。

分析与迭代

一旦用户测试有了结果，就可以对结果进行了。这可能需要一个漫长的过程，即整合意见，将见解归类并提出新的改进建议。

研究建议可以帮助确定要解决的可用性问题和要关注的痛点，以及增强整体用户体验的机会。这就是 UX 流程的迭代。使用相同的原理进行设计优化，然后进行测试，直到产品满足用户需求为止。

诺曼的原则可以帮助我们加深对用户交互的理解，包括人们提出的问题类型、他们的认知过程以及情感水平。如耐克网站的案例研究所示，这七个基本设计原则可以帮助我们确定问题的答案，并找到影响积极情绪（如愉悦感）的方法。

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

以上内容源于 Don Norman 的畅销书《日常事物的设计》。它是 30 多年前编写的，但至今仍然对设计行业有着深远的影响。当然，还有更多的原则可以采用，但是 Norman 的设计哲学可以作为我们在设计工作中遵循的 UX 基础。

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

作者：Victor Yocco

译者：Youngson

审核：TCC翻译情报局

本文翻译已获得作者的正式授权（授权截图如下）

超值课程推荐

华为用户体验设计的体系搭建方法

超 10 亿用户的产品，到底是怎么做用户体验的？

揭秘滴滴、蔚来等大厂的用户体验设计策略

原创好文推荐

一款为你带来难忘体验的美食 APP

Web Vitals —— 谷歌的新一代 Web 性能体验和质量指标

2021 年用户体验设计趋势分析

想要引导用户行为转化，设计师必须深刻理解这 4 个认知心理学理论

让设计圈一片哗然的 Google 新 logo 到底出了什么问题？国外的设计专家这么说

如何系统的增强用户粘性，提升产品转化率？你要懂得“行为设计学”

设计新趋势「玻璃拟态」到底是什么？这里有一份实现效果的详细教程

如何将设计系统快速的从 Sketch 切换到 Figma？这里有 6 个需要注意的关键点

欢迎大家关注三分设，每天分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。

图片

表情

了解加密货币到加密货币的互换

1、什么是加密货币互换？加密货币到加密货币的互换是指以现行市场汇率将一种加密货币直接兑换为另一种加密货币。与需要法定货币存款和较长流程的传统交易所不同，加密货币到加密货币的互换可以无缝地促进交换。掉期在提高加密货币的流动性和效率方面发挥着重要作用。该功能使用户能够将他们的加密货币与钱包中的其他代币进

区块链头条

李彦宏：开源大模型不如闭源，后者会持续领先；周鸿祎：“开源不如闭源” 的言论是胡说八道

架构师大咖架构师大咖，打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖，每日推送。公众号该公众号已被封禁0、李彦宏：开源大模型不如闭源，后者会持续领先当今

源码共读

【第129期】程序员的新宠：三款终端工具，让你告别Xshell！

概述 WindTerm：跨平台的SSH利器首先介绍的是WindTerm，这是一款使用C语言开发的跨平台SSH客户端。它不仅完全免费，而且没有商业使用的限制。WindTerm支持SSH v2、Telnet、Raw Tcp等协议，而且性能出色，甚至超过了FinalShell和Electerm。功能

前端微服务

字节员工：35岁以后被裁员的，后来都走了哪条路？现在2-2，要不要利用最后一年拼命上个岸。

架构师大咖架构师大咖，打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖，每日推送。公众号该公众号已被封禁在当今竞争激烈的职场环境中，年龄并不总是一个决定性

源码共读

【送书福利】《Java面试八股文：高频面试题与求职攻略一本通》

先来唠唠最近粉丝面试回来跟我聊天，基本上都提到一个点，在面试过程中八股文占比很高（八股文70%、项目20%、10%算法）除了一些搞算法突出的厂除外。其实现在很多厂八股都是逐渐深入的方式来问，所以大家在学习的过程中，针对一些重点的内容，最好深入去学习，不然还是比较难应对这种追问式的问题。最近刚好从一位

Java后端技术

上班的时候，有一群摸鱼搭子非常重要...

上班的时候，有一群摸鱼搭子非常重要！一到上班时间，他们就从四面八方涌进群里冒泡...从八卦聊到股市、从职场聊到乌X兰局势，偶尔还会复读、相亲、battle...然后，下午6点钟准时消失不见...所以你要不要加入我们一起摸鱼？我们有北京、上海、深圳、广州、杭州、武汉、成都、南京等8个城市的摸鱼群，还有

产品经理日记

周四002 瑞超：同样落寞的境遇——北雪平vs埃尔夫斯堡

上赛季最终排名联赛第9的北雪平本赛季伊始表现不佳，4轮战罢他们仅以1胜1平2负的战绩排在倒数第三，这支历史上曾夺得13次联赛冠军、6次杯赛冠军老牌劲旅，正如英格兰赛场上的一众百年俱乐部，在低谷中不断探索着出路。球队主教练安德烈亚斯·阿尔姆曾是AIK索尔纳及赫根队的主教练，他于今年年初刚刚拿起球队教鞭

产品与体验

雷军辟谣了！不是高考状元，卡里也没有冰冷的 40 亿

架构师大咖架构师大咖，打造有价值的架构师交流平台。分享架构师干货、教程、课程、资讯。架构师大咖，每日推送。公众号该公众号已被封禁最近很火的雷军简历，听说落魄时卡里只有冰冷的 40

源码共读

日本影山优佳最新杂志照，展现充满透明感的美丽

今天的图文分享的是影山优佳的杂志写真。元日向坂46的影山优佳，登上了写真杂志《周刊FLASH》5/7和‬5/14合并号的封面。影山优佳是日本艺人、女演员、前偶像。身高155厘米。2001年‬5月‬8日‬出生‬于‬东京都。2023年7月从组合日向坂46毕业，之后作为演员活跃的影山优佳，在《周刊FLAS

python教程

盘点一个使用超级鹰识别验证码并自动登录的案例

点击上方“Python共享之家”，进行关注回复“资源”即可获赠Python学习资料今日鸡汤江上几人在，天涯孤棹还。大家好，我是皮皮。一、前言前几天在Python钻石交流群【静惜】问了一个Python实现识别验证码并自动登录的问题，提问截图如下：验证码的截图如下所示：二、实现过程这里大家激烈的探讨，【

IT共享之家