别让我思考 Don't Make Me Think

指导原则

可用性第一原则:别让我思考

为什么不要让用户思考?:大多数人会花上比我们想象中少得多的时间来浏览我们设计的网页。

我们实际上是如何使用web的?这里有三个事实:

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

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

        满意策略-一旦我们发现一个链接,看起来似乎会跳转到我们想去的地方,那就是一个我们将会点击它的大好机会。

为什么不寻找最佳选择?

-1、我们总是处于忙碌中; 

-2、如果猜错了,也不会产生什么严重的后果(后退按钮是web浏览器中用得最多的按钮);

-3、对选择进行权衡并不会改善我们的机会;

-4、猜测更有意思。

第三个事实:我们不是追根究底,而是勉强应付。在很大程度上人们一直在使用这些东西,但并不理解它们的运作原理,甚至对它们的工作原理有完全错误的理解。

为什么?

-1、这对用户来说并不重要;

-2、如果发现某个东西能用,我们会一直使用它,很少会主动寻找更好的方法。


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

1、尽量使用习惯用法(一致性):给用户带来很大方便,使用户在访问不同的网站时,不需要付出额外的成本。

如果不打算使用习惯用法:

创新必须同样清楚,同样不言而喻,没有学习曲线;

or 创新能带来很大的价值,值得用户付出一点努力来学习。

这里有一条要记住的原则:简洁胜过一致。如果在某种程度上打破一致性能得到高度简洁清楚的效果,那么果断选择简洁。

2、建立有效的视觉层次

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

a 越重要的部分越突出;

b 逻辑上相关的部分也在视觉上相关;

c 逻辑上包含的部分在视觉上进行嵌套。

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

让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。

4、明显标识可以点击的地方

5、最小化干扰

三类视觉噪声:a、眼花缭乱;b、组织不当;c、太过密集

办法:先假定所有内容都是视觉噪声,并去除任何对页面没有帮助的内容。

6、为文本创建清楚的格式,以便扫描

办法:1、充分使用标题;

           2、保持段落简短;

           3、使用符号列表;

           4、突出关键词语。


可用性第二原则:点击多少次都没关系,只要每次点击都是无须思考、明确无误的选择。

如果你不能做到让一个页面不言而喻,那么至少应该让它自我解释:

       简短-只需要提供最少的信息来帮助我

       及时-放在我正好需要它的地方

       不会错过-设置合适的格式,保证我一定会注意到它


可用性第三原则:省略多余的文字

好处:降低页面的噪声;让有用的内容更加突出;让页面更简短,让用户在每个页面上一眼就能看见更多的内容,而不必滚动屏幕。

消灭-欢迎词;

消灭-指示文字:通过让每项内容不言而喻来尽可能消除指示说明。当指示文字不可避免时,也要尽量砍掉多余的部分,只留下最必要的一点点。


必须正确处理的几个方面

网络导航101法则

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

web空间的奇怪之处:感觉不到大小;感觉不到方向;感觉不到位置。

导航用途:

1、帮助我们找到想要的任何东西;

2、告诉我们现在身在何处;

3、告诉我们这里有些什么;

4、告诉我们如何使用网站(指示说明);

5、给了我们对网站建造者的信心。

持久导航/全局导航应包括4个元素:

1、站点ID:通常在左上角

2、栏目section;

3、搜索;

4、实用工具-不属于内容层级的重要元素的链接,如登录

页面名称注意事项:

1、每个页面都需要一个名称;

2、页面名称需要出现在合适的位置:涵盖该页内容的位置;

3、名称要引人注目;

4、名称要和点击的链接一致-页面的名称将和我点击并来到这里的链接名称相匹配


面包屑:把他们放在最顶层;使用“>”对层级进行间隔;加粗最后一个元素


标签(tab)是大型网站导航的上佳选择的原因:

1、它们不言而喻;

2、它们很难错过,一眼能看到;

3、它们很灵活。


后备箱测试(Trunk Test)

-这是什么网站?(站点ID);

-我在哪个网页上?(网页名称);

-这个网站的主要栏目是什么?(栏目清单);

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

-我在导航系统的什么位置?(当前位置);

-我怎么搜索?


主页要完成的任务

-站点标识和使命;

-站点层次;

-搜索;

-导读;

-内容推介;

-功能推介;

-适时更新的内容;

-交换链接;

-快捷方式;

-注册。


web设计的大爆炸理论:访问一个新网站/网页时,最初的那几秒钟特别重要。

访问者最开始的印象与他们实际上花了一些时间探索之后的第一印象一致;

如果最初的假设是错误的,他们会把这种错误的理解延续到后面遇到的所有东西上。


传达信息的指导原则:

(解释站点的目标时)需要多大空间就使用多大空间;

但是不要使用过多的空间;

不要把使命陈述当作欢迎广告;

最重要的是进行测试。


在选择口号时,有几点要考虑:

-好的口号要清楚,要言之有物,非常准确地对网站或公司进行描述;

-好的口号长度合适;

-好的口号表述了网站的特点和显而易见的好处;

-不好的口号听起来太笼统;

-好的口号应该有个性、生动,有时候还很俏皮。


确定你没有做错的几件事

不要问这样的问题:“大部分人喜欢下拉框吗?”正确的问题应该是:“在这个页面,这样的上下文中,这个下拉框以及这些下拉项目和措辞会让可能使用这个网站的大部分人产生一种良好的体验吗?”而且,也只有一种方式来回答这种问题:测试。

焦点小组和可用性测试的区别:

焦点小组研究中,一小组人(通常是5~10人)围坐在桌子旁边,侃侃而谈,谈的是他们对产品的看法,产品的过往使用经验,或者他们对一些新概念的反应等。如果是想要快速得到部分用户的意见和感觉,焦点小组是一种不错的方法。

可用性测试中,一次一个用户,我们观看用户试用一些东西(不管是网站、网站原型,还是一些关于新设计方案的草图),去完成一些典型的任务,通过观察用户的行动,你可以检测到那些让用户混淆和倍感挫折的地方,并修复它们。

两者最主要的区别是,在可用性测试里,你会看到人们真正的使用情形,而不是只听到他们的说法。

焦点小组在开发和设计之前就应该了解,而可用性测试,应该贯穿在整个开发和设计过程中。


关于测试的几个事实:

1、如果想建立一个优秀的网站,一定要测试;

2、测试一位用户比不做测试好一倍;

3、在项目中,早点测试一位用户好过最后测试50位用户。


可用性测试指引


怎样选择测试任务:这些测试任务部分取决于你们现在需要测试什么(草图、线框图、页面排版、界面原型、实际网页);

然后为这些任务选择合适的措辞,让参与者们能准确理解你希望他们做什么;

对于同样的测试任务,如果可以允许测试参与者自己决定一部分细节,那么你通常可以得到更有意思的结果。


一个典型的一小时测试应该包括以下几个部分:

-欢迎部分(约4分钟);

-提问部分(约2分钟):问参与者几个和他们有关的问题;

-主页“观光”(约3分钟);

-任务测试(约35分钟):让测试参与者一直停留在测试任务上,并让他们把自己当时的想法说出来;

-问题探查(约5分钟):测试中发生的任何事情;

-结束部分(约5分钟)


典型问题:

-用户不清楚概念;

-他们找不到自己要找的字眼;

-内容太多了。


决定修复哪些问题:最严重的问题最先修复

方法:

1、收集一份问题列表:让每个人说说他们觉得最严重的3个问题;

2、选择10个最严重的问题;

3、问题评级;

4、建立一份排序列表。

Tips:

1、对那些非常容易修复的问题,建立另一份清单;

2、抵制添加的冲动:往往正确的解决方案是拿走某个让人混淆的东西,而不是增加另一些干扰;

3、不要太看重人们对新功能的要求;

4、忽略皮划艇问题:用户暂时出现错误,然后又在不需要任何帮助的情况下回到原来的轨道。


大的方面和外界影响

可用性定义:让一个有着平均能力和经验的人(甚至稍低于平均水平)能弄明白如何使用它(这说明它是可学习的)去完成某个任务(有效的),而不会遇到不必要的麻烦(高效的)。

降低用户好感的几种方式:

-隐藏我想要的信息:最常见的情况是隐藏客户服务的电话号码、运费和价格;

-因为没有按照你们的方式行事而惩罚我;

-向我询问不必要的信息:个人信息;

-敷衍我,欺骗我;

-给我设置障碍;

-你的网站看上去不专业。


提高好感的几种方式:

-知道人们在你网站上想做什么,并让它们明白简易;

-显示我想要的信息;

-尽量减少步骤;

-花点心思;

-知道我可能有哪些疑问,并且给予解答;

-为我提供协助,例如打印友好页面;

-容易从错误中恢复;

-如有不确定,记得道歉。

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