交互设计之设计流程

曾有人问我：交互设计师是做什么的？

不妨举例回答：

当你在使用一个app或者网站时，是否遇到点击一个按钮之后没有反应，想找一个功能半天没找到，只能强制退出软件......

改善这些问题、提高体验，这就是交互设计师要做的工作内容之一。

根据阅读书籍和项目经验，我们总结发现设计师参与一个具体的项目过程：

01 需求分析

首先我们分析需求，了解产品的定位，目标用户是？具体功能是？达到什么效果？

在实际工作当中，我们需要从商业、用户、技术三个角度去考虑，用户愿意使用产品，产品获得了商业价值，才能更关注到提升用户体验上。产品的实现过程需要开发技术来支持。

                                                                              

为了顺利地开展，建议融合自身专业跟产品经理一起做需求分析。因为如果没有参与前期的需求分析，那么怎么保证通过一份需求文档或者简单沟通就能完全领会产品的所想呢？当然，实际工作中也有产品经理自己画原型的情况，但是每个人精力有限，这样会造成难以平衡商业价值和用户需求，术业有专攻，产品经理应该是把控大方向、功能业务和商业目标方面，交互设计师重逻辑、心理、细节、界面等。

产品定位包含产品定义和用户需求，那么需求从哪里来？怎么进行需求处理？

在挖掘需求、处理需求之后，我们进而挖掘用户目标，明确用户的真实需求，进而匹配到产品定位（目标用户群体及产品主要功能特色等），同时兼顾项目可以协调的资源、商业和用户的价值等。

然而现实工作中，交互设计师可能没机会跟产品经理进行前期的工作，往往直接接触需求文档或者简单的口头沟通。建议积极地和产品经理讨论，整合思路，进一步确立设计目标，适时地借鉴竞品，达成一致。

02 设计规划与实施

经过前期的调研和分析，确定了需求之后我们开始提出设计方案。

那么该如何进行信息分类和任务设计呢？

以天猫为例，当我们进到首页时，需要通过导航或者商品类目引导找到自己需要的内容。比如想买裙子，点击“女装／内衣”，进到二级类目之后找到“浪漫裙装”后再进一步筛选。用户进到网站既需要获取信息也需要完成任务，所以通过信息架构引导用户完成任务等是设计规划的范畴。

我们想象产品就像一个购物商场，比如熟悉的天虹商场，商场总共分多少层，每一层都有哪些店卖什么东西，整体的框架就类似我们说的信息架构。我们去商场里乘电梯走过道逛街、吃饭、看电影等，其中会有各种提示指引我们去洗手间、去收银台付款。这就是完成任务的过程。

以上是从信息架构、任务流程、页面流程，再到页面交互的过程。

我们的设计方案通过原型来表达，原型作为项目团队中参考和评估的重要依据，务必要表述清晰、规范。那么我们在绘制标准原型时需要注意什么呢？

那么怎样可以让交互说明达到的效果更好呢？

1.原型中的数据内容尽量真实、符合逻辑

如果文案随便写，很可能给对方造成困惑，比如开发理解页面里数据的关系会困难很多，真实、符合逻辑的数据可以降低沟通成本。

2.文案适当配图片说明

巧妙地组织文字，简洁而能表述清楚，适当配图片说明流程，提高项目组人员阅读理解效率，降低沟通成本。

3.除正常状态外，还应有异常、错误状态说明

对于开发来说，无论是正常的还是异常、错误等异常情况都需要编写代码，建议跟开发人员积极探讨，得出结论后将交互说明写清楚，有效地推动项目。

4.数据范围和极限值

5.原型如果有改动应及时更新交互说明并告知项目组人员

在需求文档基础上画原型、写交互说明后，原型也有可能会有改动，产品、设计师、开发都有可能提出细节问题，原型和交互说明修改后应及时告知大家，避免信息不对称发生问题。

总之交互说明还是很重要的，辅助大家理解界面的操作行为和逻辑。在项目合作时，做好自己份内工作的同时可以适当为合作伙伴考虑，才能提高整个团队的工作效率，增强默契感。后续在产品逐渐成熟、发展当中可以做下设计规范，规范形成有助于增强用户黏度，提高产品易用性、团队协作效率。

03 项目跟进与反馈总结

从交互设计评审、审核视觉稿到开发阶段，都需要设计师跟进。积极地跟前端工程师沟通技术难点、设计要点，确保设计方案在技术上可行，并持续跟进、解答各种问题。建议预留一些时间，在前端和后台开发完成后进行设计走查，比如交互操作和反馈，各种控件、极限、出错的状态，文案是否到位等。配合测试人员，力求上线效果和设计稿一致。

在产品基本功能实现之后，准备上线之前我们需要多去体验产品，多做用户测试，比如可用性测试、A/B测试等方法，上线后还可以继续分析用户反馈情况和产品数据，并整理成优化点，持续不断地完善产品。

总结：

以上是我根据以往项目经验，对设计师参与设计流程的理解和应用。从需求分析、设计规划和实施到项目跟进和总结反馈，离不开每一个角色：产品、运营、用研、交互、视觉、前端、开发、测试的配合与努力，虽然我们在做项目的时候会遇到或多或少的问题，但是想方设法去解决问题，并积累这些方法日后加以运用，相信会让自己变得越来越优秀，让产品的体验越来越好。