《点石成金》读书笔记-Penta Kill团队

第一章 别让我思考

--Krug可用性第一定律


Web终极法则,可用性第一定律

别让我思考!网页应不言而喻、一目了然、自我解释。

网页内容需注意的地方

显而易见的

明显能点击的

明白易懂的

如何让普通用户快速识别及使用内容

在开拓性或者复杂的页面设计时,也许只能做到自我解释。在一个解释的页面中,用户需要花一点点时间去理解,页面的元素外观、精心选择的名称、页面布局以及少量仔细斟酌过的文字,它们综合在一起讲创造出一种接近瞬间的识别效果。



第二章

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


关于网络使用情况的三个事实

我们不是阅读,而是扫描

寻找能够吸引我们注意力的文字或词语。节约用户时间,删除不必要的内容。

我们不作最佳选择,而是满意即可

在设计页面时,选择合理的选项,不要在设计不佳的网站花费精力。

我们不是追根究底,而是勉强应付

使用户更容易找到自己需要的东西,理解你的网站提供哪些服务。引导他们到网站上你更希望看到的地方。



第三章  广告牌设计101法则

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


习惯用法是你的好帮手

任何东西,要让人瞬间理解,一种最好的方法就是遵循习惯和惯例---那些已经广为采纳或者已经标准化了的设计模式,如停止标志、车内的控制装置、页面上的什么内容在什么位置、服务将如何运作、视觉元素的外观……

在清楚自己有一个更好的想法时进行创新,如果没有,那么请尽量利用习惯用法

有些时候,稍微打破一致性,可以获得更清楚的效果

简洁胜过一致

建立有效的视觉层次

越重要的部分越突出

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

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

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

把页面划分成明确定义的区域很重要,因为这可以让用户很快决定关注页面的哪些区域,或者放心地跳过哪些区域。

明显标识可以点击对地方

如果能坚持只用一种字体颜色来表示文字链接,或者能确定他们对外观位置可以识别他们是可以点击的,那就没事了。

降低视觉噪声

页面不易理解的一个很大原因是视觉噪声,三类视觉噪声:

眼花缭乱

组织不当

太过密集

为文本设置格式,以便扫描

充分利用标题

保持段落简洁

使用富豪列表

突出关键词语



第四章  动物、植物、无机物

--为什么用户喜欢无需思考的选择


用户不介意有多少次点击,只要每次点击都是毫不费力的,并且能让用户坚信自己的选择正确

三次无需思考、明确无误的点击相当于一次需要思考的点击

简短  只需要提供最少的信息效果最好

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

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

让选择变得无须思考是让一个网站容易使用的最重要因素



第五章  省略多余的文字

--不要在wab上写作的艺术


有力的文字都很简短,去掉没人看的文字的几个好处:

降低页面的噪声

让有用内容更加突出

让页面更加简短

欢迎词必须消灭掉

欢迎词没有什么有用的信息,更像是一种闲聊,内容无所谓,主要是一种社交手段而已。用户在浏览网页的时候,并没有什么时间闲聊,他们更希望直截了当,尽量减少欢迎词能减多少就减多少。

指示文字必须消灭

当指示文字不可避免的时候,尽量砍掉多余的部分,只留下必要的一点点

现在,来点完全不同的



第六章    街头指示牌和面包屑

--设计导


记住下面事实:如果网站上人找不到方向,人们不会使用你的网站

                            创建符合用户习惯的“明确、简单、一致”的导航

网络导航101法则:

为了寻找某个目标

你会决定询问还是浏览

如果浏览,你将通过标志的引导在层次中穿行

最后,找不到就会离开

Web习惯导航用法

导航元素要做到的就是位置标准、外观标准化,使用户在使用过程中快速定位,也更容易将导航与其他东西区分开。

持久导航:

“导航部分在这里,其中一些可能会根据您所处的位置有所变化,但他总会出现在这里,也总会以同样方式为您服务!”

持久导航5要素:

搜索方式

会主页方式

站点ID栏目(主导航条)

实用工具

面包屑:

拥有“自我解释”的能力

最后一个元素应当加粗,突出当前页

位于整个页面顶端

用>作为层级分隔

整个页面的补充机制

标签:

不言而喻

不易被忽略

灵活性高、实用性强

利用错觉,暗示一个无力空间

标签绘制三要素:

正确绘制用不同颜色或外形做对比

颜色编码激活和当前标签对比强烈

进入网站有一个标签已被选中



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

--设计主页


主页要完成的任务:

站点标志和使命

站点层次

搜索

导读

注册

内容更新

友情链接

快捷方式

注册

让我们看到正在寻找的东西

告诉我们从哪开始

建立可信度和信任感

网站要传递一个整体形象,首先就要表达清楚这个网站是什么,给用户直观感受。

如和传达:

口号

欢迎广告语

标题

指导原则:

需要多大空间就实用多大空间,但也不要实用过多空间

不要吧使命陈述当欢迎广告

进行测试

主页导航可以不一样,主页可以不使用持久导航,通常也不使用

栏目描述:主页需尽可能多的表现网站内容

不同方向:通常和其他页面布局不同

用于识别的空间更多

下拉框: 

一定程度上节约了页面的空间

但必须要用户去找出来的,用户在扫描页时,看不到

打开后,不好控制,影响用户查看效果



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

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


通过测试来解决问题,将讨论对错转移到什么有效,什么无效上,更容易缓和争论,打破僵局而且测试会让我们看到用户的动机,理解,反应的不同,从而让我们不会再坚持认为用户的想法和我们一样。



第九章 10美分的可用性测试

--让测试——这样你能进行充分的测试


关于测试的几个事实:

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

测试一个用户比不做测试好一倍

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

人们对招募用户代表的重要性估计过高

测试的关键不是要证明什么或者反驳什么,而是了解你的判断力

测试是一个迭代的过程

没有什么比现场用户的反应更重要

宽松招募,曲线上升:

设计出的网站只有你的目标群体能使用,这通常并不是一个好主意

专家通常不会介意对初学者来说清楚的界面

如果你的目标用户群体可以分成几个明显的阵营,而且这些阵营有着完全不同的兴趣和需要

提供合理的奖励

邀请要简单

避免对网站进行预先讨论

测试什么,什么时候测试:

“ 理解 ”测试,理解网站目标,价值主张,运行方式

关键任务测试

立刻回顾测试结果:

给问题分类

解决问题

常见问题:

用户不清楚概念

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

内容太多

一些问题分类指南

忽略 " Kaysk " 问题

抵制添加的冲动

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

抓住够得着的果子



第十章    可用性是基本礼貌

--为什么你的网站应该让人尊敬


好感储存器:

1.它因个人特质的不同而不同。

2.它依情况而定。

3.你可以重新填满它。

4.有时候一个错误就能清空它。

降低好感的几种方式:

1.隐藏我想要的信息。(最常见的情况是隐藏客户服务的电话号码、运费和价格)

2.因为没有按照你们的方式行事而惩罚我。(例如输入信用卡号码时加空格有便于用户不出错)

3.向我询问不必要的信息。(如果网站要求的信息超出当前任务时会让用户觉得很厌烦)

4.敷衍我,欺骗我。(“您的电话对我们来说很重要”)

5.给我设置障碍。不得不等待一个长长的Flash介绍,或者浏览多个页面。

6.你的网站看上去不专业。(凌乱、组织的不好、布局不专业)人们喜欢对网站的外观--特别时颜色--发表意见。

提高好感的几种方式:

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

2.告诉我我想知道的。

3.尽量减少步骤。

4.花点心思。

5.知道我可能有哪些疑问,并且给予解答。(是真正的常见问题列表;保持更新;保持坦率)

6.为我提供协助,例如打印友好页面。

7.容易从错误中恢复。

8.如有不确定,记得道歉。



第11章 可访问性、级联样式表和你


(正当你觉得已经完成时,一只猫掉了下来,背上捆着涂了奶油的面包)

开发人员和设计师们所害怕的:

1.更大的工作量。

2.设计折衷。

真正的解决方案——和以前一样——还需要时间

现在就能正确实施的五件事:

1.改正让所有人感到混淆的可用性问题

2.读一篇文章(希望用耳朵扫描)

3.看一本书

4.开始使用级联样式表

5.去摘够得着的果子

(为每张图片增加alt文本;让你的表单配合屏幕阅读器;在每页的最前面增加一个“跳转到主要内容”的链接;让所有内容都可以通过键盘访问;如果没有充分的理由,不要JavaScript脚本语言;

使用客户端(而不是服务器端)的影像地图。



第12章  当好人遇到不好的设计决策


为您的网站增加“注意力吸引点”

我并不是在反对打破规则,也不是反对对它们进行改造,我知道也有些网站希望自己的界面能让人们思考,让他们迷惑不解,或者挑战他们。只要确定你知道你在改造哪些规则,而且你至少认为你有充分的理由改造他们就行了。

你可能感兴趣的:(《点石成金》读书笔记-Penta Kill团队)