流程设计方法（五）

上周我们讲解了流程设计公式中的“发现”步骤，主要介绍了功能入口的显著程度要与其重要性和定位相符，同时介绍了新手引导的几种类型。需要注意的是，新手引导作为提示入口的手段，对用户的使用过程会有打扰。如何将打扰的程度降到最低，甚至是“自然出现（不打扰）”的状态，就需要思考场景，在合适的场景中引入新手引导。

本周我们继续介绍流程设计公式中剩下的三个步骤，即了解、操作和跟进。

了解

对于“了解”这一步，我们重要的任务是使用户能迅速get到“界面是什么”以及“界面中的元素所传达的功能”。为了做到这一点，这里有4个我总结的经验，跟大家分享。

1. 运用接近性原则。接近性原则，就是人们倾向于将彼此在位置上接近的物体归位一类。我们会认为下面的左图是两列，左右各一组元素。而在右图中，接近性原则让我们将元素理解为两行。在你的设计中利用留白加强分组的关联性，与其他元素区分开。

一般这个原则用在设置这样的页面比较多，例如小米的设置页面。

另外，归类是化页面杂乱为清晰的一大妙招。比如小米的短信应用，会自动识别短信内容，将骚扰短信自动收入“拦截短信“组，将银行等通知信息收入“通知类消息”分组，极大地方便了用户管理短信。

2. 保证文案表意准确／清晰。文案是你的应用跟用户沟通的一个非常重要的方面。这一点很多设计师会忽略，觉得“不就是文案嘛，这不是设计师的活儿”。殊不知，在一个界面中，除了图形元素，文字其实也是重要的“视觉元素”，因为用户会通过识别图形元素／阅读文字来理解你的界面。一个表意不清的界面很容易会使用户陷入困惑。

比如下面这个页面。这是滴滴买红包的页面，该页面的文案相当随意，让人摸不着头脑：“请输入用户昵称”，没有写明是送红包的人的昵称，还是收红包的人的昵称；“添加更多信息”的备注文案，写的是“如地址，30字，可选”，会让用户误以为这个红包是实体的红包，会真的邮寄到这个地址（但是又是可选啊哟喂，邮寄地址是可选？I beg your pardon?）

这两项关键信息的表意不明，就让整个页面陷入了尴尬。作为中了文案的毒的我，就填写了收红包人的昵称，还填写了他的地址。但实际上，这在填写完付款后，是后面的流程是我买了红包，然后发给我的朋友们，他们会看到“XX昵称送你XX元红包”，然后还附带有填写的地址。真是迷之尴尬。

3. 主次分明。这一条比较简单，就是保证重要的信息在视觉上更明显，一般加大尺寸／加粗／使用更显眼的颜色就可以做到。

4. 保证元素的功能可见性。功能可见性（affordance），是Donald Norman 在《Design of Everyday Things》这本书中提出的（中文版名为《设计心理学》）；并且由于这本书的流行，这个概念随之也被更多人接触到。它的意思，就是用户看到一件物品，或者一个界面，不用学习，就知道如何使用。比如深泽直人的代表作，壁挂式CD播放器。他是著名日本设计师，也是无印良品的设计师，他的设计作品被认为是朴素、不须思考就能使用的，他本人称之为“without thought“。

深泽直人的播放器

知识运用

请思考以下两个问题，这将帮你更好地理解本周的内容。

1. 现有如下需求：某咨询应用（问答类）的产品经理发现登录、注册流程的转化率不高，很多用户即使触发了登录、注册页面，也没有完成操作。请根据本周内容，设计登录、注册页面的交互原型。

2. 你在日常使用APP的过程中，还见过哪些做的比较好、或者做的不太好的了解、操作、跟进的设计？请举例分析为什么做得好或者不好。

---

本文为小密圈“交互小殿堂”本周主题“场景思维”的节选内容。文章后半部分将介绍流程的完整性。感兴趣的朋友可加入小密圈“交互小殿堂”查看原文。

关于小密圈“交互小殿堂”

交互小殿堂设置了6个主题，帮助你系统学习交互：

- 场景思维（2周）

- 心理模型（1周）

- 流程设计（5周）

- 正确使用控件（15周）

- 测试方案（3周）

- 用研（3周）

以上这些专题，将每周固定发布在我的小密圈“交互小殿堂”。

同时，为了让大家更好地掌握每周的专题，安排每周的计划如下：

- 周一在小密圈“交互小殿堂”独家发布一篇主文，介绍本周主题；

- 周二至周五解答圈友们关于本周主题的问题；

- 周六分享优秀交互设计案例，并带领大家解析设计亮点；

- 周日总结本周所学。

6个专题结束后，会为大家提供7个需求，供大家实战，锻炼之前学到的技能。

具体的安排如下：

第一周，给出需求说明和重点提示；

第一周剩下的几天以及第二周，大家根据需求进行交互方案设计；

第三周集中点评大家的方案，给出建议。

欢迎加入，和大家一起系统学习交互。

加入小密圈方法

方法一：可保存下面的二维码到相册，然后使用微信“扫一扫”→“从相册选取二维码”。注：长按识别二维码会出bug，导致无法支付（摊手）。

方法二：点击链接加入http://t.xiaomiquan.com/MBiq7qV

现在圈子刚刚建立，实行短暂优惠：

两人一起报名，享8折优惠；

三人一起报名，享7折优惠；

四人一起报名，享6折优惠；

五人及五人以上一起报名，享5折优惠；