进度条(或进度表)可以帮助用户对过程的长度和步骤有个预期,并且知道自己当前在哪个步骤,也被称作“进度指示器(PRogress Indicator)”,“多步骤进度条(Multi-step Progress Bar)”、“向导(Wizard Steps)”、“进度表(Progress Train)”、“剩余步骤(Steps Left)”。
进度条能解决什么问题?用户需要意识到他们正在进行一个多页面(multi-screen)的流程(比如付款或注册)。进度条可以让用户预估整个流程的长度,对于全部流程有个预览,并时刻告诉他们在整个流程中已经完成多少了。
什么时候使用进度条?在向导中应该使用在那些预先设计好的、用户可能只需完成一次或顶多在个别情况下需要完成的多步骤流程中需要使用。在常规的任务中就不要用了,因为那种笨重的、一步一步的手把手式(handholding)的方式最终会变得让人讨厌。
如何使用进度条?由一个持续的、显示一系列步骤、高亮当前的步骤,并可以显示目前的完成度或百分比的导航条。
当用户决定开始流程时进度条就该显示
进度条上的最后一步应该反映出会进行必要操作的最后一页(比如:完成注册,提交订单),在进度条上不要使用冷冰冰的“确认”或者“收据页(receipt page)”。
将流程按照用户的心智模型分解成步骤。很显然,每个步骤指的是操作而不是单独的页面,所以没有必要非要将步骤与页面1:1的对应上。比如:”登录”会涉及到一个登录页和注册页。
步骤名字要短,并且是排比结构的。“以行动导向”(Action-oriented)的动词比较好,但是只有在每一个步骤都能很恰当的通过这种方式描述的时候再用。
确保进度条对每一个用例都是精确和可信的。用户不该跳过步骤或忽然碰到进度条没显示出来的步骤。确保只有在必要的情况下才包含”登录”(的步骤)。如果有必要,需要为不同的用例设计不同的进度条。
要确保进度条的视觉设计不会被误认为是可点击的导航条。
本文来源于成都网站建设公司与成都网站设计制作公司-创新互联成都公司!
网页题目:网站中进度条的交互问答
转载来源:/news25/316925.html
成都网站建设公司_创新互联,为您提供企业网站制作、面包屑导航、静态网站、微信公众号、网站设计公司、品牌网站建设
广告
声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源:
创新互联