1 / 21

DON ’ T MAKE ME THINK

DON ’ T MAKE ME THINK. A Common Sense Approach to Web Usability. Krug 可用性第一定律: 别让我思考. 在因特网上,竞争有时候就在于一个点击的差别 是什么像什么,是什么说什么 如果你做不到让一切都不言而喻,那就先做到 “ 自我解释 ”. 我们实际上是如何使用 Web 的 扫描,满意即可,勉强应付. 第一个事实:我们不是阅读,而是扫描 第二个事实:我们不作最佳选择,而是满意即可 第三个事实:我们不是追根究底,而是勉强应付. 广告牌设计 101 法则. 建立清楚的视觉层次 越重要的部分越突出

jeri
Download Presentation

DON ’ T MAKE ME THINK

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. DON’T MAKE ME THINK A Common Sense Approach to Web Usability

  2. Krug可用性第一定律:别让我思考 • 在因特网上,竞争有时候就在于一个点击的差别 • 是什么像什么,是什么说什么 • 如果你做不到让一切都不言而喻,那就先做到“自我解释”

  3. 我们实际上是如何使用Web的扫描,满意即可,勉强应付我们实际上是如何使用Web的扫描,满意即可,勉强应付 • 第一个事实:我们不是阅读,而是扫描 • 第二个事实:我们不作最佳选择,而是满意即可 • 第三个事实:我们不是追根究底,而是勉强应付

  4. 广告牌设计101法则 • 建立清楚的视觉层次 • 越重要的部分越突出 • 逻辑上相关的部分在视觉上也相关 • 逻辑上包含的部分在视觉上进行嵌套 • 习惯用法是你的好帮手 • 把页面划分成明确定义的区域 • 明显标识可以点击的地方 • 降低视觉噪声

  5. Krug可用性第二定律:点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择。Krug可用性第二定律:点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择。 • 准则:三次无须思考、明确无误的点击相当于一次需要思考的点击

  6. Krug可用性第三定律:去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。Krug可用性第三定律:去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。 • 几个好处: • 可以降低页面的噪声; • 让有用的内容更加突出; • 让页面更简短; • 两个必须: • 必须消灭欢迎词 • 必须消灭指示文字

  7. 必须正确处理的几个方面:街头指示牌和面包屑必须正确处理的几个方面:街头指示牌和面包屑 • 无法承受的浏览之轻:感觉不到大小、方向、位置 • 导航的用途: • 帮助我们找到想要的任何东西 • 告诉我们现在身处何处 • 它给了我们一些固定的感觉 • 还有: • 它告诉我们当前的位置 • 它告诉我们如何使用网站 • 它给了我们对网站建造者的信心

  8. 街头指示牌和面包屑 • 持久导航应该包括5个元素: • 站点ID • 栏目 • 实用工具 • 回主页的方式 • 搜索的方式 • 持久导航的例外: • 主页:表现可不同 • 表单:只需站点ID、回主页的方式等

  9. 街头指示牌和面包屑 • 重视低层次的导航 • 重视页面名称 • 每个页面都需要一个名称 • 页面名称要出现在合适的位置 • 名称要引人注目 • 名称要和点击的链接一致 • 你在这里:突出当前位置 • 面包屑(层级菜单)

  10. 街头指示牌和面包屑 • 喜欢标签的四个理由: • 它们不言而喻 • 它们很难错过 • 它们很灵活 • 它们暗示了一个物理的空间 • Amazon标签设计: • 正确绘制 • 颜色编码 • 当你进入网站时,有一个标签已经选中

  11. 街头指示牌和面包屑 • 后备箱测试(远观圈出) • 站点ID • 页面名称 • 栏目和下一级栏目 • 页内导航 • “你在这里”指示器 • 搜索

  12. 必须正确处理的几个方面:首先要承认,主页不由你控制必须正确处理的几个方面:首先要承认,主页不由你控制 • 主页要完成的任务 • 一些常见的约束 • 每个人都想占一席之地 • 想要参与的人太多 • 一个尺寸要适合所有人

  13. 首先要承认,主页不由你控制 • 这个网站是做什么的?——传达整体形象 • 口号:清楚、言之有物;长度适中;表述网站的特点和显而易见的好处;有个性、生动、有时候还很俏皮 • 欢迎广告: • 需要多大空间就使用多大空间 • 但也不要使用过多的空间 • 不要把使命陈述当作欢迎广告 • 最重要的是进行测试

  14. 首先要承认,主页不由你控制 • 我该从哪里开始? • 想搜索、想扫描、想扫描最精彩的内容 • 每个起点看起来像个起点 • 主页导航可以不一样 • 下拉框的问题 • 短视行为:正在杀死金鹅

  15. 首先要承认,主页不由你控制 • 后备箱测试 • 这个网站是做什么的? • 我该从哪里开始?

  16. 确定你没有做错的几件事:农场主和牧牛人应该是朋友确定你没有做错的几件事:农场主和牧牛人应该是朋友 • Web设计团队讨论可用性是在浪费时间 • 每个人、每个角色喜好不同 • 普通用户的神话 • 解药: • 错误:大部分人喜欢××吗? • 正确:在这个页面,这样的上下文中,××对使用这个网站的大部分人会产生一种良好的体验吗?

  17. 本 必须正确处理的几个方面:一天10美分的可用性测试 • Focus Group不是可用性测试 • 测试分类: • 传统的可用性测试 • 跳楼大减价的简易可用性测试 • 补充:站点跟踪 • 问题分类指南: • 忽略皮划艇(用户偏离后返回)问题 • 抵制添加的冲动 • 不要太看重人们对新功能的要求 • 抓住够得着的果子

  18. 可用性的基本礼貌 • 降低好感的几种方式 • 隐藏我想要的信息 • 因为没有按照你们的方式行事而惩罚我 • 向我询问不必要的信息 • 敷衍我,欺骗我 • 给我设置障碍 • 你的网站看上去不专业

  19. 可用性的基本礼貌 • 提高好感的几种方式 • 知道人们在你网站上想做什么,并让它们明白简易 • 告诉我我想知道的 • 尽量减少步骤 • 花点心思 • 知道我可能有哪些疑问,并且给予解答 • 为我提供协助,例如打印友好页面 • 容易从错误中恢复 • 如有不确定,记得道歉

  20. 简单总结 • 三大可用性定律 • 我们实际上是如何使用Web的三个事实 • 一个态度: • 循序渐进,不断积累和改进 • 细节决定一切 • 一个方法:用户可用性测试 • 一点经验:自顶向下(逻辑>布局>细节)

  21. THANK YOU 自由讨论进行时…

More Related