好主机建站-建站不再是梦想

立即注册开通网站

 

售前咨询QQ:599166136
登录官方论坛:http://bbs.letgo.com.cn/
加入建站技术交流群: 广州维派建站交流①

网页设计进度指示器帮助用户预测步骤

网页设计进度指示器帮助用户预测步骤

  进度条(或进度表)可以帮助用户对过程的长度和步骤有个预期,并且知道自己当前在哪个步骤.也被称作“进度指示器(Progress Indicator)”,”多步骤进度条(Multi-step Progress Bar)”,”向导(Wizard Steps)”,”进度表(Progress Train)”,”剩余步骤(Steps Left)”

  解决什么问题?

  用户需要意识到他们正在进行一个多页面(multi-screen)的流程(比如付款或注册)

  什么时候用?

  在向导中应该使用;在那些预先设计好的,用户可能只需完成一次或顶多在个别情况下需要完成的多步骤流程中需要使用.在常规的任务中就不要用了,因为那种笨重的,一步一步的手把手式(handholding)的方式最终会变得讨人厌

网页设计进度指示器帮助用户预测步骤

  具体解决办法是什么?

  由一个持续的,显示一系列步骤 ,高亮当前的步骤,并可以显示目前的完成度或百分比的导航条,来作为进度条(或进度表).

网页设计进度指示器帮助用户预测步骤

  当用户决定开始流程时进度条就该显示

  进度条上的最后一步应该反映出会进行必要操作的最后一页(比如:完成注册,提交订单).在进度条上不要使用冷冰冰的”确认”或者”收据页(receipt page)”

  将流程按照用户的心智模型分解成步骤.很显然,每个步骤指的是操作而不是单独的页面,所以没有必要非要将步骤与页面1:1的对应上.比如:”登录”会涉及到一个登录页和注册页.

  步骤名字要短,并且是排比结构的.”以行动导向”(Action-oriented)的动词比较好,但是只有在每一个步骤都能很恰当的通过这种方式描述的时候再用.

  确保进度条对每一个用例都是精确和可信的.用户不该跳过步骤或忽然碰到进度条没显示出来的步骤.确保只有在必要的情况下才包含”登录”(的步骤).如果有必要,需要为不同的用例设计不同的进度条.

  要确保进度条的视觉设计不会被误认为是可点击的导航条

  为什么使用这个组件?

  进度条可以让用户预估整个流程的长度,对于全部流程有个预览,并时刻告诉他们在整个流程中已经完成多少了.

  答疑

  “进度条”也可以用来表示”动态显示系统更新进度的动画条”(就像YUI2中的进度条组件)

  这个组件可以解决相关联的多步栏或者作为逐步显示用户控制过程的指示器(译者注: 这句我真翻译不好,欢迎高手来指教…This pattern deals with an articulated, multi-step bar or indicator showing stepwise user-controlled progress.)

 

 
[文章评论(0)] [ 点击数:] [打印本网页] [关闭本窗口]  

关注广州维派 你建网站,我来埋单!

网络营销之路 我们与您相伴

 

相关内容
  • 图文网页和门户网页有什么不一样? 2012-09-12
  • IT业的变迁与后Facebook时代的预测 2012-03-15
  • 如何做好B2B行业网站页面内容设计留住用户 2012-02-28
  • 巧用三个步骤 提高站内优化的效果 2012-02-28
  • 用户体验:网站设计常犯的十个错误 2010-10-25
  • 网页设计时必须注意的四件事 2010-10-25
  • 新浪mini音乐网页播放器小插件 2010-10-22
  • 网页设计进度指示器帮助用户预测步骤 2010-10-23
  • 打开网页是空白无内容的 2010-08-18
  •  

     

     

    注册用户须知

    免 责 申 明

    粤ICP备12022451号

     关于我们

     联系我们

     如何支付

    广州维派网络科技有限公司

    (即好主机建站)

    LetGo.com.cn 版权所有

     维派互联 (域名)

     数据中心 (空间)

     维信通 (微营销)

     

    2016最新微营销,维信通正式上线,老用户尊享优惠。

    自助建站  智能建站  企业网站建设  永久免费做网站  易邻网

      网络114企业名录  申请友情链接  

    企业网站建设

    安全狗-arp防火墙/ddosf防火墙

    好主机自助建站

    维信通

    维品生活

    克隆网站

    做网站

    智能建站

    智能网站

    企业建站

      

    网站管理