设计、网站、推广
始于2004年
当前位置:首页 > 网站制作

浅谈网页设计中进度条的合理性

发表日期:2018-3-11 作者来源:派谷网络 浏览次数:0

  进度条是用户浏览网站时总会碰到的必不可少的一个部分,进度条(或进度表)可以帮助用户对过程的长度和步骤有个预期,并且知道自己当前在哪个步骤,也被称作进度指示器,从某个方面上来说,进度条的合理性也是用户体验度的一个重要体现。

  进度条能解决什么问题?用户需要意识到他们正在进行一个多页面(multi-screen)的流程(比如付款或注册)。进度条可以让用户预估整个流程的长度,对于全部流程有个预览,并时刻告诉他们在整个流程中已经完成多少了。

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

  由一个持续的、显示一系列步骤、高亮当前的步骤,并可以显示目前的完成度或百分比的导航条。进度条上的最后一步应该反映出会进行必要操作的最后一页(比如:完成注册,提交订单),在进度条上不要使用冷冰冰的“确认”或者“收据页(receipt page)”。

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

  步骤名字要短,并且是排比结构的。“以行动导向”(Action-oriented)的动词比较好,但是只有在每一个步骤都能很恰当的通过这种方式描述的时候再用。确保进度条对每一个用例都是精确和可信的。用户不该跳过步骤或忽然碰到进度条没显示出来的步骤。确保只有在必要的情况下才包含”登录”(的步骤)。如果有必要,需要为不同的用例设计不同的进度条。

本文章系本站编辑转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与本站联系,我们将在第一时间删除内容!

相关网站设计案例

相关推荐新闻

缂傚啯鍨归悵顖炲嫉瀹ュ懎顫ら柛锝冨妿濞堟垹绱掔€涙ê袘缂佺媴绱曢幃锟�...

缂傚啯鍨归悵顖炲嫉瀹ュ懎顫ら柛锝冨妿濞堟垹绱掔€涙ê袘缂佺媴绱曢幃濠囧及椤栨壕鈧ɑ绌卞┑鍫㈢Ч缂佹梹鐟ц彊閻庤鍝庨埀顑跨閻c劑宕楅妸锝傚亾娓氣偓閻濐噣寮崼锝囩閻炴稑鐬煎▓鎴﹀礂閹惰姤鏆涚€规悶鍎扮紞锟�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻c劑宕楅妸褎鐣遍悽顖涚摃椤棙绻涢敓锟�...

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻c劑宕楅妸鈺傛〃濞戞挸顕ḿ鍐╁緞濮橀硸娼氶悽顖涚摃椤棙绻涙担钘夊墾闁挎稑鐭佺换鏍ㄧ濞戞ǚ鏋嗛柤鍏呯瑜版煡鎳楅挊澶樺殼闁煎嘲鐡ㄩ弳鐔煎箲椤旂晫顢ラ梻鍥х湴閳ь剨鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尵濞堟垹鈧懓顦崣蹇曟媼閹规劦鍚€闂傚偊鎷�...

缂傚啯鍨归悵顖炲极閻楀牆绁﹂幖瀛樻尭閻°劑宕掗妸褎绲诲鍫嗗洤娅ら梺鎻掔Х椤╋箓鎯冮崟顒佹闁硅鍣槐婵囦繆閸屾粍鏆忛柟纾嬫腹娣囧﹪骞侀妯峰亾娴i攱鍞夐柡鍕崄椤斿洩銇愰弴妯峰亾娴i鐟归柛鏂哄墲閺嗭拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-3

缂傚啯鍨块妴澶愬礆閺堢數绋婇悽顖氭憸閺併倕顔忛妷銉ュ緮闁告粌鏈俊褔寮甸敓锟�...

缂傚啯鍨块妴澶愬礆閺堢數绋婃繛鎴濐槸瀵兘宕氶弶娆炬▼濞戞搩浜為獮鍡涙嚍閸岋妇绀夊ù鐘劙缁楀懏绋夋潪鎵☉濞寸姴顑囩划娑氭暜閸濄儲鏆忛柣銊ュ娴兼劙宕楀畡鐗堝闁瑰灈鍋撻柡鍫灲缁辨壆鏁崫銉︽殢鐎归潻鎷�...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

缂傚啯鍨归悵顖滄媼閹规劦鍚€闁艰褰冮崓鐢稿箹椤撱垹甯抽柛妯煎枔閹拷...

缂傚啯鍨归悵顖滄媼閹规劦鍚€濞戞搩鍘惧▓鎴︽嚌閹绘帒鍏婇柟纰卞弮閸樸倝宕㈤悢鐑樺€炴繛鎴濐槸瀵攱寰勫顐﹀殝闁哄倸缍婂ḿ浼存晬鐏炶姤鍊ら柣鐐叉缁诲秹鎮介妸銊х濞存粍绋戠敮顐︽偠閸℃璁插ù鐘劚閸拷...

闁哄啨鍎插﹢锟犳晬閿燂拷2025-4-2

网站建设解决方案
缂傚啯鍨归悵顖滅磼鐎涙ê袘閻熸瑱绲介崰鍛村棘鐟欏嫷鏀� 濞撮棿妞掔粭鐔兼⒒閵婏箑鐓曠紓鍐╁灩閻濐垶姊块崱娆忣唺闁告牗鐗炶闁告劘娅曢弻鐔奉浖閿燂拷 闁解偓閵夆晜鏁橀柛銊ヮ儑缂嶅绮╁▎鎹帡宕橀搹顐g厵婵℃鎷� 闁稿繑妲掗埀顑跨窔濞呭瞼鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁告牕顭峰▍宀€鎷犳繝鍐暡缂傚啯鍨归悵顖氼嚈妤︽鍟庨悷娆欑到閸犲懘寮憴鍕垫敵 闁归潧顑嗗┃鈧柡浣瑰閻栨粎鎮扮仦鑲╃懝缂傚啯鍨归悵顖氼嚈妤︽鍟庨柡鍌濐潐椤拷 濠㈣埖鐗為柨銈夊礂椤掆偓瀵板啰绱旈幋鐘靛讲鐎点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 闂佸弶鍨奸悗铏圭磾閹寸姷褰茬€点倝缂氶鏇犳喆閿濆懎鏋€闁哄倽顫夐、锟� 閻炴稑濂旂粭鐔煎础韫囧海绐楃紒顐ュ吹缂嶅绮╁▎蹇曠处閻犱焦宕樿闁告劘娅曢弻鐔奉浖閿燂拷 闁告繀鑳舵晶婵堚偓瑙勧缚缂嶅绱旈幋鐘靛讲鐎点倝缂氶鏇㈠棘鐟欏嫷鏀�