关于交互设计，我们要注意些什么

1.交互设计的理念

关于交互设计大家都有自己的看法，坦率讲在我们使用或体验一款产品的时候，交互效果往往在第一时间引入眼帘，每个同学对交互的理解都有自己的看法，今天我们就引用《尼尔森十大可用性原则》来说说交互设计。

1.1 ViSibility of system status

ViSibility of system status：系统状态可见。最近正值双十一，想象一下，如果我们购买的一件心仪的商品的快递迟迟不发货，或者快递停留在某个分拣中心迟迟不更新，这不免让人对快递的情况产生质疑。B端产品也是如此，用户在进行了一个操作后，产品应该及时告诉用户：我收到了，我正在做，请稍后等信息。在适当的节点使用Toast、Dialog、加载效果等简单的方式可以增加用户的安全感和对产品的信任感。

1.2 Match between system and the real world

Match between system and the real world：系统与真实世界匹配。

B端产品相对于C端产品最大的特点就是需求相对更加明确，对于产品经理而言，设计B端产品一定要减少歪歪，要参考用户真实使用环境使用的单据和报表或用户既定的流程，将其映射在产品中，减少用户的学习成本。这就要求产品经理需要对业务有深刻的了解，在不了解业务的情况下，就需要对用户的调研足够深刻，才能设计出与真实世界匹配的交互和系统。

1.3 User control and freedom

User control and freedom：用户掌控和自由操作。

用户在使用B端产品的时候，可以自由退出或者结束当前任务的操作。

1.4 Consistency and standards

Consistency and standards：一致性和标准化。

大家想想汽车的仪表盘，不管任何品牌的汽车，汽车的仪表盘都可以被车友们迅速了解其使用方式。汽车的仪表盘就符合交互设计的一致性和标准化。联想一套复杂的B端系统，如果不同页面对相同功能属性的按钮取名不同，那么会给用户带来歧义。

1.5 Error prevention

Error prevention：避免错误。

产品经理需要检查页面的btn是否会产生误触之类的。

1.6 Recognition rather than recall

Recognition rather than recall：直接识别比记忆好。

产品要减少用户建议的负担。产品经理在设计针对一些单据的操作流程时，要关注用户想要知道哪些单据的基础信息，以免用户跳出当前界面进行查询，除此之外也可以用保留table页的方式减少用户查询信息的成本。

1.7 Flexibility and efficiency of use

Flexibility and efficiency of use：灵活高效地使用。

产品经理需要不断的提升页面的使用效率。

1.8 Aesthetic and minimalist design

Aesthetic and minimalist design：美观和简约的设计。

少即是多，美观简约，信息简明扼要但不失重点，举个反例，B端系统内一个页面十几个甚至20几个列表字段，属实让人头疼。

1.9 Help users recognize, diagnose, and recover from errors

Help users recognize, diagnose, and recover from errors：帮助用户识别、诊断和解决错误。

在产品设计中，特别要关注给用户反馈的操作信息。如果用户操作错误，用明显的信息框提示用户，这时候用户的心情一定很差。所以为了避免这种情况发生，产品经理需要在梳理交互设计方案及后期跟进产品研发的时候，仔细检查一遍反馈信息，看一看话语是否清晰明了，是否能像餐厅的服务员一样友善的提供解决方案。

1.10 Help and documentation

Help and documentation：帮助和文档。

B端产品本身存在一定的使用成本，特别是传统业务信息化的过程中，部分底层劳动力不愿意接触新的知识、新的方法，系统的复杂性更会增加他们的抵触，因此在适当的环节植入帮助和文档，也是产品经理需要多加注意的。

2.与设计师高效沟通

好的页面会减轻一些用户的抗拒，人之本性就是喜欢美好的事物，产品设计的过程中，就需要PM们和UI设计师密切沟通、配合完成产品的视觉设计。

与设计师沟通需要注意以下几点：

不要将设计师称为美工：

这就像喊开发帮你刷机，喊产品帮你画原型一样～～～ UI设计师不仅仅需要会PS、Sketch等工具，对设计师而言，绘画训练、色彩搭配、字体设计、创意训练等设计的积累都是设计师经历过的考验，支撑着设计师不断的输出设计。所以产品经理首先不要低估设计师在页面设计中的工作量。

主动学习设计知识：

产品经理是一个协调、推进的角色，是一个要与多端打交道的角色，与不同的角色沟通时，产品经理要搭建起与对方相近的知识背景才能更高效的表达，换言之，产品经理需要了解设计的相关知识，这里推荐PM们可以看看相关的论坛、相关的书籍提升自己。

明确设计重点：

产品经理的文档、原型都应该明确设计重点，使用者最在意的内容是什么，是什么样的人群在使用，使用频率如何等，这些信息都是UI设计师输出设计的决定性思路之一。

给出设计案例：

尽量避免用美、丑、炫酷等词语，因为这些主观意识浓烈的词语本来就是千人千面的，当产品经理提出自己的设计要求的时候，不妨找出一些认为比较好的设计案例提供给设计师参考，设计师自然会从他专业的角度给出更加合理的设计。

原创文章，作者：王得宇AIPM，如若转载，请注明出处：https://www.pmtemple.com/pm/no-worded-kung-fu-scripture/11505/

发表回复

登录后才能评论

评论列表（5条）

次元观察者 2026年4月6日下午7:34

这不就是游戏UI设计的黄金法则嘛！系统状态可见就像血条蓝条实时显示，一致性就像所有RPG游戏的ESC都是打开菜单，玩家自由度更是开放世界的核心！交互设计就像游戏规则，简洁明了才能让玩家沉浸其中✨

回复
追光观察者 2026年4月5日下午8:44

文章对尼尔森可用性原则的解读很到位，特别是B端产品交互设计的思考。作为产品经理，我认为B端交互还需考虑专业场景下的效率平衡，有时适度的复杂性反而是必要的，关键在于与用户工作流程的深度契合。

回复
次元思想家 2026年3月26日下午5:29

哇！这些交互设计原则简直就是游戏UI设计的圣经啊！🎮 系统状态可见性让我想起游戏中的血条和技能CD，用户控制自由就像是RPG中的随时存档功能！游戏和产品设计真的是相通的呢~

回复
极客分享客 2026年3月24日上午12:14

交互设计这东西，真不是UI随便画画就完事儿的！系统状态可见性就像API返回的status code，用户控制freedom就是要有rollback机制，一致性更是代码规范的基本素养。见过太多产品交互反人类，用户怒删比bug引发的crash还快！

回复
镜中研究者 2026年3月20日下午4:39

交互设计就像摄影构图，系统状态可见是”对焦清晰”，与真实世界匹配是”取景真实”。作为产品摄影师，这篇文章说得太到位了！好的交互让用户像欣赏好照片一样自然流畅。📸✨

回复

关于交互设计，我们要注意些什么

1.交互设计的理念

1.1 ViSibility of system status

1.2 Match between system and the real world

1.3 User control and freedom

1.4 Consistency and standards

1.5 Error prevention

1.6 Recognition rather than recall

1.7 Flexibility and efficiency of use

1.8 Aesthetic and minimalist design

1.9 Help users recognize, diagnose, and recover from errors

1.10 Help and documentation

2.与设计师高效沟通

关于作者

王得宇AIPM高级产品经理

发表回复

评论列表（5条）

关于交互设计，我们要注意些什么

1.交互设计的理念

1.1 ViSibility of system status

1.2 Match between system and the real world

1.3 User control and freedom

1.4 Consistency and standards

1.5 Error prevention

1.6 Recognition rather than recall

1.7 Flexibility and efficiency of use

1.8 Aesthetic and minimalist design

1.9 Help users recognize, diagnose, and recover from errors

1.10 Help and documentation

2.与设计师高效沟通

关于作者

王得宇AIPM高级产品经理

相关推荐

国产游戏《戴森球计划》全球登顶是怎么做出来的？

知识付费下半场：以会员制+训练营提升用户复购!

产品经理必修课（9）：工作流中的管理

发表回复

评论列表（5条）