《Dont-Make-Me-Think-纲要完整课件.ppt》由会员分享,可在线阅读,更多相关《Dont-Make-Me-Think-纲要完整课件.ppt(21页珍藏版)》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、DONT MAKE ME THINKA Common Sense Approach to Web UsabilityKrug可用性第一定律:别让我思考在因特网上,竞争有时候就在于一个点击的差别是什么像什么,是什么说什么如果你做不到让一切都不言而喻,那就先做到“自我解释”我们实际上是如何使用Web的扫描,满意即可,勉强应付第一个事实:我们不是阅读,而是扫描第二个事实:我们不作最佳选择,而是满意即可第三个事实:我们不是追根究底,而是勉强应付广告牌设计101法则建立清楚的视觉层次越重要的部分越突出越重要的部分越突出逻辑上相关的部分在视觉上也相关逻辑上相关的部分在视觉上也相关逻辑上包含的部分在视觉上进
2、行嵌套逻辑上包含的部分在视觉上进行嵌套习惯用法是你的好帮手把页面划分成明确定义的区域明显标识可以点击的地方降低视觉噪声Krug可用性第二定律:点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择。准则:三次无须思考、明确无误的点击相当于一次需要思考的点击Krug可用性第三定律:去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。几个好处:可以降低页面的噪声;可以降低页面的噪声;让有用的内容更加突出;让有用的内容更加突出;让页面更简短;让页面更简短;两个必须:必须消灭欢迎词必须消灭欢迎词必须消灭指示文字必须消灭指示文字必须正确处理的几个方面:街头指示牌和面包屑无法承受的浏览之轻:感觉不
3、到大小、方向、位置无法承受的浏览之轻:感觉不到大小、方向、位置导航的用途:导航的用途:帮助我们找到想要的任何东西帮助我们找到想要的任何东西 告诉我们现在身处何处告诉我们现在身处何处 它给了我们一些固定的感觉它给了我们一些固定的感觉 还有:还有:它告诉我们当前的位置它告诉我们当前的位置它告诉我们如何使用网站它告诉我们如何使用网站它给了我们对网站建造者的信心它给了我们对网站建造者的信心街头指示牌和面包屑持久导航应该包括5个元素:站点站点IDID栏目栏目实用工具实用工具回主页的方式回主页的方式搜索的方式搜索的方式持久导航的例外:主页:表现可不同主页:表现可不同表单:只需站点表单:只需站点IDID、回
4、主页的方式等、回主页的方式等街头指示牌和面包屑重视低层次的导航重视页面名称每个页面都需要一个名称每个页面都需要一个名称页面名称要出现在合适的位置页面名称要出现在合适的位置名称要引人注目名称要引人注目名称要和点击的链接一致名称要和点击的链接一致你在这里:突出当前位置面包屑(层级菜单)街头指示牌和面包屑喜欢标签的四个理由:它们不言而喻它们不言而喻它们很难错过它们很难错过它们很灵活它们很灵活它们暗示了一个物理的空间它们暗示了一个物理的空间Amazon标签设计:正确绘制正确绘制颜色编码颜色编码当你进入网站时,有一个标签已经选中当你进入网站时,有一个标签已经选中街头指示牌和面包屑后备箱测试(远观圈出)站
5、点站点IDID页面名称页面名称栏目和下一级栏目栏目和下一级栏目页内导航页内导航“你在这里你在这里”指示器指示器搜索搜索必须正确处理的几个方面:首先要承认,主页不由你控制主页要完成的任务一些常见的约束每个人都想占一席之地每个人都想占一席之地想要参与的人太多想要参与的人太多一个尺寸要适合所有人一个尺寸要适合所有人首先要承认,主页不由你控制这个网站是做什么的?传达整体形象口号:清楚、言之有物;长度适中;表述网站的口号:清楚、言之有物;长度适中;表述网站的特点和显而易见的好处;有个性、生动、有时候特点和显而易见的好处;有个性、生动、有时候还很俏皮还很俏皮欢迎广告:欢迎广告:需要多大空间就使用多大空间需
6、要多大空间就使用多大空间但也不要使用过多的空间但也不要使用过多的空间不要把使命陈述当作欢迎广告不要把使命陈述当作欢迎广告最重要的是进行测试最重要的是进行测试首先要承认,主页不由你控制我该从哪里开始?想搜索、想扫描、想扫描最精彩的内容想搜索、想扫描、想扫描最精彩的内容每个起点看起来像个起点每个起点看起来像个起点主页导航可以不一样主页导航可以不一样下拉框的问题下拉框的问题短视行为:正在杀死金鹅短视行为:正在杀死金鹅首先要承认,主页不由你控制后备箱测试这个网站是做什么的?这个网站是做什么的?我该从哪里开始?我该从哪里开始?确定你没有做错的几件事:农场主和牧牛人应该是朋友Web设计团队讨论可用性是在浪
7、费时间每个人、每个角色喜好不同每个人、每个角色喜好不同普通用户的神话普通用户的神话解药:错误:大部分人喜欢错误:大部分人喜欢吗?吗?正确:在这个页面,这样的上下文中,正确:在这个页面,这样的上下文中,对使对使用这个网站的大部分人会产生一种良好的体验吗用这个网站的大部分人会产生一种良好的体验吗?必须正确处理的几个方面:一天10美分的可用性测试Focus GroupFocus Group不是可用性测试不是可用性测试测试分类:测试分类:传统的可用性测试传统的可用性测试 跳楼大减价的简易可用性测试跳楼大减价的简易可用性测试 补充:站点跟踪补充:站点跟踪问题分类指南:问题分类指南:忽略皮划艇(用户偏离后
8、返回)问题忽略皮划艇(用户偏离后返回)问题 抵制添加的冲动抵制添加的冲动 不要太看重人们对新功能的要求不要太看重人们对新功能的要求 抓住够得着的果子抓住够得着的果子成本可用性的基本礼貌降低好感的几种方式隐藏我想要的信息隐藏我想要的信息因为没有按照你们的方式行事而惩罚我因为没有按照你们的方式行事而惩罚我向我询问不必要的信息向我询问不必要的信息敷衍我,欺骗我敷衍我,欺骗我给我设置障碍给我设置障碍你的网站看上去不专业你的网站看上去不专业可用性的基本礼貌提高好感的几种方式提高好感的几种方式 知道人们在你网站上想做什么,并让它们明白简易知道人们在你网站上想做什么,并让它们明白简易 告诉我我想知道的告诉我我想知道的 尽量减少步骤尽量减少步骤 花点心思花点心思 知道我可能有哪些疑问,并且给予解答知道我可能有哪些疑问,并且给予解答 为我提供协助,例如打印友好页面为我提供协助,例如打印友好页面 容易从错误中恢复容易从错误中恢复 如有不确定,记得道歉如有不确定,记得道歉简单总结三大可用性定律我们实际上是如何使用Web的三个事实一个态度:循序渐进,不断积累和改进循序渐进,不断积累和改进细节决定一切细节决定一切一个方法:用户可用性测试一点经验:自顶向下(逻辑布局细节)THANK YOU自由讨论进行时