产品经理的基本功：如何学会交互设计？

拥有一份较好的交互设计文档，会是产品经理的法宝之一。

有idea，知道功能，如何设计？

在我们的日常生活中，往往会因为遇到奇葩和不爽的事儿而产生解决问题的idea，由于知道问题的源头，所以通常也能说出几个功能需要改变，但是只是停留在知道和想到，而不能设计出解决方案，对于产品经理而言是不ok的。产品经理的工作职责核心就是把idea设计为产品，解决问题！

譬如，我们都应该遇到过如下左图的插座，很囧的是，我们竟然无法同时插入两孔和三孔的插头，敢问先森你这设计是给人用的么？作为产品汪，我们不会坐以待毙，我们会用自己的“专业”设计能力把它改变成酱紫（如下右图），当当当，哇靠，酱紫一做，是不是很牛逼，是否解决你的痛点啦？

所以为了让用户喜欢，我们需要设计，设计分三类：行为设计、形式设计、内容设计。其中，行为设计就专指：交互设计，形式设计包括界面设计与风格设计，内容设计包括信息架构设计、文案设计、动画制作与 音效设计。

到底什么是交互设计呢，官方这么解释，提供给你作为参考：

以人的需求为导向，理解用户的期望、需求、理解商业、技术以及业内的机会与制约。基于以上的理解，对于用户产品使用行为的优化设计，交互设计关注的是“用户场景”和“用户心理”，设计的对象是“用户行为”，达成的目标是“能用、易用、想用”。

说了这么多，你肯定心里会想产品经理为什么要学交互设计呢？从我的观察看，原因有两个：

1. 现在的产品经理都需要综合素质强，样样都能干，才能更佳清晰的表达自己的想法；
2. 充当交互设计师的角色，才能变得更强，当公司人员不够或者没有交互设计师一角的时候，或者不想和交互设计师撕逼，产品经理需要能独当一面。so，对于产品经来说，设计需要自己来做，并且需要知道交互设计的流程，熟练使用交互设计工具。

知道为什么设计，那么到底如何设计呢？

工具就是拿来提升工作效率的，工欲善其事，必先利其器。首先安利几个交互设计工具，如下图所示：

然后安利交互设计的流程，如下图所示：

当产品经理在做产品之前，都需要了解产品要做成什么样子，做任务分析，然后了解产品功能的逻辑并梳理页面流程，接着需要考虑页面布局，用原型设计来表达你自己对产品的规划和想法，并在原型设计里添加设计说明，类似代码的注释。

1. 任务分析：对照着功能需求，对用户操作任务进行分析梳理，给出FeatureList，写明主要任务及子任务；
2. 页面流程：决定界面的信息架构与操作逻辑，主要表现形式为流程图，流程图的分类与使用，可参考 《产品经理的基本功——学会拆解产品》
3. 页面布局：对页面进行拆解与重组，确定结构与分块，分块要合理并具备逻辑性与视觉感
4. 原型设计：完成具体页面的设计，界面元素的表现，原型设计图分低保真和高保真两类
5. 设计说明：对页面设计进行的补充描述及详细说明

弄清楚如何设计了，我们就来聊聊交互设计做什么吧？

首先，我们聊交互设计在产品各个阶段的作用吧。

• 产品初期：交互设计关注重点：快速产品定位风格样式，快速交付主要功能页面（小版本）快速上线；
• 产品中期：交互设计关注重点：页面与交互操作的深度设计，完善功能实现效果；
• 产品后期：交互设计关注重点：稳定版本迭代，操作体验一致性与页面逻辑优化。

然后，我们聊交互设计涉及的各种定律和知识，可查看系列文章：

• 《细节体验｜你离用户只差一个好的交互》
• 《用好的交互设计来管理复杂－“Tab”》

最后，我们聊移动端交互设计的基础知识：

多端设计： 统一性、创新性

好处：

• 品牌基因，提高产品关联性
• 提高使用效率，降低学习成本，便于管理

方法：

• 产品与系统、平台之间要统一
• 企业多产品线全局规划
• 多尺寸设计：兼容适配＋高效设计
• 触控设计：优化体验＋移动交互

知道交互设计具体做什么了，我们就要画画图写写文档咯

交互设计文档都给谁看呢？请看下图：

那么，交互设计文档的作用又是什么呢？一份详尽的交互设计文档，将很多产品细节都用图视和文字的形式固定下来，起到了规范的作用，有助于团队成员的沟通，降低沟通成本。究竟一份交互设计文档需要哪些内容呢？一般来讲，一份交互设计文档大致需要7个部分，分别是：

1.文档封面、版本纪录

2.模块清单、业务流程、原型设计、错误处理

现在，对于职责和岗位的分工，有可能会变得越来越模糊。拥有一份较好的交互设计文档，会是产品经理的法宝之一。未来，对于一名优秀的产品经理，是需要交互设计、项目管理、产品管理、用户研究等多方面的素质和要求的，所以没事儿多画画交互图，多体验产品，一定对你的产品生涯帮助不少。

 

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

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