（此处为视频，请在原文中观看）
定义问题：
你如何设计一个网站并证明界面设计的合理和可用性？
建议
使用Kano模型调查收集可量化的数据，并将其与格式塔视觉原则相结合，以初步构建网站概念的线框。与利益相关者一起进一步验证功能重要性，并使用用户界面评估指南。（格式塔设计原则下节课讲解）
Kano模型调查会中的一个简单线框
Kano模型调查的另一个线框
01
什么是Kano模型？
Kano模型是20世纪80年代由Noriaki Kano教授提出的一种顾客满意度和愉悦感理论，它通过将客户的需求与产品功能（或价值）在功能上进行映射，将客户的偏好划分为若干类别。
满意度和功能/价值
主要类别包括
必备功能：客户期望的功能。你可以添加更多功能，但这不是至关重要的。然而，如果你减少了客户期望的功能，客户满意度则会下降。比如，你去一家咖啡店，你预计那里有咖啡，如果没有，你对餐厅的满意度就会下降。
性能功能：拥有的越多，客户就越高兴。比如，互联网上网速度越快，你可能就越开心。在之前价格的基础上能够购买更多咖啡，可能会增加你的愉悦感。
魅力功能：这些不是客户期望的功能，但如果包含这些功能，可以提高客户满意度。比如，当你建立互联网连接时可以免费订阅Netflix，或咖啡店中的免费WiFi。
Kano模型中还有其他几种类别。
无差异（不管你是否有更多这样的东西，顾客都不会在意）。
反向 则表现出相反的效果。这种特性越多，客户就越不满意，反之亦然。
可疑 是指Kano调查中相互矛盾的回答。当客户表明他们既喜欢又不喜欢某个功能时，就会发生这种情况。如果发生这种情况，意味着Kano调查中表达问题的方式可能存在错误。
02
如何收集Kano模型的数据？
网上有许多研究论文描述了如何使用Kano模型以及如何收集数据：
- 优先考虑旅客需求的Kano模型
- 使用Kano模型提高家电客户满意度
- Kano模型在自行车用户满意度中的应用
确定的一种有趣的方式是与客户进行一次调查，以了解他们对功能存在与否的感觉。
一个简单的例子：用户体验网站案例研究
我们确定了六种基本的网站功能，并询问他们这个功能存在与否时的感受。我们使用的功能是我们之前做过的练习，目的是找出CX / 用户体验工作中需要哪些技能。
1.视觉设计文章（例如：格式塔原则）2.用户研究文章（例如：可用性测试）3.用户体验文案和信息架构文章（例如：卡片分类）4.技术技能开发文章（HTML、CSS、原型工具）5.用户体验的商业价值的文章（用户体验的投资回报率，用户体验中的目标与关键成果）6.即将举行的活动（聚会和会议）日历
因此，我们在Typeform中创建了一个简单的问卷，并创建了“如果你能够看到有关视觉设计的技巧和教程，你会有什么感觉？”我们将其与另一个问题配对——“如果你看不到视觉设计的技巧和教程，你会有什么感觉？”
每个问题都通过下表进行评估。
对某一功能的缺失或存在的评估表。
例如，如果有一对关于视觉设计提示和教程的回答是，客户喜欢它（如果存在）和不喜欢它（如果不存在），那么我们将其标记为“ P”或性能特征。我们将对所有答复进行此操，直到得出结论。以下是我们对15名受访者的调查结果。
该表在最左侧的列中显示每个功能，后面是标有M、P、A、R、I、Q的列。
- M是必备功能
- P是性能功能
- A是魅力功能
- R是反向功能
- I是无差异功能
- Q是可疑功能
随后，我们计算对这些功能最高频的回答。例如，在我们的调查中，有8位客户（最多）表示，用户体验的商业价值的文章是一项性能功能。
我们可以进一步调查，如果我们还提问：“此功能有多重要？” 这个问题在业务端也变得很重要。利益相关者可能希望首先突出某些功能。在这种情况下，我们还要求调查参与者进行调查排名。
通常我们也会按必备功能、性能功能、魅力功能进行排序，而在这里我们仅进行了基本分析。
03
如何在网站或应用程序设计中使用Kano模型？
首先，让我们看一些基本的视觉原理。在大多数文化中，人们习惯从上到下，从左到右阅读。
在大多数文化中，内容是从上至下，从左至右阅读的。
设计网站最基本的方法就是也遵循这种设计模式。例如，我们的简单排序数据将首先显示用户体验商业价值的文章，并将其放在顶部（或最左侧），用户体验技术的文章将放在底部（或最右侧）。
04
应用格式塔原则
然而，在实际中，你可能已经制定了品牌方针和设计模式。从上到下和从左到右可能太简单了。我们可以结合格式塔原则，在设计中添一些独特的风格。
格式塔原则是什么？
格式塔原则是一组源自20世纪20年代心理学的视觉设计法则。它描述了人们通常是如何通过对相似元素进行分组、识别图像并简化复杂图像来看到物体的。心理学家认为这些原则之所以存在，是因为人类大脑具有一种根据某些规则感知模式的天生的倾向。比如：
- 接近性——人们倾向于把彼此接近的对象或形状组成整体。
- 相似性（也称为恒常性）——人们倾向于在设计中的相似元素之间建立关系。相似性可以通过使用形状、颜色和大小等基本元素来实现。
- 闭合——人们倾向于填补不完整形状以使整体合理化。
- 连续性——人们倾向于将每个对象视为一个不间断的对象。
- 图形与背景——人们倾向于寻找区分图形和背景的方法。
- 共同区域——当对象位于同一个封闭区域内时，人们会认为它们被组合在一起。
根据我们的Kano数据，我们可以组织和使用格式塔原则来制作网站线框。
颜色较深的盒子比颜色较浅的盒子优先。我们可以对线框进行布局，以显示使用格式塔原则（如“公共区域和连续性”）时的外观。
例如，我们可以使用简单的线条来引导用户的视线，应用连续性和共同区域原则来添加纹理，并允许用户根据我们希望的方式来查看它。
视觉设计师的作用是引导用户的视线。
还可以怎样结合格式塔原则来引导读者和网站用户？
05
使用户界面更直观
Everett McKay撰写的《Intuitive Design: Eight Steps to an Intuitive UI 》描述了如何通过直观设计来改善用户界面。
首先，它描述了一个交互生命周期：
1.用户设定目标2.用户看到起点3.用户执行操作4.用户看到操作的结果5.用户继续下一步
每一步都可以在用户界面上提出反映某些必需属性的问题。
如果你的目标用户必须通过推理、记忆、实践、寻求帮助或训练，那么从定义上看，你的用户界面并不直观。
在交互生命周期的每个阶段，我们都会提出问题并寻找某些属性。
用户体验网站设计案例研究
假设在我们的用户体验网站设计中，用户想要查找有关用户体验研究的文章，我们会看到类似的内容。
带有一些文章文本的线框，如“如何进行可用性测试”
用户看到了起点：
- 起点是否可发现？（可发现性）
- 你知道在起点该做什么吗？（功能可见性）
- 我们能理解文字吗？（可理解性）
- 我可以预测接下来会发生什么吗？（可预测性）
在我们的线框中，我们想展示用户体验研究的起点是可用性测试的文章。如果用户不知道什么是可用性测试该怎么办？也许我们可以通过在用户体验研究上添加更多上下文，例如标签、类别或标记，来更好地设计它。
添加用户体验研究标签/标记/类别
用户知道在起点应该怎么做吗？也许添加”阅读更多“的文本来显示文章还有更多内容会有所帮助？
添加“阅读更多”以指导用户下一步的操作
用户理解什么是“可用性测试”吗？也许更简单的语言可能会有所帮助？
将文本更改为更简单和更通用的语言
用户能否预测接下来会发生什么？结果是否符合他们的期望？如果用户点击“阅读更多”，他们会看到整个页面吗？
当用户执行操作（单击链接）时，他们是否能够：
- 知道要采取什么行动？（功能可见性）
- 有效地采取行动？（高效性）
- 不会迷路且可以回到起点。（可探索性）
当用户看到操作结果时：
- 他们是否真的看到了响应？（响应式反馈）
- 是他们所期望的吗？（可预测性）
用户能否在实现最初目标后继续进行其他操作？
8步总结
- 可发现性——用户可以找到该做什么
- 功能可见性——用户知道如何操作他们所看到的
- 可理解性——用户理解文字和上下文
- 响应式反馈——用户在足够的时间内看到下一步会发生什么
- 可预测性——用户能够预见操作的结果
- 高效性——用户无需重复操作或执行不必要的交互
- 包容——防止用户犯错或允许他们从错误中快速恢复
- 可探索性——用户可以进行进一步探索而不会迷路或担心犯错
参考文章：查看链接 ↗
作者：Ely Apao
译者：设计小菌
原文请戳【阅读原文】
为尊重版权和译者
转载请联系我们
相关阅读
我 们
服务.体验.交互设计传道者
公众号
「yizhizhaojun」
一只朝菌设计学园
联络微信
平菇老师
「zhaojundesign」
「一只朝菌设计学园」由毕业于清华大学人机交互专业的学长创办，致力于创造卓越的设计知识学习课堂，专注交互设计、用户体验设计、服务设计领域的专业知识教育。
教师团队来自于清华大学、同济大学、上海交大、北京理工大学、北京邮电大学、中山大学、华南理工、江南大学、香港大学、香港理工、台湾科技大学、Imperial、POLIMI、Delft、Oslo、Goldsmiths、Edin、Glas、Manc、Lancaster、Loughborough、Leeds、Arts London、BCU等国内外高校，以及Microsoft、阿里巴巴、腾讯、网易、华为、央视、百度、美团点评等企业集团。
清华大学有训曰：行胜于言。「一只朝菌」谨承母校百年教诲，时刻铭记师者之责，为好学者传道授业，为有志者掌灯引行。