提高网页转化率,学习如何打造一个能留住用户的进度跟踪器。(2)
引导
进度跟踪器也常于App引导。如果步骤不多的情况下可以使用屏幕下方的小点来进行标注(像如下Dropbx的案例)
△ Dropbox引导
进度跟踪器设计案例
如何设计一个卓越的进度跟踪器,这个问题并没有一个通用的答案。但是你始终需要确认的是——用户是如何和你的系统进行交互的。通常来说,步骤的设计应当尽可能简单清晰,以免让用户感到困惑。
设定用户预期
当用户需要完成一个复杂的流程操作时,进行用户的预期管理就显得尤为重要,我们需要在用户开始操作前就告诉他们大致需要多少工作和时间能完成这个流程。如果用户仅认为他们只需要两分钟就能完成,但却花了十分钟,这体验一定很糟糕。
给用户提供合适的流程说明能帮助用户做好进行复杂操作的心里准备。当然如果能够给用户一个完成任务的时间预估就最好了,尤其当这些步骤的复杂程度并不等同的时候。(例如,某些步骤可能需要比其他的花去更多的时间。)
建立符合逻辑的流程
展现出流程的进展方向。最好可以使用箭头来强调流程的流向,因为单纯使用线进行连接无法提现出流程的概念。
使用图标配合文字来描述流程中这些步骤,这样可以让用户更清晰地了解步骤。
不要把流程拆得过长,3-5步为宜。
使用数字来体现步骤和当前位置(例如,五步中的第三步)
时刻让用户知道自己的处境
“我在哪儿?”这是一个用户在界面中进行导航时常常会问自己的问题。这也是为什么一个好的进度跟踪器需要随时保持让用户清楚地知道自己在流程中的哪个步骤的原因。这样用户就能清楚地知道自己都做了些什么以及接下来需要做些什么,有助于流程的推进。
同时为进度跟踪器提供一个良好的视觉展示也是十分必要。用户往往依赖于导航上的一些视觉线索进行判断。
△ 来自Dribble的案例