网页制作教程 教学课件 作者 赵丰年 1_6Web可用性（英文）.ppt

《网页制作教程 教学课件 作者 赵丰年 1_6Web可用性（英文）.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

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

2、nkAsfarasishumanlypossible,aWebpageshouldbeself-evident,obvious,self-explanatory.Ishouldbeableto“getit”–whatitisandhowtouseit–withoutexpendinganyeffortthinkingaboutit.Usingasitethatdoesn’tmakeusthinkaboutunimportantthingsfeelseffortless,whereaspuzzlingoverthingsthatdon’tmatter

3、toustendstosapourenergyandenthusiasm—andtime.ThingsthatmakeusthinkNamesofthings,like“job”,“employmentopportunities”or“job-o-rama”.Linksandbuttonsthataren’tobviouslyclickable.Otherthingsthatvisitorstoasiteshouldn’tspendtheirtimethinkingabout,like:WhereamI?WhereshouldIbegin?Wher

4、edidtheyput?Whatarethemostimportantthingsonthispage?Whydidtheycallitthat?HowdowereallyusetheWeb?Factoflife#1:Wedon’treadpages.Wescanthem.Factoflife#2:Wedon’tmakeoptimalchoices.Wesatisfice.Factoflife#3:Wedon’tfigureouthowthingswork.Wemuddlethrough.Designingpagesforscanning,notr

5、eadingCreateaclearvisualhierarchyoneachpageTakeadvantageofconventionsBreakpageupintoclearlydefinedareasMakeitobviouswhat’sclickableMinimizenoiseKrug’ssecondlawofusabilityItdoesn’tmatterhowmanytimesIhavetoclick,aslongaseachclickisamindless,unambiguouschoice.Krug’sthirdlawofusab

6、ilityGetridofhalfthewordsoneachpage,thengetridofhalfofwhat’sleft.Itreducesthenoiselevelofthepage.Itmakestheusefulcontentmoreprominent.Itmakesthepagesshorter,allowinguserstoseemoreofeachpageataglancewithoutscrolling.DesigningnavigationThepurposesofnavigationIthelpsustofindwhate

7、veritiswe’relookingfor.Ittellsuswhereweare.Itgivesussomethingtoholdonto.Ittellsuswhat’shere.Ittellsushowtousethesite.Itgivesusconfidenceinthepeoplewhobuiltit.DesigningnavigationWebnavigationconventionsSiteIDSectionsUtilities(atleastawaytogohomeandawaytosearch)Subsections“Youar

8、ehere”indicatorandbreadcrumbsPagenameLocalnavigationDesigning