`

<Don’t meake me think>读书笔记

 
阅读更多
第一章:别让我思考-Krug可用性第一定律
网页应该是不言而喻,一目了然,自我解释的;
他是什么,怎样使用他-不需要花精力进行思考;

强迫我们思考的地方:
  • 自作聪明的命名;
  • 大部分网站的搜索; 好的样例-Amazon
  • 我在什么位置
  • 我该从哪里开始
  • 他们把xxx放在什么位置了
  • 这个页面上最重要的是什么
  • 为什么他们给它取这个名字


第二章:我们实际上是如何使用WEB的-扫描,满意即可,勉强应付
第一个事实:我们不是阅读,而是扫描-我们不会去阅读那些精心准备的文字
  • 我们总是处于忙碌之中
  • 我们知道自己不必阅读所有的内容
  • 我们善于扫描

第二个事实:我们不作最佳选择,而是满意即可
  • 我们总是处在忙碌之中。
  • 如果猜测错了,也不会产生什么严重的后果。
  • 对选择进行权衡并不会改善我们的机会。
  • 猜测更有意思

第三个事实:我们不是追根究底,而是勉强应付
  • 这对我们来说不重要
  • 如果发现某个事物能用,我们会一直用它


第三章:广告牌设计101法则-为扫描设计,不为阅读设计
我们访问网站的方式,恰似在汽车上看高速路周边广告牌的方式。
要想达到良好的效果,需要做到:
  • 在每个页面上建立清楚的视觉层次
  • 尽量利用习惯用法
  • 把网页划分成明确定义的区域
  • 明显标识可以点击的地方
  • 最大限度降低干扰

建立清楚的视觉层次
  • 越重要的部分越突出
  • 逻辑上相关的部分在视觉上也相关
  • 逻辑上包含的部分在视觉上进行嵌套

第四章 动物,植物,无机物- 为什么用户喜欢无需思考的选择
点击多少次都没有关系,只要每次点击都是无需思考,明确无误的选择--Krug可用性第二定律

第五章 省略不必要的文字 - 不要在web上写作的艺术
去掉每个页面上一半的文字,然后把剩下的文字再去掉一半。-Krug可用性第三定律
  因为在浏览网页的时候,大部分文字不过是在占地方,基本没有人去读他。
  •   欢迎词必须消灭
  • 指示说明必须消灭


必须正确处理的几个方面
第六章 街头指示牌和面包屑-设计导航
如果在网站上找不到方向,人们不会使用你的网站

网站导航101法则
  • 你通常是为了寻找某个目标
  • 你会决定先询问还是先浏览
  • 如果选择浏览,你将通过标志的引导在层次结构中穿行
  • 最后,如果找不到想要的东西,你回离开


无法承受的浏览之轻
  • 感觉不到大小
  • 感觉不到方向
  • 感觉不到位置


被忽视了的导航用途
  • 它给了我们一些固定的感觉
  • 它告诉我们当前的位置
  • 它告诉我们如何使用网站
  • 它给了我们对网站建造者的信心


主页,表单的web导航和其他页面是不一样的。
导航由:网站ID,栏目,实用工具组成。
持久导航中最重要的元素之一是把我们送回主页的按钮或链接。
提供搜索-因为搜索的潜力和使用搜索的用户比喜欢使用浏览的用户多。
低层次的导航需要给予足够的重视。
关于页面名称
  • 每个页面都需要一个名称
  • 页面名称要出现在合适的位置
  • 名称要引人注目
  • 名称要和点击的链接一致


为了抵消网络固有的空间迷失感,需要增加导航方式告诉我当前在什么位置

标签的四个好处:
  • 它们不言而喻
  • 它们很难错过
  • 它们很灵活
  • 它们暗示了一个物理空间


第七章 首先要承认,主页不由你控制-设计主页
主页要完成的任务:
  • 站点的标识和使命。
  • 站点层次-网站内容和功能的概貌,以及它们是如何组织的。
  • 搜索
  • 导读
  • 内容更新
  • 友情链接
  • 快捷方式
  • 注册
  • 让我看到自己正在寻找的东西
  • 还有我没有找到的
  • 告诉我从哪里开始
  • 建立可信度和信任感


如何传达
  • 口号
  • 欢迎广告
  • 需要多大空间就使用多大空间
  • 但也不要使用过多的空间
  • 不要把使命陈述当做欢迎广告
  • 最重要的是进行测试

没有什么比得上一个好口号
  • 清楚,言之有物
  • 长度适中
  • 能表述出网站的特点和显而易见的好处
  • 不要把口号和宗旨混淆起来,宗旨表达某种指导原则,某个目标或者某种理想。口号传达了某种价值主张。
  • 有个性,生动,有时候还很俏皮。


主页回答完网站是干什么的这个问题,接下来要回答从哪里开始这个重要的问题。
如果我想搜索,需要从哪里开始?
如果我想扫描,需要从哪里开始?
如果我想扫描该网站最精彩的内容,需要从哪里开始?
那些针对包含一系列步骤的过程所建立的网站,过程的起点应该很显眼。

下拉框的问题
你必须把他们找出来
他们难以扫描
他们不好控制
下拉框最大的有点在于节省空间,对于有规律的排列内容较为有效,最好是字母或数字排序的。

第八章 农场主和牧牛人应该是朋友
      ---为什么web设计团队讨论可用性是在浪费时间,如何避免这种情况

开发人员,设计人员,市场人员以及管理人员之间关于web设计的争论,就像信仰大战,无休无止。

回答这种问题只有一种方式:测试,你必须使用团队的集体技巧,经验,创造力和判断力来创建一些版本,然后仔细观察人们对他的看法和使用的方法。

争辩人们喜欢什么既浪费时间又消耗团队的精力,而通过测试将讨论对错转移到什么有效,什么无效上,更容易缓和争论,打破僵局。测试会让我们看到用户的动机,理解,反应的不同。

第九章 一天10美分的可用性测试
    -- 让测试简单-这样你能进行充分的测试
焦点小组:小组(5~8人)围坐在桌子的旁边,对展示给他们的想法和设计作出反应。这是一个小组过程,主要价值来自参与人员彼此的反应。是快速得到用户意见和感觉的一种不错的方法。
可用性测试:一次一个用户展示一些内容(网站,原型甚至草图),并且要求用户说出:1)这是什么。2)试着用它来完成一项典型的任务。

关于测试的几个事实:
  • 如果想建立一个优秀的网站,一定要测试。
  • 测试一个用户比不错测试好一倍。
  • 在项目中,早点测试一位用户好过最后测试50位用户。
  • 人们对招募用户代表的 重要性估计过高。
  • 测试的关键不是要证明什么或者反驳什么,而是了解你的判断力。
  • 测试时一个迭代的过程。
  • 没有什么比现场用户的反应更重要。


可用性测试可用很廉价。
每轮测试的理想用户数量应该是三个,最多四个。(快速迭代,三个够发现足够的问题,一天可以完成)
测试人员:宽松招募,曲线上升
  • 实际上,我们都是初学者
  • 设计出的网站只有你的目标群体能使用,这通常并不是一个好主意。
  • 专家通常不会介意对初学者来说很清楚的界面
例外:
  • 如果你的网站几乎只由某一类用户使用,而且招募这一类测试用户并不困难。
  • 如果你的目标用户群体可以分成几个明显的阵营,而且这些阵营有着完全不同的兴趣和需要。
  • 如果使用你的网站需要专门的领域知识


招募测试的人员的时候需要注意:
  • 提供合理的激励。
  • 邀请要简单。
  • 避免对网站进行预先讨论。
  • 别不好意思请朋友和邻居帮忙。

立刻回顾测试结果
  • 给问题分类
  • 解决问题


常见问题:
  • 用户不清楚概念
  • 他们找不到自己要找的字眼: 1)可能组织内容的分类不符合习惯。2)没有使用期望的字眼
  • 内容太多了


一些问题分类指南
忽略“Kayak”皮划艇问题。-出现问题的人马上发现自己偏离了原来的主题
抵制添加的冲动
不要太看重人们对新功能的要求
抓住够得着的果子。-重要而不费力的收获
  恍然大悟型-问题和解决方案都很明显的惊喜
  便宜型

注意在把某些部分调整的更为突出的时候,想想看是不是把其他内容的重要性降低了。
频率:每个月一个上午。

第十章 可用性是基本礼貌
      --为什么你的网站应该让人尊敬
降低好感的几种方式
  • 隐藏我想要的信息
  • 因为没有按照你们的方式行事而惩罚我
  • 向我询问不必要的信息
  • 敷衍我,欺骗我
  • 给我设置障碍
  • 你的网站看上去不专业


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


第十一章可访问性。级联样式表和你
     --正当你觉得已经完成了的时候,一只猫掉了下来,背上捆着涂了奶油的面包

为每张图片增加alt文本
让你的表单配合屏幕阅读器
在每页的最前面增加一个“跳转到主要内容”的链接
让所有的内容都可以通过键盘访问
如果没有充分理由,不要使用javascript
使用客户端的影响地图(Image Map)

第十二章 救命!老板想要我。。。
    --当好人遇到不好的设计决策
分享到:
评论

相关推荐

    Don’t Make Me Think

    Don’t Make Me Think田士庆

    Don't Make Me Think.pdf

    Don't Make Me Think.pdf 高清 书签版

    不要让我思考(Don't Make Me Think)

    至于提供的博客链接,似乎是为了提供额外的学习资源或与主题相关的扩展阅读。然而,由于链接信息重复,并且未提供具体的内容,我们无法从中获得更多的知识点。在真实的学习环境中,应当寻找有深度、内容丰富、与主题...

    don't make me think

    总而言之,《不要让我思考》是每一位对提升网站用户体验感兴趣的设计师都应该阅读的一本经典著作,它详细阐述了网页可用性设计的基本原则和实践技巧,并且更新了现代网页设计的新理念和趋势,是一本具有高度实用性和...

    不要让我思考(Don't Make Me Think)读书笔记

    一张思维导图读完一本书 产品必读 不要让我思考(Don't Make Me Think) (在实验室第一年学姐推荐读的,还做了汇报,资料现在还在群里用了几届)

    ruby cookbook

    Beginners and advanced Rubyists&lt;br&gt;alike will learn how to program with:&lt;br&gt;&lt;br&gt;&lt;br&gt;&lt;br&gt;Strings and numbers&lt;br&gt;&lt;br&gt;Arrays and hashes&lt;br&gt;&lt;br&gt;Classes, modules, and namespaces&lt;br&gt;&lt;br&gt;Reflection and ...

    Don't make me think 4

    《Don't Make Me Think 4》是一本非常适合UI/UX设计师以及前端开发人员阅读的经典之作。它不仅传达了简化设计和提高用户体验的重要理念,还提供了实际的操作指南。通过学习本书,可以深刻理解用户体验设计的核心原则...

    网页设计秘笈Don’t Make Me Think .pdf.rar

    《Don’t Make Me Think》是Steve Krug撰写的一本经典网页设计书籍,它深入浅出地探讨了如何创建用户友好的网页设计。这本书的核心理念是,网页设计应该尽可能直观,让用户在无需过多思考的情况下就能理解网页的功能...

    Don't Make Me Think (Part4,共四部分)

    Don't Make Me Think (Part4,共四部分)

    一个xml格式的文件

    &lt;body&gt;Don't forget the meeting!&lt;/body&gt; &lt;/note&gt; &lt;note id="502"&gt; &lt;to&gt;John&lt;/to&gt; &lt;from&gt;George&lt;/from&gt; &lt;heading&gt;Re:Reminder&lt;/heading&gt; &lt;body&gt;I will not&lt;/body&gt; &lt;/note&gt; &lt;/messages&gt; ``` - **`&lt;messages&gt;`**...

    任务管理器源代码

    &lt;br&gt;&lt;br&gt; // If this is a size or a move, update the position in the user's options&lt;br&gt;&lt;br&gt; if (uMsg == WM_SIZE || uMsg == WM_MOVE)&lt;br&gt; {&lt;br&gt; // We don't want to start recording the window pos until we...

    Designing Embedded Hardware, Second Edition

    don\'t worry--the book spells out the basics of embedded design for beginners while providing material useful for advanced systems designers.&lt;br&gt;&lt;br&gt;Designing Embedded Hardware steers a course ...

    Don't Make Me Think 点石成金:访客至上的网页设计秘笈

    《Don't Make Me Think》是Steve Krug撰写的一本经典著作,它深入浅出地探讨了如何创建用户友好的网页设计。这本书的核心理念是“别让我思考”,即设计师应尽可能使用户在浏览网页时无需过多思考就能理解页面内容和...

    JSTL详细标签库介绍

    发生异常时,异常周围信息(抛出对象本身类型)-------------异常处理程序&lt;BR&gt;&lt;BR&gt;12.5一个异常处理的简单实例:除数为0&lt;BR&gt;&lt;BR&gt;需求:使用一个小应用程序,完成两数相除的计算&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;...

    Don't Make Me Think, Revisited,修订版

    Don't Make Me Think, Revisited,修订版Don't Make Me Think, Revisited,修订版

    Dont Make Me Think.mobi

    Dont Make Me Think.mobi

    Don’t Make Me Think别让我思考(原书简体中文第2版).part1

    交互设计必看的经典书籍 入门级经典图书 De Dream'译

    Don't Make Me Think (Part1,共四部分)

    Don't Make Me Think eBook

    Web前端开发试题[收集].pdf

    &lt;h2&gt;Don’t buy these electronics used&lt;/h2&gt; &lt;p&gt;Money may be tight, but you may kick yourself for purchasing these electronics secondhand.&lt;/p&gt; &lt;p&gt;&lt;img src="album.jpg" alt="album"&gt;&lt;/p&gt; &lt;p&gt;&lt;a href=...

Global site tag (gtag.js) - Google Analytics