人机交互（三）
优化交互设计流程的“闭环”问题
交互设计师有一项很重要的工作就是定义任务流程。
今天主要是从“闭环”这个角度来讲讲流程设计中的优化问题。
断头路
断头路，顾名思义就是流程走到某个地方，虽然目标还没达成，但是路径已经中断了。在流程中，如果用户遇到断头路，有可能用户会沿路返回，然后去尝试新的流程，但是也有可能是用户会直接流失掉。如果流失掉客户，那么损失可就大了。所以，在做流程设计的时候，首先就要看看有没有断头路，然后要把断头路都打通。
举例：在填写完手机号码之后，一般都会有个检验的功能，首先会检验输入的是不是11位数字，接着才会检验是否已经注册。如果已经注册了，一般至少都会弹出一个toast“该手机号码已注册”。如果按照这个流程走，就出现了断头路。如何进行改进呢？最简单的就是把提示文案修改一下“该手机号码已注册，请直接登录”，通过文案的引导，可以让用户知道后续要做什么。针对这种情况，交互设计有一个“可学习性”的原则，简单地说就是，我们要一步步告诉用户，他应该怎么做。文案的作用至关重要。
最好的方式就是告诉用户：“嘿，这条路走不通了，但是这里有捷径哟”。具体实施起来就是用一个弹窗进行引导，如图所示：
用户已经填写了手机号码，登录的时候就不需要用户再填写一遍了。还有，不要忘了登录页面的“忘记密码”选项。
设计中其他断头路的情况：
（1）搜索不到内容，这时候就相当于一个断头路。假如这时候提供一些推荐的相关的关键词，就相当于打通了断头路。
（2）下载资源没速度，这也相当于断头路。旧版迅雷会推荐相似的资源，这就像打通了断头路。
（3）chrome浏览器连接不到网络，断头路又出现了。chrome会推荐一个小游戏给用户玩，这也相当于打通了断头路。
设置延长线
如果说打通断头路更多是站在用户的角度去进行设计，那么设置延长线除了是为用户考虑之外，还有一部分是为了产品本身考虑的。
具体做法就是，当原来的任务已经完成的时候，但这时候又推荐一些任务给你做，流程变得比原来更长了，这个新加入的流程就是我所说放入“延长线”。
设置延长线相当于把不同应用模块之间做一个串联，一是可以提高功能模块的渗透率，二是如果串联的功能恰好是用户需要的，那么同时也会提升用户体验。只是，怎么样“恰好”推荐到用户喜欢的功能，这个需要多方调研以及用数据做支撑才行。
开辟新岔路
交互设计需要考虑复杂的异常流程，这也就导致了好的流程更像一张网，有无数的岔路，每个岔路还可能有岔路，岔路走着走着可能又回到原点，最终，所有的路径都会汇集到一个或者多个终点。开辟新岔路是说在正常流程的某个节点，分岔出新的流程，最终分岔的这个流程还会回归到正常的流程，这个方法更多的是为产品运营方着想的。
怎样借助故事板做好用户体验设计
什么是故事板？
故事板最初是源自于电影行业，早在20世纪20年代的时候，迪士尼工作室内就常常用故事板来勾勒故事草图，这些草图让电影和动画工作者可以在拍摄之前，初版构建出想要展现的世界。对于UX设计师而言，故事板也非常有用，产品的使用场景，用户的交互流程，都借由一系列连续的插画故事化地呈现出来。
特征
1). 可视化
图片比文字更容易理解，更适合传达概念和想法。通过视觉化的方式，故事板将信息更为系统的呈现出来。
2).记忆性
有研究表明，相比于文字描述，图片信息的可记忆性比文字强22倍。
3).同理心
每个人都能从故事中找到近似的经历，关联的事情，我们能够理解和我们自己类似的人与经历。
4).参与性
故事能够引人注意，能够吸引我们的好奇心，能够让我们看清楚其中的意义，并参与进去。
故事板与UI设计的关系
可以直观地探索和预测用户对于产品的体验。借助故事板来思考你的产品，就像将它置于电影的视角下来观察和推断用户的行为和反馈。这种环境下，你可以更自然地了解用户随着时间的推移，在交互和行为上有着怎样的改变，从而让你可以更加清晰地对产品进行描述与展现。
（1）以人为本的设计方法
（2）参与评论
（3）迭代
如何搭建起故事结构？
基本要素：
（1）角色
（2）场景
（1）情节
故事板创作技巧：
- 从文本+箭头开始将故事分割为不同的瞬间（背景信息，事件触发，角色作出的决定，以及最终的结果或遗留的问题）。
- 为你的故事增加情感和情绪通过添加表情符的方式为故事板强化情绪表达，帮助其他的观看者明白这些角色身上发生的事情和经历的情感情绪。尤其要注意标明痛点和关键点的情绪反应（角色期待发生的事情，以及结果对角色的影响）。尽可能简单直观地勾勒出情感状态。
- 将每个步骤填写到故事板框架中强调特定的时刻，并且思考你的角色在这些时刻的感受。
- 清晰的结果不要让故事板的观看者对故事的结果抱有疑虑。如果角色最终结果并不理想，那么你应该清晰地呈现出实际遭遇的关键问题；如果结果比较不错，那么你应该表明角色从中获得的好处。