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

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

1、WebUsability(Web可用性)Don’tmakemethink（不要让我想）1Contents（目录）Rule#1Don’tmakemethink（规则1：不要让我想）HowdowereallyusetheWeb?（我们如何使用网站？）Designingpagesforscanning,notreading（网页是用来扫描的，不是阅读的）Rule#2Mindless,unambiguouschoice（规则2：不假思索的、明确的选择）2Contents（目录）Rule#3Getridofhalfthewordsoneachpage

2、（删除页面上的一半文字）Designingnavigation（设计导航系统）Designinghomepage（设计主页）Usabilitytesting（可用性测试）3Krug’sfirstlawofusability:Don’tmakemethinkAsfarasishumanlypossible,aWebpageshouldbeself-evident,obvious,self-explanatory.Ishouldbeableto“getit”–whatitisandhowtouseit–withoutexpendinganyef

3、fortthinkingaboutit.（只要可能，网页应该设计得清楚易懂。浏览者应该能够“理解”该网页——这个网页是关于什么的，如何使用它？——而不需要费力去思考。）4Krug’sfirstlawofusability:Don’tmakemethinkUsingasitethatdoesn’tmakeusthinkaboutunimportantthingsfeelseffortless,whereaspuzzlingoverthingsthatdon’tmattertoustendstosapourenergyandenthusiasm

4、—andtime.（如果网站不需要浏览者就无关紧要的东西思考，那么该网站就可以说是不费力的。反之，该网站就会浪费浏览者的精力、热情和时间。）5Thingsthatmakeusthink（让我们思考的东西）Namesofthings,like“job”,“employmentopportunities”or“job-o-rama”.（事物的名称，比如“工作”、“就业机会”、“job-o-rama”）Linksandbuttonsthataren’tobviouslyclickable.（不显示为可以点击的超链接和按钮。）6Thingstha

5、tmakeusthink（让我们思考的东西）Otherthingsthatvisitorstoasiteshouldn’tspendtheirtimethinkingabout,like：（其他访问者不应花费精力思考的东西，比如说：）WhereamI?（我在哪里？）WhereshouldIbegin?（我应该从哪里开始？）Wheredidtheyput?（他们把***放在哪里了？）Whatarethemostimportantthingsonthispage?（网页中最重要的东西是什么？）Whydidtheycallitthat?（为什么

6、他们要叫它那玩意儿？）7HowdowereallyusetheWeb?（我们如何使用网站？）Factoflife#1:Wedon’treadpages.Wescanthem.（事实1：我们不阅读网页，我们扫描网页。）Factoflife#2:Wedon’tmakeoptimalchoices.Wesatisfice.（事实2：我们不会进行理想化的选择，而是选一个相对好的选项。）Factoflife#3:Wedon’tfigureouthowthingswork.Wemuddlethrough.（事实3：我们不会费力去考虑事物工作的原理，而

7、是会“摸着石头过河”。）8Designingpagesforscanning,notreading（设计适合扫描，而不是阅读的网页Createaclearvisualhierarchyoneachpage（在每页中建立清晰的视觉框架和层次。）Takeadvantageofconventions（利用设计惯例。比如说，可以参考书报杂志的设计惯例来设计网页。）9Designingpagesforscanning,notreading（设计适合扫描，而不是阅读的网页Breakpageupintoclearlydefinedareas（把页面清楚的

8、划分为不同的区域。）Makeitobviouswhat’sclickable（让可点击的东西清楚地显示出来，例如，让按钮“长”的像按钮。）Minimizenoise（尽量减少“污