欢迎访问 夜阑小雨 我的学习碎片档案,这里记录了我的学习内容和工作中经验,希望给您带去帮助。

web 经典之作:《DON’T MAKE ME THINK》读书笔记

javascript 夜阑小雨 722℃ 0评论

导读部分:如果某个东西很难用,我就不会经常用它。

我们需要让用户对我们网站这个工具使用时不用去想怎么用,就像一个人拿汤勺喝汤样,不用想,要求
就这么简单,其实真的很难。

第一章:别让我思考

我在什么位置?
我该从哪里开始?
他们把XX放在什么地方了?
这个页面上最重要的是什么?
为什么他们给它取这个名字?

第二章:我们实际上是如何使用WEB的

模糊搜索

第三章:广告牌设计101法则

为扫描设计,不为阅读设计

【在每个页面上建立清楚的视觉层次】
【尽量利用习惯用法】
【把页面划分成明确定义的区域】
【明显标识可以点击的地方】
【最大限度降低干扰】

第四章:用户喜欢无需思考的选择

我们需要一直在网络上进行选择,那么让这些选择变得无需思考是让一个网站容易使用的主要因素。

第五章 省略不必要的文字

不要在WEB上写作的艺术

【消灭欢迎词】
【尽量在表达清楚的情况下减少文字】

第六章:

导航必要五元素:

1 站点ID

始终保持站点ID,因为它代表了整个网站。

2 栏目

栏目是主导航条

3 回主页方式

导航条一般在第一级是还划分得比较清楚,但是到了第2级 第3级后 几乎就变得支离破碎,随意发挥

原因:
第一:良好的多级导航本来说很难设计,页面空间有限,而且有那么多元素需要安排到页面中。
第二:原因是设计师及时在设计前两个层次时也常常感到时间不够。
第三:原因是他看起来并不重要。『毕竟他不是主导航,甚至连二级导航也不是』

事实上用户在底层页面上花的时间通常和花在顶层的时间相同,在开始讨论主页的颜色方案之前,拥有显示网站所有潜在级别的导航的样例页面非常重要。

4 搜索的方式

用户迷失方很容易使其失望而去,要告诉每一个用户,你在网站哪个层级,如何才能返回上一层级或主
页面。

about.com 的面包屑做得最好 例如:

You are here:Home>Hobbies>Book Collecting>Welcome 将最后一个元素加粗!

每一个页面都需要一个页面名称,并且名称要和点击的链接一致。

标签:运用一些颜色性质,不但要使正常人看起舒服,还要让色盲也能注意到。
(女性是1\200 男性:1\12)

5 实用工具

对网站圈出以下部分:1.站点ID 2.页面名称 3.栏目和下级栏目 4.页内导航 5.“你在这里
”指示器 6.搜索 这些的目的是使得你的网站一目了然,用户使用更为方便。(找10多个网站分析下)

千万别把带下划线的文字叠在一起。

第七章:首相要承认,主页不由你控制

设计主页

站点的标识和使命:当然,主页要告诉我这是什么网站,它是做什么的,还有,如果可能的话,告诉我为什么我应该在这里,而不是到别的网站。

站点层次:主页要给出网站提供的服务的概貌—-既要包括内容(我能在这里找到什么?),也要包括
功能(我能做什么?)——还有这些服务是如何组织的。这项工作通常由持久导航来处理。

搜索:大多数网站需要在汉族也上设置一个突出显示的搜索框。

导读:就像杂志封面样,主页要用一些“里面有精彩内容”的暗示来吸引我,内容推荐部分应该突出最
新最好最流行的内容片断,例如头条新闻或者热销产品。功能推荐部分邀请我去访问网站更多的栏目或者试用一些个性化功能或者邮件简报等。

内容更新:如果网站的成功取决于我是否经常回来访问,那么主页应该有一些经常更新的内容,即使是不需要固定访问者的网站也要有一些要有一些活跃的迹象—–哪怕只是一个到最新的新闻的链接—–告诉我它并不是死水一潭。

友情链接:需要在主页上预留空间,用来放置广告,交叉推广,合作品牌的友情链接。
快捷方式:最常访问的内容片断(如软件升级)值得在主页上放置链接,免得用户四处寻找。
注册:如果网站使用注册制度,主页应该为新用户注册和老用户登录提供链接,并且要有某种方式让我知道自己已经登陆了(欢迎回到XX,andy)

除了这些具体的需求外,主页还要满足一些抽象的目标:

让我看到自己正在寻找的东西:主页也应该让我看到一些很精彩的,我也许会感兴趣的内容—-就算我并没有寻找它们。

告诉我从哪里开始:在一个新网站里,无从下手的感觉糟糕透了。

建立可信度和信任感:对于一些访问者来说,主页将是你的网站给他们留下好印象的唯一机会。

要使人一眼就看出来你的网站的几个问题:这是什么网站?网站上有些什么?我能在这里做什么?为什么我应该在这里而不是别的地方?

好的网站需要口号,但是口号要言之有物,口号简明扼要,精到。

查看一个新主页时,应该想到两个问题:这个网站是做什么的?该从哪里开始?
www.etour.com

第八章:农场主和牧羊人应该是朋友

为什么WEB设计团队讨论可用性是在浪费时间,如何避免这种情况。

解决这样的无休止和没有结果的争论,有一个好的办法就是—–测试(用户对这个进行测试,数据能说
明争论的一切)!

第九章:一天10美分的可用性测试
让测试简单—–这样你能进行充分的测试.

焦点小组不是可用性测试,焦点小组一般用于前期。

对用户测试进行书本记录。

测试的关键不是要证明什么或者反驳什么,而是了解你的判断力,加上你的经验、判断和尝试能够给让你更容易地在A和B之间做出更明智,也更自信的选择。

测试不是做一次就好,而是需要测试、修正、再测试……

即使在微小的部分也要予以重视,现场用户反映更重要。

最好有一间装有单向玻璃的观察室,有两部摄像机,来录制用户使用过程和正在使用的目标对象。

网站使用性满足一个最低的,会上网的人,就行!

跳楼大减价的简易可用性“实验室”:一间办公室或会议室、两把椅子、一台电脑、一台摄像机、一根长的视频电缆和一个三脚架。

邀请公司高层领导参与测试观摩,将很大层度上鼓舞团队士气。 、

【测试员的对白:嗨 _____我是______,我会和你一起进行这个测试。

你可能已经知道了,不过还是让我解释下为什么今天让你来这里,我们正在测试一个开发中的网站,因
此想看看真正有人使用它的时候会是什么样子。

我现在要明确的是,我们在测试这个网站,不是你本人,在这里你不会犯什么错误,实际上,这是一个
你完全没必要担心自己会出错的地方。

我们想知道你是怎么想的,所以请别担心会伤害我到我们的感情,我们想要改进这个网站,因此我们想知道你真是想法。

一会我们进行测试的时候,我会要求你把心里的想法说出来,告诉我们你是怎么想的,这对我们有很大帮助。

如果你有问题,就尽管问,我也许不能马上回到这些问题,因为我们想知道如果没有别人在旁边的时候,人们会这么做,但是测试结束以后,我会设法回答任何你还不明白的问题。

我们有很多任务要做,我会尽量保证进度,不过我们也会尽量保证让这个过程生动有趣。

你可能注意到了这个摄像头,如果你统一的话,我们将录制计算机屏幕和你说的话,这些录像只用于帮助我们找出改进网站的方法,不会被这个项目以外的人看到,它也会帮助我,因为这样我就不用做笔记了,在另一个房间还有些人正在看这些屏幕录像。

如果你愿意,可以签一下这份声明吗?它只是说我们得到你的许可进行录像,但是会让和本项目有关的人员看到这些资料,这份声明也提到,你不能告诉别人你所看到的内容,因为他还没有公开发布。

你还有什么问题吗?—–不,没有问题了。】

询问测试用户基本情况,职业、平时上网时间、上网做什么和关于网络消费的问题?

开始测试:

首先我要请你看看这个页面,然后告诉我你认为它是什么,你是通过什么知道的,还有,你觉得你可以先点击哪里?

现在请别点击,先告诉我你打算点击什么地方。

还有,请尽可能把你的想法说出来,这样能帮助我们了解你在想什么。

恩,我想我首先注意到的是我喜欢这个颜色,我喜欢这种橙色,也喜欢这个小太阳的图片(页面上端,ELANCE)图标当中。我来看看。。。。。都出一段网站醒目的话。

反应:我不知道这是什么意思,完全不明白。

看着左边的栏目条,说:这里有很多类容,但我一个不明白。

如果你猜一下,你认为他会是什么呢?

恩,它似乎跟买入卖出……某种东西有关。

(再次打量页面)当我看到下面这些列表。我猜想这些可能是一些服务,法律、金融、创造……他们看起来都像是服务。所以我猜想这些是和购买或出售服务有关,也许想某些在线黄页那样。

好的,现在如果你觉得熟悉了一些,那么你会先点什么呢?

我想我会先点击那个3D图标,我对3D图形感兴趣。

在你点图标前,我还有个问题。这些靠近页面顶部的图片怎么样?就是这些有数字的图片?你觉得他们是做什么的?

我注意到了,但是我真的不想去弄清楚他们是做什么的。我想他们是在告诉我这个过程中的几个步骤。

为什么你没注意一下他们呢?

不,我想我只是还没准备好开始这个过程,我不知道自己会不会使用它,我想先导出看看。

好,现在我们来看看别的。

想想看,有什么业户你想做为一个项目提交上来的吗?如果你在使用这个网站的话。

恩,让我想想看。我想我看见了,我们正在打算铺地板,也许可以把这个贴上来。

如果你打算把地板作为一个项目提交上来,你会先做什么?

我想我得点击下这里的类别,我想我看见了这里,在家居下面。

然后你会怎么做?

那么,我得点击……看着下面的两个连接在犹豫。

恩,我现在不太肯定该怎么做,我不能点击___。那么似乎我该点击链接,但是我不知道他们有什么区别

我只会点我认识的,看得懂的,知道的!

第十章

你确定残障人士不是你的目标用户?否则,如果你的网站可访问性不足,就不能说它是可用的。

下面是当前要做的几件最重要的事:

1.为每张图片增加ALT文本。为屏幕阅读器可能会忽略的图片增加ALT属性,并为他们机上有帮助作用的描述性文字。所有的可访问性书记都详细解说了如何做到这一点。

2.让你的表单配合屏幕阅读器。这在很大程度上分解为使用HTML的lable元素把表单字段和提示文本联系起来,以便人们知道他们应该输入的内容。

3.在每页的最前面增加一个“跳转到主要内容”的链接。想像一下不得不花上20秒(甚至一分钟、两分钟)来等待每个页面顶端的全局导航,然后才能看内容的情形,你就会知道这些很重要。

4.让所有的内容都可以通过键盘访问。记住,不是每个人都能使用鼠标。

5.如果没有充分的理由,不要使用JAVASCRIPT。有些自适应技术对JAVASCRIPT支持不是很好。

6.使用客户端(而不是服务器端)的影响地图。ALT标记不支持服务器端的影像地图。

附Steve Krug先生关于Web可用性的三大定律

第一条:别让我思考(Don’t make me think )

多年以来,我一直在跟人们说,这是我的可用性第一定律。看过的网页越多,我就越坚信这一点。

这是最最重要的原则――它是在Web设计中,判别什么有用什么没用的终极法则。如果你只能记住一条可用性原则,那么就记住这一条 。

它意味着,设计者应该尽量做到,当我看一个页面时,它应该是不言而喻,一目了然,自我解释的。

(--后来又给它找到了另一种说法:不要让我有问号。)

第二条,要点击多少次都没关系,只要每次点击都是无须思考,明确无误的选择。

第三条,去掉每个页面上一半的文字,然后把剩下的再去掉一半。

(这一条主要指的是欢迎词和指示说明。)

转载请注明:夜阑小雨 » web 经典之作:《DON’T MAKE ME THINK》读书笔记

喜欢 (0)or分享 (0)
发表我的评论
取消评论

表情

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址