由机票改版联想到---加强信息引导

       对于有目的（di）的任务型用户在完成一个任务时，我们需要加强对用户进行有效的信息引导。为什么强调“加强”呢？因为我们传统的任务页面的信息引导已经不能胜任于目前越来越复杂多变的产品逻辑，用户常常会迷失在流程当中，最后流失掉。
     
      传统的信息引导偏重于“宏观”调控，而新式的信息引导则会在传统的基础上着重于“微观”设计。比如，在机票订单页按照我们以前的做法，我们会给出一个步骤条、一堆要填写的的框框、鲜红的提交按钮，其他的，就让用户去弄吧。这样一来，由于复杂的产品逻辑，该填的不该填的，密密麻麻，一时间，用户不知所措。经过一阵忙活，以为自己填写完了，一按“提交”按钮，“当”“当”“当”一推红得让人发怵的报错信息集中在一个区域，用户不得不仔细核对逐一查看，再提交，再报错，用户满头大汗，苦不堪言。

      说到这里，大家一定以为我在说笑话，其实不然，这些都是我们在用户测试中看到的真实场景。当然，用户不会因为你的流程复杂用户体验不佳而毅然离开你，毕竟你的产品还不错，为了买到便宜的机票，即使“你们”这样对“我”，“我”也忍了。
不过话又说回来，抛开其他不说，就机票这个产品，不同价格的机票是有时效性的，特别是价格低廉的特价票。动作稍缓，下手稍慢，可能您刚才看到的票转眼之间就没了。那么，这样看来，如果填写订单页面的信息引导不到位，效率低下会给用户造成损失。
传统的信息引导可分为：

（如图所示）


       1.方位向导（我在哪，上一步是哪，下一步是哪）
         组件：如导航

       2. 信息录入（主要信息和次要信息，通俗的说法就是选填必填。这个也是我们常常遇到的问题，我们希望在注册的时候能够以最快的速度注册成功）如填写框、下拉菜单、radio button、checkbox
     组件：如填写框、下拉菜单、radio button、checkbox等等

       3. 报错提示（传统的报错信息我们一般会统一的提示在统一的一个区域，这样前段开发人员比较容易处理，但是对于用户来说，需要花费比较多的时间去核实）
     组件：报错样式等

       加强型的信息引导可同样的分为：1.方位向导 2.信息录入 3.报错信息。
      
       不过在信息录入这个环节上做了更细致的引导，一些重要的交互行为我们都做了明确的提示。（注意：这些提示一般都不是必要的提示，只是我们为了让用户有更清晰的认识到前一步的动作所导致的后面的变化）如：在订单填写页，用户A在录入常用登记人的信息后，点击保存，这时在顶端会出现带有A君名字的checkbox，这个checkbox是干吗用的呢？也就是说以后A君只要轻轻点击一下这个带有他名字的checkbox他的名字信息就会完全罗列出来，这样A君就不用每次买机票的时候都填写一次，非常方便。但是这个小小变化，如果不做一个比较明显的提示的话，用户往往会注意不到。很多人这个时候想到了alert提示，但是这样的提示也存在弊病，1.感觉像是系统报错，用户会被吓一跳，比较突然 2.没有定位的效果，保存在哪，说不清楚。这个时候，我们采用了自己做的一个tips 来提示，如图：


(保存前)


（保存后）

       伴随着贴士的出来，我们还给它配了一个“啵”的一声，形象生动，在用户的脑海里深深的埋下了印记。

       在报错提示这个环节，我们同样的我们也做了信息提示的加强处理，当然，我们不是把提示文案写得天花乱坠，我们只是把提示文案与填写内容做了一个结合，哪里出错，我们就在哪里提示，利用“锚点”定位，由上至下，清晰明了。不过这个工作费工费时，前段的工作量比较大（当时我们的前端阿大就很辛苦，加班啊加班，呵呵），但会给用户带来很多方便。就像铃木敏文说的，用户的方便大于我们的方便。


（出错后的定位报错）

       加强用户的信息引导，我们偏重于细节的设计，细节的引导，结果可以给用户带来很多便利，提高了他们的完成任务的效率，这一点从日后的检测数据可以看得出来。

下一篇：简洁高效的视觉