《don't make me think》

——不知道什么是有用的,看到的都记下,只为自己在转型的路上越走越好。

关于《don't make me think》

关于web可用性设计的工具书,在用户心理、使用行为模式、导航/主页设计、可用性测试等方面提出了许多观点和建议。但基于现有环境氛围,本书的部分观点已不再适用,案例比较陈旧,但仍不失为一本好书,特别是其可用性三大定律,很有学习的意义。

一、关于可用性三大定律

1、可用性第一定律:别让我思考

   ·让每个页面不言而喻,普通用户看一眼就明白是什么内容,如何使用它;

   ·如果不能做到让每个页面不言而喻,至少让它自我解释,减少访问者的挫败感。

2、可用性第二定律:点击多少次都没关系,只要每次点击都是无需思考,并且是明确无误的选择

   ·经验准则:三次无须思考、明确无误的点击,相当于一次需要思考的点击

3、可用性第三定律去掉每个页面上一半的文字,然后把剩下的文字再去掉一半

   ·有力的文字都很简练,如同画上不应该有多余的线条,机器上不应该有多余的零件;

   ·降低页面噪声,突出有用内容;

   ·让页面更简短,每个页面可看见更多内容而不必滚动屏幕;

   ·欢迎词&指示说明必须消灭(用户更喜欢直接了当,减少不必要的时间)。


二、用户是如何使用web?

1、快速扫描页面内容,选择性阅读

   Why?

   人们总是处于忙碌之中;在绝大多数页面上,通常只对一小部分内容感兴趣,只关心我们感兴趣的内容;我们善于扫面,正如扫描报纸、杂志一般。

2、搜索页面时,不做最佳选择,满意即可

   Why?

   如《source of power:how people make decisions》中指出:寻找最佳策略略艰难,需要的时间也更长,相较而言,满意策略效率更高效;如果猜错了,也不会产生什么严重的后果(如后退按钮);对于设计不佳的网站,选择/进行权衡并没有改善我们的机会;通常猜测更有意思,没有仔细权衡辣么累。

3、不追究到底,而是勉强应付

   Why?

   对大多数人来说,对于是否明白背后的工作机制并不重要,只要够用就好;如果发现以某个东西能用,我们会一直用它,除非偶然发现更好的。


三、实践中需要注意的几个方面

用户浏览习惯:

1、为扫描设计,而不是为阅读设计

   ·建立清楚的视觉层次

   ·越重要部分越突出

   ·逻辑上相关的东西在视觉上也相关,逻辑上相关的部分在视觉上进行嵌套

   ·尽量利用习惯用法

2、符合用户习惯认知的设计

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

   ·明显标识可以点击的地方

   ·最大限度降低干扰

   ·降低视觉噪声(眼花缭乱、背景噪声)

3、导航设计

·导航作用:

   l给我们一些固定的感觉

   l告诉我们当前位置

   l告诉我们如何使用网站:从哪儿开始,能进行哪些选择

·无法承受的浏览

   |感觉不到大小、感觉不到方向、感觉不到位置

·搜索框

   |避免花俏用词、提供指示说明(例如搜索框内的说明,告知用户以何种方式搜索)&选项(当存在混淆时,如下截图)

·页面名称

   |每个页面都需要一个引人注目的名称,并放置在合适的位置,名称要与点击的链接一致

突出用户当前所在位置

·面包屑(层级菜单)

    |告知用户从主页到当前页面的路径

   案例:http://fatherhood.about.com/od/workingfathers/ss/Top-Apps-and-Tech-Tools-for-Better-Work-Life-Balance.htm#step2(about.com)

·标签

   |自我解释、灵活、突出

   |激活的标签必须有一种不同的颜色,并与它下面的空间在物理上连接起来

   |对栏目进行颜色编码

   |当进入网站时,有一个标签已经选中(否则几秒之内用户注意不到标签的存在)

   案例:800.com、亚马逊

亚马逊

4、测试是否成功

   如果页面设计良好,应使能毫不犹豫回答出以下问题:

   l这是什么网站?---站点ID

   l我在那个页面上?---网页名称

   l网站的主要栏目有哪些?---栏目清单

   l在这个层次上我有哪些选择?---本页导航

   l我在什么位置?---颜色编码/位置指示器

   l我怎么搜索?

5、主页

·包含内容:

   |站点标识&使命:解释网站是做什么的

   |站点层次:我能在这儿找到什么?有哪些功能?能做什么?

   |搜索

   |导读:功能/内容推介

   |内容更新

   |友情链接

   |快捷方式:降低用户查找成本

   |注册

   |告知用户从哪儿开始

   |让用户看到正在寻找(想要的东西显而易见)/没有寻找的东西(用户也许会感兴趣的内容)

   |建立可信度&信任感

   |当进入新的网站是,扫描主页后,应该让用户明白:如果想要搜索,可以从哪儿开始;如果想要阅读页面信息,可以从哪儿开始;如果想要查看网站最精彩的内容,可以从哪儿开始。

·关于主页导航下拉框表现出的问题:

    |必须鼠标滑过/点击才能看到下拉裂变。列表页上的项目在用户扫描页面时看不到;

    |当列表很长时,效率低。


三、关于测试哪些事

·可用性:

   误区:认为绝大多数用户喜欢我们所喜欢的

   考虑:某个模块某种设计是否会为用户带去良好的体验,而不仅是用户喜不喜欢。

   测试:什么有效、什么无效,发现用户动机、理解、反应。

·测试中常见的问题:

   l用户不清楚网站说的是什么

   l用户找不到自己要的字眼---组织内容不符合用户习惯,或分类符合但名称不符合

   l内容太多,以致于看不到想要的内容---减少页面干扰,或突出重要内容

·提高好感的几种方式:

   让用户明白网站可以做什么

   告诉用户想知道的

   尽量减少步骤

   细致:尽量准确、 清晰的帮助用户找到所需要的信息

   知道用户可能有哪儿疑问,基于解答(FQA)

   为用户提供协助,如打印页面

   容易从错误中恢复,但出现不可避免的错误时,提供另一种优雅、清楚的方法让用户从错误中恢复

   如有不确定,记得道歉


四、实例对比:

链家VS房天下

·链家主页


链家

包含logo(网站ID)、主导航、网站口号、搜索框

   特点:1、链家背景图片是以家做为背景,页面不言而喻(让用户瞬间就明白该网站的主题是什么)

   2、搜索框:两件搜索框旁边按钮”开始找房”,相比icon图标按钮,更简单易懂

    缺点:没有根据用户访问IP自动为用户定位网站位置,默认均是武汉,需要用户手动切换地点。对于某些用户来说,可能会认为该网站不能查看其它城市。建议在城市部分做倒三角图标,或提示切换城市的标语,减少用户思考。

·房天下主页

房天下

   缺点:logo放置在中央,从视觉习惯上来看,并不容易被用户察觉,且容易被背景同化(当背景色为黑色等)

   特点:导航条以红色作为背景横跨页面顶端,显眼。在导航左边“城市”模块,附有倒三角图标,以及中央“切换城市”,用户很容易知道该网站包含多个城市页面。

·链家内页


链家


链家

   特点:logo旁边附有“新房”“二手房”“在售”“楼盘”等字样,告知用户当前所在类目。二手房的面包屑层次描述很详细,明确告知用户当前所在位置和所处的层级。

   缺点:1、二手房搜索框下拉菜单含有成交项,搜索框内描述的是“输入关键词”,会让用户思考关于成交,我应该输入什么来进行搜索。而当输入楼盘/区县名称时,跳转页面至在售房源列表页,而这似乎与用户想要了解成交并没有关系。

    2、新房页面,导航没有为用户所在位置做标识,页面出现两个“首页”描述词,会让用户思考如果我想要进入网站主页的时候该点哪一个“首页”才能正确跳转。

·房天下内页


房天下


房天下


房天下

   缺点:1、第一张图,区县等筛选区域采用下拉框的设计样式,虽然这样设计节约页面空间,但是对于商圈较多的城市来说,下拉框的内容会显得臃肿繁冗,体验并没有很好。在浅灰色背景区域,同时会显得内容太多,排版混乱。

   2、视觉噪声太多,眼花缭乱。

   优点:1、网站采用全局导航,每个页面导航显示样式保持一致,再配合面包屑,能让用户清晰知道用户所处位置,所处层级。

   2、第二张图(红色框标出的“楼盘首页”部分),采用标签样式,且激活的标签有不同的颜色,并与它下面的空间在物理上连接了起来。

    相同部分,每个页面都配有导航+搜索,便于满足不同用户的浏览操作习惯。但整体设计而言,链家干扰项较少,页面整洁,某些细节部分好于房天下。


-----------------是在是太懒了,懒得再分析多一点啊啊啊啊-----------------------

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

推荐阅读更多精彩内容