产品经理告诉你做交互设计的套路：3W1H法

如果是从零开始设计一个新产品，要考虑产品的目标是什么；如果是设计某个产品的某部分功能，要考虑业务目标是什么。

当我们弄清明确商业目标和用户目标以后，开始梳理产品定位，挖掘用户需求，设计功能框架，接着开始通过画图来更佳形象的表达自己的想法，这样一个把思维变化为图形表达的过程就叫做交互设计，交互设计的产出物，一般我们称之为原型。原型只是一个从产品概念到实现的一个过渡，是不同部门之间对话时使用的一个介质，是承担起概念到实现的沟通桥梁，而不是最终的结果。我们会在做交互设计的时候，发现有很多小朋友，一上来就开始关心用什么样的交互模式、页面效果、然后一头扎到细节里，这是一个并不太健康的习惯。

那么，比较好的习惯和方式是什么呢？

小Q建议：如果是从零开始设计一个新产品，要考虑产品的目标是什么；如果是设计某个产品的某部分功能，要考虑业务目标是什么。

确定设计目标后，所有的交互方案在设计就应该围绕既定目标去实现。进入交互设计阶段后，我们要牢记这样几个步骤，首先把需求完善并理解到位，具体方法可参考「三步法，做好螺旋上升式的需求管理」，然后经过多次讨论，定义好产品框架，依据设计目标定义产品框架（弄清楚，我们需要用什么样的导航结构，设计什么样的流程），具体方法可参考「以移动端产品的导航设计为例，谈如何选好产品的设计框架」，再开始组织页面，可参考「产品经理的基本功——学会拆解产品」，最后分解用户场景，设计交互细节，着手完成Demo。

开始做Demo之前，我们就会对每一个功能模块进行设计和规划。这里给大家介绍一种简单的方法，帮助你梳理更好的逻辑思维，形成自己的思维模式后，轻松应对每一次的设计。具体如下：

第一步：What——它是什么

定义此功能模块是什么，解决什么问题，完成什么操作，譬如如：注册/登录、忘记密码、搜索、分享、权限获取…..

第二步：When——什么时候使用

用户什么时候使用此功能，存在几种可能触发的场景？小Q在当「用户体验脱离场景，一切优化都是耍流氓」一文中曾提到“所有的人机交互都不应该脱离场景存在，更不应该在场景以外讨论优劣”，所以我们设计产品和服务，真的是让用户快速，无需思考，“自然地”完成任务才是终极目的。譬如我们在交互设计过程中，我们需要引导用户成功注册/登录，那么在App设计的时候，我们可以想到的场景有：

1. 新用户首次下载并打开App，滑动看完引导图以后，进入注册/登录界面；
2. 用户首次需要对某一条内容，信息进行分享、转发、赞等互动操作时，弹框引导用户注册/登录；
3. 需要完成邀请行为时，进入注册/登录界面；
4. 用户决定购买某件商品时，进入注册/登录界面；
5. ……

第三步：Why——为什么使用

记住任何不解决用户需求的方案，都有可能被删除。体验还包含在产品与用户之间的互动、产品与场景的交互、产品对用户的情绪上的影响等等的细枝末节中。用户需求及用户体验是做好交互的基准，也是检验产品设计是否成功的依据。所以前期的产品定位、用户需求都是你原型图的「帮助文档」，辅助你反复推敲功能的存在价值与易用性。基于交互设计图，结合使用场景，对产品的实现及交互逻辑进行描述和说明，便于项目参与人明白设计的含义。

第四步：How——如何使用

完成前面三步骤的预设以后，我们需要走入细节，确定此模块功能应该被用户如何使用。譬如：注册/登录的具体方式有哪些？注册/登录的规则定义是什么？注册/登录与其他功能模块的交互点是什么？如下，罗列一些样例，供参考：

1. 仅手机号（需要邀请码注册、不需要邀请码注册）
2. 仅第三方授权
3. 手机号＋第三方收取
4. Splash页与注册登录之间存在交互点
5. 获取权限（相机、麦克风）与注册登录之间存在交互点
6. 注册/登录页面与个人中心的资料页面之间存在的交互点
7. 注册/登录页面与推荐关注（人/内容）弹窗之间存在的交互点
8. 待补充……

经过以上四步的推敲以后，我们会形成单个的界面，如下图所示：

最终，通过流畅逻辑串联界面成为一个交互逻辑，给予交互说明及补充。告知用户哪些功能还有其他的交互点，哪些功能只需要快速完成并跳出，辅助界面的展示及“链接”，展示产品入口、用户动作之间的关联，根据不同决策而产生的页面跳转，如下图所示：

小Q来总结

最好的交互设计是符合用户场景，捕捉到用户心智的设计。交互设计不仅需要很强的逻辑性，更重要的是需要明白用户如何使用。我们的设计是需要在每一个接触行为的背后，都有倍加关注的用户情绪、理解用户认知。预先设想产品最好的使用场景，才可以帮助产品最大程度的触达用户。

作者：Mandy权，微信公众号：PMandyQ，一名快乐的产品经理！

本文由 @Mandy权 原创发布于人人都是产品经理。未经许可，禁止转载。