《点石成金-访客至上的网页设计秘籍》读书笔记(一)

别让我思考 -- Krug 可用性第一定律

"如果想确保网站容易使用,最重要的是什么?"
"别让我思考!"

它意味着, 设计者应该尽量做到, 当我看一个页面时, 它应该是不言而喻, 一目了然, 自我解释的.
我应该能明白它 -- 它是什么, 怎样使用它 -- 而不需要花费精力进行思考.
也就是说, 脑袋里会浮现:"嗯, 这是 ______ 那是 ______, 我想要的东西在这里."

强迫我们思考的地方

例如, 名字 (Jobs & Employment Opportunities); 不太明显的链接和按钮; 访问者在访问网站时不应该花时间思考的事:

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

如果你做不到让一切都不言而喻, 那么至少应该让它自我解释 (self-explanatory).

为什么它这么重要?

大多数人会比我们想象中少得多的时间来浏览网页.
如果要让网页有效, 它们必须在用户第一眼看到时将自己展示出来, 而要做到这一点最好的方法是创建不可言喻的网页, 或者至少也要做到自我解释.


我们实际上是如何使用 Web 的 -- 扫描,满意即可,勉强应付

如果想设计有效的网页, 你必须开始接受关于网络使用情况的三个事实.

第一个事实: 我们不是阅读,而是扫描

我们为什么扫描?

  • 我们总是处在忙碌之中.
  • 我们知道自己不必阅读所有内容.
  • 我们善于扫描.

一般会把注意力放在有下述特征的文字和短语上:

  • 与手头任务有关的;
  • 当前或接下来的个人兴趣;
  • 还有脑袋里一些根深蒂固像触发器那样的词, 例如 "免费", "大减价", "美女", 还有我们的名字.

第二个事实: 我们不作最佳选择,而是满意即可

事实上, 大多数时间里我们不会选择最佳选项, 而是选择第一个合理的选项,这就是满意策略(Satisfice).

为什么 Web 用户不寻找最佳选择呢?

  • 我们总是处于忙碌之中. "寻找最佳策略很难, 需要的时间也很长, 满意策略效率更高."
  • 如果猜错了, 也不会产生什么严重的后果. 通常只是点击几次后退按钮.
  • 对选择进行权衡并不会改善我们的机会.
  • 猜测更有意思.

并不是说用户们在点击前从来不进行衡量. 这要取决于他们的打算, 时间多紧迫, 还有他们对这个网站的信心.

第三个事实: 我们不是追根究底,而是勉强应付

很多人完全不是以设计师设想的方式使用网络和软件,但他们用的很好.
例如, 人们会在 Yahoo 搜索框输入整个 URL 地址, 一些人认为 Yahoo 就是因特网, AOL 用户 也会出现这种情况.

为什么会这样?

  • 是否明白事物背后的工作机制并不重要, 只要能正常使用即可.
  • 如果发现某个事物能用, 我们会一直用它. 很少会主动寻找更好的方法.

他们有没有弄明白重要吗? 很重要. 因为勉强应付通常效率不高,而且容易出错.

另一方面, 如果用户明白了:

  • 他们更容易找到自己需要的东西, 无论对用户还是对你都好.
  • 他们会更容易理解你的网站提供哪些服务不只是他们自己偶然看到的那些.
  • 你更可能引导他们在网站上你更希望他们看到的地方.
  • 在你的网站上, 他们会觉得自己更聪明, 更能把握全局,这会让他们成为老用户.

广告牌设计 101 法则 -- 为扫描设计,不为阅读设计

如果用户们都是疾驰而过, 那么, 你需要注意一下 5 个重要方面, 来保证他们尽可能地看到并理解了你的网站:

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

建立清楚的视觉层次

可视线索清楚, 能准确表述页面上内容之间的关系; 哪些内容相关, 哪些内容是其他内容的组成部分.

一个视觉层次清楚的页面有三个特点:

  • 越重要的部分越突出.
  • 逻辑上相关的部分在视觉设计上也相关.
  • 逻辑上包含的部分在视觉上进行嵌套.

习惯用法是你的好帮手

Web 上的很多习惯用法是从报纸和杂志中延续过来的, 新的习惯用法也在不断涌现. Web 上的习惯用法,有两点非常重要:

  • 它们非常有用. 适当应用的习惯用法会使用户在网站之间的访问更容易.
  • 设计师通常不愿意利用它们. 如果不打算使用一种已有的 Web 习惯用法,必须确认你在使用一种
    1. 同样清楚同样不言而喻, 没有学习曲线的方法;
    2. 带来很大的价值, 因此值得用户付出一点努力来学习的方法.

在你清楚自己有一个更好的想法 (而且每个人看到的人都会说 "哇!") 时进行创新, 否则请尽量利用习惯用法.

把页面划分成明确定义的区域

可以让用户很快决定关注页面的哪些区域, 或者放心地跳过哪些区域. 对网页扫描所进行的几项初始眼动研究表明, 用户很快就会确定页面哪些部分包含有用信息, 然后对其他部分看都不看.

明显标识可以点击的地方

人们在网络上所做的大多数事情就是找到下一个地方点击, 那么明确的标识哪些地方可以点击, 哪些地方不能点击, 这很重要.

用户确定哪里可以点击并不会花很长时间, 但是如果你迫使用户去思考某些下意识就可以知道的东西, 例如什么地方可以点击, 那么你完全是在浪费每个用户对新站点有限的耐心和好感.

降低视觉噪声

有两类视觉噪声:

  • 眼花缭乱. 所有的内容都希望引起注意, 效果可能适得其反.
  • 背景噪声. 如菜单项之间的间隔线.

当你设计页面时, 先假定所有内容都是视觉噪声, 除非得到证明它们不是.

(未完)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,390评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,821评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,632评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,170评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,033评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,098评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,511评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,204评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,479评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,572评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,341评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,213评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,576评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,893评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,171评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,486评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,676评论 2 335

推荐阅读更多精彩内容