学会「交互设计五要素」，帮你更快Get到设计关键点！

扫一扫
官方手机版

扫一扫
AI创作程序

扫一扫
木子公众号

扫一扫
AI公众号

B端浪潮下设计师的「尴尬」

供应链资源整合是企业发展态势。企业对内部多岗位协作、企业与企业间的协作效率有更多诉求。

企业级服务系统的智能在线处理、数据准确、信息安全等特征，成为企业实际作业的得力助手。（以下简称B端）

系统提供商也便对业务型产品、设计、开发、运营等人才有更多需求。

在C端浪潮中，设计师通过创造用户流畅和惊喜的体验，发挥了显而易见的价值。

然后B端系统的业务复杂特性，普遍认知产品经理、开发会体现更大的价值。

设计师作为中间角色，难免「尴尬」，甚至沦为产品经理原型的高保真绘制人员，缺少发言权，或初次接触对海量信息无从下手。究本质原因：

未直接接触业务方和用户，无法对需求场景有深入的了解，缺少系统性设计分析、设计判断能力

我在几年的实战中，运用辛老师 「交互设计五要素」 基础原理，融合于B端业务体系，形成一套自己的思维图谱。（以下简称五要素）

从「五要素」出发，会更快速地get到关键设计点，抱着开放的态度与产品讨论方案，总会愉快地达成一致，顺利对接开发。

B端「五要素」详解

就像我们写小说「讲故事」一样：时间地点人物、有什么目标、使用什么工具，完成什么事情，故事才完整。基于B端实际业务场景的五要素，阿飞解说如下：

1. 用户-角色、权限

角色：

老板、运营、销售、物流、采购、库管、财务等（不同岗位日常事项不同）

权限：

主子账号（涉及到模块间的操作权限、数据权限）

2. 目的

用户目标：

B端一般是具有明确的作业目标，更高效地完成工作。老板一般希望节约人力成本，且可即时响应客户需求

商业目标：

为客户赋能、提升下单率、支付率、新业务渗透力、裂变等

业务目标：

产品会不断的迭代，了解当下需求中的业务目标

设计目标：

基于以上目标，设计需符合用户思维习惯，提高处理效率，同时避免误操作等

任何场景下，人的行为都是有「目标动机」

当以「目标」为出发点，可以增强设计判断力，输出有效方案。另外真正有价值的商业目标一般都是和用户终极目标所吻合。

3. 场景

时间、地点是场景的必要组成

When：

随时随地在线或工作日期间，如：售后客服需要随时在线；财务人员一般工作日处理任务

Where：

办公室、仓库、户外等。需考虑线上线下结合，系统是为用户的线下作业场景服务

4. 工具或媒介

台式电脑、笔记本电脑、手机、平板、扫码枪、PDA、打印机、肢体、智能运输车等

互联网媒介又包含web网页端，web客户端，小程序，H5，App等

系统功能承载在媒介中，媒介承载在实际作业下使用的工具，存在多终端配合使用。比如仓库移动作业时，会使用到平板进行盘查核对等。

5. 行为

需要完成什么事？通过典型的任务流分析是否可达到目标

△ 仓库移动作业场景

「五要素」带来的机遇和价值

B端复杂业务下，设计师主动了解用户实际的场景后，五要素作为必需思考元素，经过实战验证，带给设计师的机遇价值至少有2方面：

1. 对设计师自身：

有利于设计分析、判断思维体系的完善，考虑更全面；所输出的方案符合用户思维和习惯，更容易得到各方的认可

2. 对于业务价值

可作为考量产品方案可行性的判断准则
另外，产品原型一般基于「功能」本身，而设计师从用户实际场景规划用户的任务流，可以优化产品逻辑，补全缺失场景，也会给予创造性解决方案

举个实战栗子

比如「开发票」功能 ：

• A购买B的服务后，系统会统计时间段内订单金额；
• A可向B申请开发票，B接收到申请工单
• B线下开票后，上传发票凭证，单据变成已完成状态（系统不对接发票打印接口）

在需求评审中，针对于「A向B申请开票，A撤销申请不需要B操作同意」这点，我提出建议：「需要B线上同意」

首先确实是要避免无谓的用户线上流程操作，但针对这点，我分析如下：

• 用户是财务人员，「开发票」是其重要严谨的工作事项之一
• 线上线下场景结合。B看到A的申请单据，极有可能B线下已开发票还未录入系统。
• 此时申请取消开票，若不需要B同意/拒绝，会造成纠纷，平台需要负责。

所以「A撤销申请B需要线上操作同意或拒绝」

△ 打印发票

以「五要素」的分析思维的表述，最终与产品、技术达成一致。

在设计中，考虑到「A申请撤销」的单据，对于双方都是需要优先确认和处理的。所以除有即时消息通知外，列表中我做了2点设计：

• 会把这批单据使用浅红色底，起到提示作用
• 优先放在分页列表最前面

（若不这样，在分页列表中特殊单据很有可能从第二页后才出现，用户都发现不了）

△ 状态操作参考框架示例-原创

总结

回顾下B端交互设计五要素

• 用户：角色、权限
• 目标动机：商业、业务、用户、设计，
• 场景：什么时候？在哪里？
• 工具或媒介：作业场景中使用各种工具
• 行为：基于用户任务流的行为设计

设计师的分析、判断能力是非常重要，五要素则作为系统性的思维支撑。

B端浪潮中，设计师仍有很大的机遇和价值。基于五要素分析，会对业务有所优化和补充，或提出创造性的解决方案。

设计不仅是一种技能，而是对事物本质的感知和洞察能力

交互设计五要素不仅对设计师有帮助，同时对产品、运营等人员同样具有价值。

更多设计方法：

用我搭建的 PST 框架，帮你系统掌握产品的信息引导设计方法

不知大家有没有和我一样的疑惑：日常产品的信息引导到底该如何设计？

实操案例！B端信息逻辑「超级整理术」 （上）

B端产品信息具有：信息量大、关联关系复杂，最终达到目的是用户高效率的理解信息并完成任务： 这是什么？

欢迎关注作者微信公众号：「Aber UX设计」