欢迎来到天天文库
浏览记录
ID:40338372
大小:467.50 KB
页数:20页
时间:2019-07-31
《网页制作教程 赵丰年 1_中文 6Web可用性(英文)》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、WebUsabilityDon’tmakemethinkContentsRule#1Don’tmakemethinkHowdowereallyusetheWeb?Designingpagesforscanning,notreadingRule#2Mindless,unambiguouschoiceRule#3GetridofhalfthewordsoneachpageDesigningnavigationDesigninghomepageUsabilitytestingKrug’sfirstlawofusab
2、ility:Don’tmakemethinkAsfarasishumanlypossible,aWebpageshouldbeself-evident,obvious,self-explanatory.Ishouldbeableto“getit”–whatitisandhowtouseit–withoutexpendinganyeffortthinkingaboutit.Usingasitethatdoesn’tmakeusthinkaboutunimportantthingsfeelseffortless,
3、whereaspuzzlingoverthingsthatdon’tmattertoustendstosapourenergyandenthusiasm—andtime.ThingsthatmakeusthinkNamesofthings,like“job”,“employmentopportunities”or“job-o-rama”.Linksandbuttonsthataren’tobviouslyclickable.Otherthingsthatvisitorstoasiteshouldn’tspen
4、dtheirtimethinkingabout,like:WhereamI?WhereshouldIbegin?Wheredidtheyput?Whatarethemostimportantthingsonthispage?Whydidtheycallitthat?HowdowereallyusetheWeb?Factoflife#1:Wedon’treadpages.Wescanthem.Factoflife#2:Wedon’tmakeoptimalchoices.Wesatisfice.Factoflif
5、e#3:Wedon’tfigureouthowthingswork.Wemuddlethrough.Designingpagesforscanning,notreadingCreateaclearvisualhierarchyoneachpageTakeadvantageofconventionsBreakpageupintoclearlydefinedareasMakeitobviouswhat’sclickableMinimizenoiseKrug’ssecondlawofusabilityItdoesn
6、’tmatterhowmanytimesIhavetoclick,aslongaseachclickisamindless,unambiguouschoice.Krug’sthirdlawofusabilityGetridofhalfthewordsoneachpage,thengetridofhalfofwhat’sleft.Itreducesthenoiselevelofthepage.Itmakestheusefulcontentmoreprominent.Itmakesthepagesshorter,
7、allowinguserstoseemoreofeachpageataglancewithoutscrolling.DesigningnavigationThepurposesofnavigationIthelpsustofindwhateveritiswe’relookingfor.Ittellsuswhereweare.Itgivesussomethingtoholdonto.Ittellsuswhat’shere.Ittellsushowtousethesite.Itgivesusconfidencei
8、nthepeoplewhobuiltit.DesigningnavigationWebnavigationconventionsSiteIDSectionsUtilities(atleastawaytogohomeandawaytosearch)Subsections“Youarehere”indicatorandbreadcrumbsPagenameLocalnavigationDesigning
此文档下载收益归作者所有