打造漂亮的流程设计

流程设计的重要性

---

交互设计师在流程设计中要设计什么

设计用户完成任务的方法，让用户无论在什么场景中都能顺利完成任务，根据用户使用流程进行页面设计

企业中的流程设计还需要考虑什么

就拿2015春晚微信抢红包为例，用户的使用目的是抢到红包，而产品真正想完成的业务任务是促使用户绑定银行卡，即更好地完成业务需求，因此企业中的流程设计还需要考虑以不干扰用户使用流程的方式完成业务需求，在使用流程和业务需求之间找到一个平衡点

优秀的流程设计有什么好处？

• 增加任务的完成率
• 让用户更方便地完成任务
• 对错误的充分思考，如二次确认
• 夸张的业务完成度

如何进行流程设计

---

充分理解业务需求

• 业务需要达到的商业目标
• 业务受到哪些技术和商务限制
• 了解业务所需要的合作方 如某某合作方支持了活动，所以希望得到曝光

找到用户完成任务的所有接触点

什么是接触点：

• 用户通过某个入口完成了一件事
• 用户看到某个信息，如banner

接触点来自哪里:
用户场景：基于用户模型，经验，用户调研的体验故事
根据用户用户场景提取出接触点

• 要顾及头尾，他们是最容易被遗漏的接触点

梳理接触点

• 用户做了某件事——>改变了用户所处的状态，产生接受新信息的机会

  
  
  

  TIM截图20170903095659.png
• 用户看到某个纤细——>获取了新的知识从而产生了新的想法
• 最好的模式：做事——看信息——做事

画出流程图（用户使用流程）后，加入业务需求所需的节点

（1）不需要用户操作加在中间流程，如注册时同意app的服务协议
（2）加在使用流程的最后， 如滴滴打车完成打车后提示可发送红包给朋友完成推广，不影响用户的核心任务流程

根据流程图设计交互稿

• 在交互稿上体现用户操作流程：
  在Axure中横向放置这些界面，然后利用箭头和一些点击区来表现用户的操作方式，形成初步的流程

• 注意点：
  （1）如果出现流程有很多分支，不要制作在一个页面中，这样会让交互稿可读性变差。更好的做法是在站点地图上体现这些分支
  （2）不要随意地跳过某一个页面，流程设计需要考虑到流程中出现的每个页面(如SDK文案设计，发送动态后的页面跳转)
  （3）即使不在你的app中，如果是用户会经历的流程，都需要体现
  （4）注意前后页面的关联性和一致性
  （5）在完成交互稿后，请对照接触点流程检查一遍交互，确认每个接触点的过渡是自然的，你提供了完成一个接触点所需要的全部信息

处理异常流程

• 如何布局异常流程
  在对应异常的页面下方做异常流程的页面（表明title)

• 必须考虑的异常
  （1）用户网络故障
  （2）服务器资源不足
  此时注意不要让用户造成不可挽回的损失，因此可以设计一些自动保存机制的页面

• 了解错误返回码可以让错误考虑更全面

• 预测用户可能出现的错误 如错误点击

• 注意处理的力度 根据力度使用Toast 和 alert

整个流程：

正常流程设计——》核心异常流程设计——》可以简单解决的小异常

流程设计如交互工作

---

• 完成一个交互设计稿的流程（从0到1）：

  
  
  

  TIM截图20170903105330.png

• 流程设计与用户场景

TIM截图20170903110207.png

• 产品经理与交互设计师对产品的思考角度的区别
  （1）产品经理的角度多是从竞品上或者是市场情况上面出发，更多的表达是这个竞品怎么样，我们的产品也要怎么样
  （2）交互设计师的角度多是从用户的角度出发，从用户场景去思考这个产品应该怎么样。

上文是学习微专业记录的笔记。