网页制作教程 赵丰年 1_英文 chap6-web usability

《网页制作教程 赵丰年 1_英文 chap6-web usability》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、WebUsabilityDon’tmakemethinkContentsRule#1Don’tmakemethinkHowdowereallyusetheWeb?Designingpagesforscanning,notreadingRule#2Mindless,unambiguouschoiceRule#3GetridofhalfthewordsoneachpageDesigningnavigationDesigninghomepageUsabilitytestingKrug’sfirstlawofusabil

2、ity:Don’tmakemethinkAsfarasishumanlypossible,aWebpageshouldbeself-evident,obvious,self-explanatory.Ishouldbeableto“getit”–whatitisandhowtouseit–withoutexpendinganyeffortthinkingaboutit.Usingasitethatdoesn’tmakeusthinkaboutunimportantthingsfeelseffortless,wher

3、easpuzzlingoverthingsthatdon’tmattertoustendstosapourenergyandenthusiasm—andtime.ThingsthatmakeusthinkNamesofthings,like“job”,“employmentopportunities”or“job-o-rama”.Linksandbuttonsthataren’tobviouslyclickable.Otherthingsthatvisitorstoasiteshouldn’tspendtheir

4、timethinkingabout,like:WhereamI?WhereshouldIbegin?Wheredidtheyput?Whatarethemostimportantthingsonthispage?Whydidtheycallitthat?HowdowereallyusetheWeb?Factoflife#1:Wedon’treadpages.Wescanthem.Factoflife#2:Wedon’tmakeoptimalchoices.Wesatisfice.Factoflife#3:Wedo

5、n’tfigureouthowthingswork.Wemuddlethrough.Designingpagesforscanning,notreadingCreateaclearvisualhierarchyoneachpageTakeadvantageofconventionsBreakpageupintoclearlydefinedareasMakeitobviouswhat’sclickableMinimizenoiseKrug’ssecondlawofusabilityItdoesn’tmatterho

6、wmanytimesIhavetoclick,aslongaseachclickisamindless,unambiguouschoice.Krug’sthirdlawofusabilityGetridofhalfthewordsoneachpage,thengetridofhalfofwhat’sleft.Itreducesthenoiselevelofthepage.Itmakestheusefulcontentmoreprominent.Itmakesthepagesshorter,allowinguser

7、stoseemoreofeachpageataglancewithoutscrolling.DesigningnavigationThepurposesofnavigationIthelpsustofindwhateveritiswe’relookingfor.Ittellsuswhereweare.Itgivesussomethingtoholdonto.Ittellsuswhat’shere.Ittellsushowtousethesite.Itgivesusconfidenceinthepeoplewhob

8、uiltit.DesigningnavigationWebnavigationconventionsSiteIDSectionsUtilities(atleastawaytogohomeandawaytosearch)Subsections“Youarehere”indicatorandbreadcrumbsPagenameLocalnavigationDesigning