网页设计中可用性的几个规律

发布日期: 2019-06-18

很著名的Krug网页设计可用性三大定律（原版）

1. 别让我思考(Don't make me think，终极法则 )；
2. 要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择；
3. 去掉每个页面上一半的文字，然后把剩下的文字再去掉一半。

这个定律是Krug在《Don’t make me think》这本书中提出的，它描述的是Web设计的游戏规则，可能会玩游戏的有不少，但是真正清楚理解游戏规则的有几个？能把游戏规则说清楚的，更是寥寥无几。

一、 别让我思考
Web可用性也称为网站的易用性，是用来衡量用户使用网站时所获得的体验质量的指标。网站的设计确保易用性和简洁，晦涩难懂的设计是大忌讳。 人们经常问“如果想确保网站容易使用，最重要的是什么？”答案很简单，既不是“重要的内容放在两次点击以内”，也不是“采用用户的语言”，甚至也不是“保持一致”。而是“别让我思考！”。
这是最重要的原则，它意味着当我们看一个页面的时候，它应该是不言而喻，一目了然，自我解释的。
     别让用户思考的建议：
  ●  1、这是什么网站（Logo）
  ●  2、我在什么位置（网站导航，面包屑）？
  ●  3、当页名称叫什么？
  ●  4、他们把**放在什么地方了？
  ●  5、这个页面上最重要的是什么？
  ●  6、这个是否可以点击？
  ●  7、功能按钮名称表达正确吗？

二、要点击多少次都没关系，只要每次点击都是无须思考，明确无误的选择；

 作者给出了下面的经验准则：“三次无须思考、明确无误的点击相当于一次需要思考的点击。”因此我们需要知道的是，用户不希望在不关心的事情上耗费太多的时间和精力，如果他们做的事情是其感兴趣的，而且不需要去思考的，到达目的页面的点击次数在一定范围内并非页面可用性强弱的决定性因素。

home? professional? 到底哪个才是我要的呢？

设计本身是有温度的，若单纯地用数据结果来限制它的输出会使得设计失去它原本想要表达的东西。因此，设计不应该被数独游戏所束缚，而是站在用户角度上去思考问题。

用户观看页面大都是一扫而过的。网页设计最好为扫描设计，不为阅读设计。如果用户们都是疾驰而过，那么，你需要注意以下5个重要方面，来保证他们尽可能地看到了一并理解了你的网站：
  ●  1在每个页面上建立清楚地视觉层次
  ●  2尽量利用习惯用法。
  ●  3把页面划分成明确定义的区域。
  ●  4明显标识可以点击的地方。
  ●  5最大限度降低页面干扰（视觉噪声）。

我们认为精心准备的文字在用户看来更像以每小时100公里的速度驶过的广告牌。
  ● 第一个事实：我们不是阅读，而是扫描(我们总是处于忙碌之中，我们知道自己不必阅读所有内容，我们善于思考)
  ● 第二个事实：我们不作最佳选择，而是满意既可(大多数时间我们不会选择最佳选择，而是选择第一个合理的选择，满意既可)
  ● 第三个事实：我们不是追根究底，而是勉强应付(工作原理对我们来说并不重要，因为发现某个事物能用，我们会一直用它)

 优化方式一，目录查找，不断进入细分类目，直到找到想要的东西；方式二，直接搜索，从搜索结果中寻找想要的东西，所以在网站导航区提供一个搜索栏是非常必要的。

三、去掉每个页面上四分之三的文字

可用性第三定律：去掉页面上一半的文字，然后把剩下的文字再去掉一半。（减法法则）

a.降低页面的噪声；

b.让有用的信息更突出；

i.欢迎词需要被消灭，用户更喜欢开门见山;

ii.去掉多余的指示说明，不要什么用户须知

c.让页面更简洁，展示更多的内容。

除了这三点，其实还可以总结更多的几个特点和大家分享。

四、 不要在Web上做写作的艺术
有力的文字都很简练。句子里不应该有多余的文字，段落中不应该有多余的句子。同样，画上不应该有多余的线条，机器上不应该有多余的零件。
     去掉没有人会看得文字会有以下好处：
  ●  1可以降低页面噪声
  ●  2让有用的内容更加突出
  ●  3在页面更简短，让用户在每个页面上一眼就能看见更多的内容，而不必滚动屏幕

五、 网站导航和面包屑导航
1、如果在网站上找不到方向，人们会使用你的网站吗？
     持久导航应该包括的5个元素：
  ●  1、网站名称和地址
  ●  2、栏目内容
  ●  3、回首页方式（Logo点击或Home按钮）
  ●  4、搜索方式（Search）
  ●  5、实用工具（如关于我们、注册、帮助购物车、FAQ等）

2、当前页面名称是必须，并且要引人注目，而且名称要和点击的链接一致。

3、就像购物广场或者国家公园地图上的“您在这里”一样作用的“面包屑”
  ●  1、把它们放在最顶端
  ●  2、使用“>”对层级进行分割
  ●  3、使用小文字
  ●  4、使用了“您在这里”的文字
  ●  5、将最后一个元素加粗

4、标签是最优秀的导航结构之一

5、来做后备箱测试
因为现在很多人在网站上所做的第一件事情都是从Google或者Baidu搜索开始。所以你必须保证自己每个页面都是可以通过可用性测试。
  ●  1、这是什么网站？（网站名称和地址）
  ●  2、我在那个网站上？（网页名称）
  ●  3、这个网页的主要栏目有哪些？（栏目清单）
  ●  4、在这个层次上我有哪些选择？（本页导航）
  ●  5、我在导航系统的什么位置？（“您在这里”的指示）
  ●  6、我怎么搜索？

六、 首先要承认，主页不由你控制
  ●  1、站点的标识和口号（网站口号传达的是大概念）
  ●  2、站点层次
  ●  3、搜索功能
  ●  4、推荐导读
  ●  5、内容更新
  ●  6、友情链接
  ●  7、快捷方式
  ●  8、注册
  ●  9、让我看到自己正在寻找的东西
  ●  10、还有我没有寻找的
  ●  11、告诉我从哪里开始（无从下手的感觉糟糕透了）
  ●  12、建立可信度和信任感（别伤害我们的感情）

七、 可用性是基本礼貌
降低好感度的方式：
  ●  1、隐藏我想要的信息（电话、价格）
  ●  2、因为我没有按照你们的方式行事而惩罚我（表单提交）
  ●  3、向我询问不必要的信息
  ● 4、敷衍我，欺骗我（想想每次你听到“您的电话对我们来说很重要”的时候什么感觉吧！）
  ●  5、给我设置障碍（长长的Flash介绍）
  ●  6、你的网站看上去不专业

提高好感度的几种方式
  ●  1、知道人们在你的网站上想做什么，并让它们明白简易
  ●  2、告诉我我想知道的
  ●  3、尽量减少步骤
  ●  4、花点心思
  ●  5、知道我可能有哪些疑问，并且给与解答
  ●  6、为我提供协助，例如没有广告的打印（css控制）
  ●  7、容易从错误中恢复
  ●  8、如有不确定，记得道歉

关键词： 网页设计,深圳网站设计,web设计