尼尔森用户交互设计原则

编辑

---

大家好，我是大明同学。

这期内容，让我们站在用户交互的角度来了解一下尼尔森设计原则。

尼尔森设计原则，是对过去几十年用户体验设计经验的总结，也是对未来产品设计趋势的预见。

它不仅仅是设计原则，更是一种设计哲学，一种以用户为中心，追求极致体验的设计理念。

不仅涵盖了用户界面的基本设计要素，更是深入到用户心理和行为模式的洞察，为我们构建优秀的产品体验提供了坚实的理论基础。

无论产品经理，设计师还是其他与产品体验相关的从业者，掌握这些原则都能为你带来启发和收获。

#1 系统状态可见性

系统应该让用户时刻清楚当前发生了什么事情，快速的让用户了解自己处于何种状态、对过去发生、当前目标、以及对未来去向有所了解，一般的方法是在合适的时间给用户适当的反馈，防止用户使用出现错误。

例如：toast 提示、下载进度条提示、点赞后按钮由颜色的变化等。都属于此范畴。

编辑

信息的可见性

如果一个功能可以通过菜单访问，那么这个菜单的标识和位置应当清晰明确。

反馈的可见性

当用户点击按钮时，按钮可以显示不同的视觉效果(如颜色变化、陷入效果等)来告知用户其操作已被系统识别。

操作的可见性

当断网时，下拉刷新用户会看的一个情感化加载动画，提示用户在加载中。

状态的可见性

在一个复杂的表单或多步骤流程中，界面应该清楚地显示当前处于哪一步。这样用户可以随时了解自己的进度和状态，降低因迷茫而产生的用户挫败感。

错误的可见性

在输入密码的界面时，出现错误时会在下方提示当前密码输入错误，提示引导用户请输入数字+符号组合密码。

#2 系统和现实世界匹配

设计的一切表现和表述，尽可能贴近用户所在的环境，将现实环境的操作功能巧妙的转化为线上功能，使其贴近用户。使用用户能听懂的专业术语，涉及到专业化语言时要转化成用户熟悉的语言。

模仿真实物体和行为

将按钮设计成与现实中的按钮相似的样式，让用户有按下按钮的直观感受。

遵循行业标准和习惯

将网页导航菜单放置在页面的顶部或侧边，符合用户对网页导航的常规期待。

保持一致性

设计中的UI规范，交互样式保持一致性，书籍画册等里面的标题内容字体大小也遵循一致性原则。

提供直观的反馈

按钮被按下时产生的视觉反馈、链接被点击时的状态变化等。

避免违背用户期望

点击一个图标却得到了与期望不符的结果，会让用户感到困惑和不满。

考虑用户的认知能力和心理模型

最简单案例体现，可以从图标的演变过程就可以感受到，从真实生活中的电话演变成图标，一直到现在的扁平化显示的电话图标。

#3 操作可控、可逆

对于用户的误操作，提供二次确认或者撤销的功能，这样可提高用户的操作可控性。

例如：邮箱发送的撤回键，微信消息的撤销按钮。

编辑

提供明确的操作选项

在编辑界面中，应该明确标识出保存、撤销、删除等操作按钮，让用户知道可以进行哪些操作。

允许用户撤销和返回

提供撤销按钮、返回按钮或者多级回退功能，让用户可以自由地调整和修正他们的操作。

避免强制性的操作和模式

不要强制用户在注册时填写过多的信息，而是提供必填和选填项，让用户可以根据自己的情况选择填写。

提供明确的退出选项

在应用程序中提供退出按钮或者返回到主界面的选项，让用户可以方便地退出当前任务或者返回到初始状态。

防止误操作的发生

在危险操作(如删除文件)前要求用户确认，以避免误操作造成的后果。

支持键盘快捷键和手势操作

为用户提供键盘快捷键和手势操作的支持，让他们可以通过更快速和高效的方式来完成操作。这可以提高用户的操作效率和满意度，增强用户的控制感和自由度。

#4 一致性和标准化

遵循统一的产品设计规范／逻辑。这里的一致性包含产品和跨平台产品之间的一致性。

产品间的一致性，包含视觉和交互的一致性，无论是文案、视觉风格、组件样式等都包含一致性。

编辑

一致的布局和样式

相似的功能应该采用相似的排列方式和视觉风格，按钮、导航栏等元素的位置和样式也应该保持一致。

一致的交互方式

点击按钮应该在不同页面中具有相同的效果，滑动手势在不同功能中也应该具有相似的操作意义。

遵循标准化设计规范

网页设计中遵循Web Content Accessibility Guidelines(WCAG)等国际标准

移动应用设计中遵循iOS Human Interface Guidelines或Material Design等平台规范。

统一的图标和符号

手机主题界面的显示，电话的图标会从生活中电话提取图形标识。

保持一致的术语和语言

在不同页面和功能中使用相同的术语和表达方式，以便用户能够准确地理解和识别。

反馈一致性

成功操作和错误操作应该有明确的视觉和语言反馈，以便用户能够及时调整和纠正。

#5 确认而不是回忆

减少用户记忆负荷，在适合的时机给用户需要获取的信息。

例如：在登录页面勾选自动登录，系统自动识别信息登入，不用频繁输入账号密码。

编辑

简化操作流程

简化下单流程，减少用户填写信息的步骤。

提供直接的路径

在网页中提供明显的导航链接，让用户可以直接跳转到所需的页面。

减少用户输入

在搜索框中提供模糊搜索提示的功能，减少用户输入的工作量。

提供明确的标识和提示

在网页中使用明显的按钮和图标来表示可点击的功能，同时提供鼠标悬停提示来解释按钮的作用。

响应迅速

当用户点击按钮或者链接时，界面应该立即给出反馈，让用户知道其操作已被识别。

符合用户期望

将相关的功能组织在一起，符合用户的认知结构。

#6 灵活性和使用效率

提供灵活的操作和高效的获取信息能力。

例如：搜索输入框提供智能联想功能，输入关键字自动联想出相关句子，提高效率。

支持多种操作方式

提供键盘快捷键、手势操作、语音控制等多种方式。

自适应和响应式设计

PC端网站会根据屏幕尺寸的不同响应式布局。

提供个性化的设置和选项

允许用户自定义界面的布局、颜色主题、字体大小等。

支持快速导航和查找

提供搜索框和过滤选项，让用户可以快速定位到目标内容。

减少不必要的点击和步骤

采用一键下单的方式，减少用户提交订单的步骤。

提供即时反馈和状态更新

当用户提交表单或者完成购买时，界面应该立即显示成功的反馈信息。

#7 简约设计

保留产品最主要的信息，如果不是优先级最高，要尽一切可能避免去影响产品的简洁和美观。

去除冗余信息

去除重复的导航链接、无关的广告等。

简化布局和排版

采用简单的网格布局，保持页面的整洁和清晰。

提炼核心功能

书籍详情，名称、简介、收藏、评论功能就放在了下一个页面减少对用户的干扰。

简化操作流程

采用一键式操作，减少用户步骤。

清晰明了的语言和标识

按钮、链接等元素的标识应该直接表达其功能，让用户一目了然。

精简视觉元素

颜色、字体、图标等元素的使用应该简洁大方，突出重点。

提供帮助和引导

界面设计应该提供必要的帮助和引导，让用户能够快速了解界面的使用方法和操作流程。但是这些帮助信息也应该简洁明了，避免过多的文字和复杂的说明。

#8帮助用户识别，诊断和修复错误

用户在使用产品过程中出现了问题，及时准确的告知用户出现问题的原因。

例如：而当用户输入错误的时候，输入框会变为红色并且在下方出现红色字的错误提示，这样让用户很清楚的知道用户输入错误以及错误的原因，这样用户就知道怎么修改了，这也是容错原则的一种体现。

编辑

#9防错原则

设置防错的机制，减少用户犯错。在用户选择动作发生之前，就要防止用户容易混淆或者错误的选择。

例如：用手机号输入时用344的间隔分开，更易于用户对比检查，减少输入错误的情况。“下一步”按钮在没填写完成之前是禁用状态，填写完成后是可点击的状态，这些都是防错原则的体现。

提供明确的反馈和指导

当用户输入错误的密码时，界面应该明确提示用户密码错误，并且提供重新输入或者找回密码的选项。

允许撤销和返回

在编辑界面中提供撤销按钮或者返回按钮，让用户可以随时取消之前的操作并且返回到之前的状态。

避免严格的输入要求

在表单输入时，可以采用自动补全、格式化等技术来辅助用户输入，减少用户的输入错误。

提供辅助和提示

在输入框中提供提示性的文字或者示例，指导用户如何正确地输入信息。

减少不必要的强制性操作

在我们进行转账操作时要求用户对转账金额进行确认，以避免误操作造成的损失。

优雅地处理异常情况

当网络连接出现问题时，界面应该显示友好的错误信息，并且提供重试或者刷新的选项。

#10提供帮助文档

在用户需要的时候提供必要的帮助说明。

例如：给一定的说明解释提示，让用户更能理解产品功能。

温馨的语言和表达

在错误提示和帮助文档中使用亲切的语气和表达方式。

关注用户情感和需求

在用户遇到困难或者错误时，表达理解和支持，提供鼓励和安慰。

个性化的帮助和支持

根据用户的历史操作记录和偏好，推荐相关的帮助文档或者解决方案。

及时的反馈和回应

提供实时的在线支持和反馈渠道，让用户能够随时联系到客户服务团队。

鼓励和奖励用户行为

通过积分系统或者优惠活动来奖励用户的购买行为和参与度。

提供愉快的体验

通过动画、音效等方式增强界面的趣味性和互动性，让用户感到愉悦和享受。

尊重用户隐私和权利

明确告知用户数据的使用目的和范围，遵守相关的隐私政策和法律法规。

我是大明同学。

下期见。