F5bebe9a22c6fb3f8d5711d83f503de6
6. 向导式导航

初识

这就是一个典型的向导式导航(wizard)。
向导式导航中包含若干步,用来帮助用户完成一个相对复杂的任务,比如:网上购物。

什么时候需要用向导式导航?

第一种情况.拆分复杂的操作
网银转账、美化照片、网购的下单… 这些用户任务,需要用户做很多的操作。可以在一个界面中将功能全提供给用户,但就显得太复杂了,分成多步,每一步做的少一些。

第二种情况.描述真实的多步骤流程
网购的整个过程,从下单到最终收到货,买家、卖家、物流各个角色协作,需要一些时间,这整个过程也可以用向导式导航来展现。但这与前一种情况又有所不同,是在现实中客观存在的多个步骤。
这种真实的多步骤流程,除了网购还有很多,比如:快递、电信上面安装宽带… 这些事儿大多都是涉及实物的传递,需要多个角色。
 


顶部的导航不可点击

顶部的“第一步.XXX/第二步.XXX/…”只能看,不能点。因为如果能点击,则有可能第一步直接跳到最后一步,完成最后一步,中间二、三、四步都没做呢,这就乱了。
 


每一步是对一个内容的操作

向导式导航里的每一步应该是一个用户任务,而不是在一个页面。

这就不得不又提到“对象模型”,即,将一个产品理解为是一堆内容对象的集合。

一个复杂的用户任务,就是连续对多个对象分别进行操作,这过程有些复杂,所以我们封装出一个向导式导航,搀扶着用户完成任务。

所以,每一步的命名应该是:“对一个什么东西,做什么操作”,即,对象+操作。

像上面TMALL中,“拍下商品,付款到支付宝…”都是这样,对商品做“拍下”操作,对支付宝这个对象做“付款”操作。第4步评价,这只是一个动词,一个操作,没对象,但其实只是没说,是对什么评价?当然是对这一次购买做评价,不言自明,那就不言了。
 


步骤不是越多越好

“完成这件事儿需要四步”,这让用户对过程有预判,心里有底,挺好~ 但如果说“完成这个事儿需要20步”,感受就完全不同了。注意力就吸引到20这个巨大的数字上了。人不同于电脑,对信息会产生情绪,不只是理性的接收信息。
所以,步骤别太多。

但如果一个流程确实长,复杂,步骤很多,怎么办?
我们来看看宜家餐厅:
这是宜家餐厅的就餐指引,新旧两版对比。
要自助选餐,自助饮料,新来的顾客可能会稍有疑惑。但吃个饭要七步,这也有点儿吓人了。七步都能作出诗了。

要减掉一些步骤,减掉哪些?

top Created with Sketch.