画出的点做交互_交互设计-针对功能点的分析

这篇文章讲什么？

针对一个功能模块进行交互设计分析，讲的是一些「非常非常非常」基础的交互设计流程，最大的作用就是告诉你，什么环节该做什么事情

注意事项：

*在分析功能点时，所有分析过程都需要围绕「这个模块的作用」或者「要满足的用户需求」来分析，如果对这个功能模块都不了解，就不要进行分析，先去熟悉这个模块，思考设计者为什么要做这个功能，希望达到什么目的

*一定要站在「用户视角」分析，把自己代入「场景」，否则你很难发现问题

比如这个模块，我们可以定义他的「其中一个场景」是：用户来到这里希望选择理财产品

假设我们自己是用户，现在就要完成这个任务，我遇到了哪些问题、哪些困难？

我在体验这个设计时遇到的问题是（按照任务流程）：

- 进到页面以后，先看到一个特别大的数字，但不知道代表什么；

- 不知道这里可以点击，感觉像是一个报表；

- 产品亮点不突出，不知道这个产品特色是什么；

- ……

要把你能看到的每一个「元素」揉碎了看，比如图中这个最大的数字，他为什么放在这里、想表达什么目的、我会怎么理解、我有没有点击欲望……

当你分析完一个「元素」以后，尝试从其他层面再看一遍，

视觉层、框架层、结构层、范围层、战略层

这么做的目的是为了让你自己知道，当你觉得这个文字在视觉上有问题的时候，你还要看看布局是否有问题、他的信息传达是否有问题 等

用户体验5要素不是只能用在定义产品大框架上，在每一功能、甚至每一个按钮都可以套用这5要素去思考，因为这是一种思维方式

比如这个数字「4.80」

从 战略层 思考：这个数字是为了传达什么信息，希望告诉用户什么

从 范围层 思考：为什么要用这样的数字，可不可以用其他形式表达

从 结构层 思考：为什么要在这里让用户看到、为什么出现在这个场景

从 框架层 思考：为什么放在这个位置，为什么是左边而不是右边

从 视觉层 思考：为什么用这个颜色、为什么要用这个大小

（如果对用户体验5要素不理解，去看书）

*只有明确问题，才能做出有理有据的交互设计，不以解决问题而做的设计不叫设计，特别是在和客户沟通的时候，对方更想知道你对我的产品进行了哪些改动，有没有解决我目前的问题

你分析出来的问题是否准确，直接决定了对方愿不愿意听你继续讲下去

所以我希望在交互设计的讨论中，我们讨论的是「这个模块有什么问题」，而不是其他产品是怎么做的、这样画好不好

我需要你做的事情，是把你想到的问题一个一个列出来

并不一定要按照5要素这种结构整理给我看，但我会按照这几方面去检查你提出的问题是否准确、是否全面

*以上是交互设计的第一步

*交互设计第二步：根据问题画出「简易版」解决方案

这是一个过渡环节，并不是在画最终稿，比如现在页面中有一个问题，我临时想到了好几个解决方案，这时候我就要把我想到的页面画在旁边

当前画的图仅针对当前遇到的问题提出解决方案，最终方案需要把所有问题串起来，一个一个去判断是否能解决问题，通常情况下，你发现的问题可以有好几个解决方案，尽量多的去想，最后整理的时候再决定使用哪个

*交互设计第三步：分析不同用户、不同场景，也就是多维度分析

1.用户有哪些类型的用户（列出多个用户画像）

2.核心用户是什么，是否需要根据2/8原则确定用户范围

3.用户的需求都是什么，他们的行为特征是什么（行为特征是切换用户视角的关键因素）

4.重新把自己带入场景，以用户视角分析产品问题，并思考产品要如何满足用户需求

如果有多种类型的用户，要在「每次」分析的时候都重新想一遍他的需求是什么、行为特征是什么，否则你很难进入用户视角

仅仅以用户视角分析就够了吗？

别忘了一开始就确定的「功能模块的目的」

结合「业务需求」以及「用户需求」分析出来问题，才能得到最终的解决方案

（比如业务需要达到什么目的，有哪些信息是一定要让用户看到的，有哪些逻辑是不能变动的……业务需求能不能满足刚才分析的用户需求，我怎么才能通过设计满足用户需求）

*交互设计第四步：解决方案

画出最终解决方案，需要把所有问题串起来，一个一个去判断每个问题是否都解决了，同时要考虑「业务需求」和「用户需求」，找到平衡点，最终确定一个合适的解决方案

设计师大部分的工作时间都用在思考上，思考的就是以上这些事情，画页面虽然也需要很多理论知识支撑，但不要认为交互设计就是画页面，不要把画页面当做设计师的全部工作，你应该只拿出20%的时间和精力用在画页面上，80%的精力都应该用在思考和沟通（业务需求、用户场景）

（通常情况下，业务需求是要向业务部门或者产品经理确认的，但在我们得不到业务需求的时候，可以尝试反向推导）

在「解决方案」的环节可以参考竞品，但是我希望你对「参考竞品」这件事有一个正确的认知：

参考竞品的目的不是为了抄袭，而是要「带着你的问题」分析别人是怎么解决这个问题的，很多人工作了好几年，都是靠抄竞品活下来的，这就造成了一种恶性循环，自己从来没做过一个完整的设计分析，总觉得自己工作过很多年、很有经验，但真让他独立去完成一个设计，根本不知道怎么做

这种人已经被时代悄悄的抛弃了，自己还蒙在鼓里，完全不知道自己为什么找不到工作、为什么不能提升等级、为什么拿不到高工资（想一想，你是不是也这样）

我希望你以后看竞品的时候，都不要直接拿着竞品说他是怎么怎么做的，而是带着问题去分析「他是怎么解决问题的」

作为设计师，一定要在正确的路上努力，不要成为一个「页面搬运工」

*交互设计第五步：考虑各种状态

- 用户已登录、未登录 的页面是不同的

- 页面功能的默认状态、选择状态、已购买状态、已完成状态 等，都需要考虑进去

这个环节要放在最后做，不要一上来就考虑什么特殊状态、登录状态、多用户场景

*推荐策略、运营策略、展示策略

并不强求每个交互设计师都做推荐策略，因为这是产品经理的事情，但我们给客户讲的时候，最好能讲一些策略

「在什么状态下」、「给什么人」、「推荐什么样的理财产品」

如果你玩抖音你就知道，他会根据你的 点赞、关注、评论、地区 等信息，为你推荐不同的内容

而这个案例中，我们可以对不同等级的用户推荐不同的理财产品，将理财产品分为不同价位、不同风险程度、不同周期 等，结合用户画像，推荐不同产品

「展示策略」是交互设计的其中一部分，比如外卖的订单状态，商家已接单、外卖配送中 就是在同一个页面中完全不同的2个状态，在外卖配送时，需要展示配送员的位置、电话等内容，还有很多app会在登录和未登录状态下展示不同的内容……

展示策略的前提就是多考虑一些「不同场景」，「不同用户」、「不同状态」，同样是把每一个元素拆开揉碎了去看，去分析各种可能性

总结：

1. 先确定这个功能模块的作用，当初设计者为什么要做这个模块、为什么展示这些内容、为什么放在这个位置（比如放在屏幕顶部）
2. 以用户视角分析这个功能模块有什么问题，先给自己定一个任务，再把自己代入到场景里去完成任务，记录你遇到的问题
3. 在场景分析中，你要分析出这个设计有没有满足用户需求、有没有符合用户心智，这是任何初学者都能做到的，我希望你在这基础上做一个提升，通过用户体验5要素来补充自己的思考范围
4. 把你发现的问题记录下来，并在旁边画出你能想到的所有解决方案，这时你的思路是最清晰的，这些草图会在最终输出页面的时候当做参考
5. 接下来要做的事情依然是分析问题，只不过是增加了分析维度，其他用户会怎么选择、他们有什么需求？这个环节的核心是用户画像和行为特征，分析方法和上面一样，也是把自己代入场景、通过5要素发现问题
6. 现在我们通过「用户视角」分析的问题已经足够了，但是接下来还要结合「业务需求」寻找设计平衡点，这一点很重要，当你觉得自己做的挺好的时候，去拿给业务看，业务一定会让你重做的，因为你没有考虑到他的需求
7. 画出最终交互稿，你应该只拿出20%的时间和精力用在画页面上，80%的经理都应该用在思考和沟通（业务需求、用户场景）
8. 接下来还需要思考「展示策略」，完善页面设计

*以上，仅针对「功能点」进行交互设计的分析，全页面、全流程的分析有另外的方法

——Longyu 2019.03.05