别让我思考（Dont Make Me Think）课程.ppt

别让我思考(Don’t Make Me Think) 网站可用性三大定律 人们使用WEB的几个事实 不是阅读，而是扫描 ① 总是很忙 ② 不必阅读所有的内容 ③ 善于扫描 不做最佳选择，而是满意即可 ① 总是很忙碌 ② 如同消防员 不追根究底，而是勉强应付 ① 如果发现某个东西能用，我们会一直用它 用户浏览网站不是在阅读，而是扫描 不追根究底，而是勉强应付 Krug可用性三大定律 别让我思考(Dont make me think ) 要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。 去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。 Krug可用性第一定律 别让我思考(Dont make me think ) 网页应该设计得不言而喻 网页避免强迫用户思考的地方 如果做不到一切不言而喻，起码做到让页面自我解释 麦当劳两则 强迫我们思考的地方(1) 强迫我们思考的地方(2) 卓越网和当当网的搜索框 当当网2006年1月1日首页快照 什么是页面的自我解释？ 页面的自我解释即用户对页面稍加学习就可以明白，用户能够更加专注于他要做的事情。 特别是在进行一些崭新的，开拓性或者非常复杂的页面设计时，也许只能做到自我解释(Self-explanatory)。 返回 Krug可用性第二定律 要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择。 用户的挫折感限度不取决于到达相关网页所需要的点击数而是点击的困难程度。 经验准则：一次需要思考的点击等于三次无须思考的点击。 例子 Krug可用性第三定律 去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。 有力的文字都是简洁的。 必须消灭欢迎词，必须消灭指示性文字。 Microsoft TechNet 欢迎词 中国建设银行反馈表单指示性文字 可用性实践中需要注意的问题 导航条(页头，页尾，页内) 主页 团队中可用性的讨论 可用性实践中需要注意的问题 导航条 作用 帮助找到想要的，告诉我们如何使用网站 给人固定的感觉 告诉我们身在何处 注意事项 导航条(页头，页尾，页内) Bear looking at map of park with sign You are here 导航条设计时需要注意 网站的每一页(表单可能例外)都需要导航 次级导航都应该有返回首页的链接 页面名称应该醒目(自我解释) 要提供简洁，没有无关选项的搜索框 优秀的导航条示例:Amazon,B Amazon. COM导航条 B导航条 可用性实践中需要注意的问题 主页 主页的作用 主页需要额外考虑的问题 主页的作用 准确、快速的传达一个整体形象 网站的标识和起点 内容更新导读 服务以及搜索的入口 返回 准确、快速的传达一个整体形象 主页要做到这点必须清晰的回答四个问题 这是什么网站？ 网站上面有什么？ 我能在这里干什么？ 为什么我应该在这而不是在别的地方？ 返回 主页需要额外考虑的问题 每个人都想占一席之地 想要参与的人太多 设计要满足所有人 返回 站点的标识和口号 没有什么比得上一个好口号 每天五分钟，给思想加油。() 理性，建设性。() 可用性实践中需要注意的问题 团队中可用性的讨论 现状：无休止的信仰大战 本质：浪费时间 关键：没有什么所谓的普通用户 唯一改变的方法是实际的用户体验测试 团队中可用性的讨论 不同职位的人对理想网页的理解 可用性最佳实践 提供增大网页字体的选项(国内网站…) 为每张图片增加ALT文本 用户不可能在一个界面中接受过多信息，而且信息量和页面长度不是正比关系 为每张图片增加ALT文本 img src=/logo.gif alt=凤凰网网站图标LOGO / 返回 The End 相关链接 蒋芳的交互设计 臭鱼 花生酱宣言 我们在设计的时候应该做到使网站页面的重点突出，为用户的扫描而设计，而不是为阅读而设计。设计优良的网站都是为扫描而设计的，这样能为用户节省更多的时间。 是在麦当劳厕所外面拍摄的。可以看到，所谓的门把手就是钉在门上的一个金属板。这个门要怎么打开？没法往外拉，没法横向推拉，只能往里推。这袋儿番茄酱在包装上很清楚的给用户提示了撕开包装袋的方法。实际上，并不是只有包装上指示的锯齿位置才能撕开。这显然是为新手用户设计的。如果您是第一次使用，不知道该怎么操作，那么，就按照提示来做吧。多用几次之后，您就会发现沿包装袋两端任何一个锯齿都可以撕开。 生活中很多这样的例子，比如说雀巢咖啡的包装袋。也有一些不好的例子，比如说双汇的火腿肠，香辣肠，还有一些洗衣粉，如果找不到剪刀的情况下，非常郁闷。 工业设计这样，网页设计也应该做得这样。本身就是不言而喻，不需要花时间去思考，也不需要花时间去学习的。 这句话的意思就是省略多余的文字。 又不是叫