以访客至上的网页设计

Posted 2020-06-14

阅读过Steve Krug 所著的《Don‘t make me think》-访客至上的的网页设计秘笈，从中学到了很多交互设计方面的知识，在这里和大家分享。

之前写过一章，“我们是如何使用Web”的，今天我们来说一下广告牌/banner设计的要点。上次讲了第一个：在每个页面“建立清楚的视觉层次”，这次继续“尽量利用习惯用法”

 

广告牌设计101法则

未扫描设计，不为阅读设计

 

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

l  在每个页面建立清楚地视觉层次

l  尽量利用习惯用法

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

l  明显标示可以点击的地方

l  最大限度的降低干扰

 

 

 

习惯用法是你的好帮手

 

在我们小的时候，不需要人教，我们就学会了看报纸。不是因为识字，而是因为习惯用法的缘故。

                       

例如，我们知道，字体很大的一个短语通常是一个标题，他概括了旗下的新闻故事；一张照片下面的文字要么是一个解释这张照片的内容的说明，要么，如果字体非常小那是照片拍摄者的署名。

 

我们知道，了解报纸版面的布局和格式的不同习惯用法能让我们更快、更容易地扫描报纸，找到我们感兴趣的新闻故事。还有，当我们到别的城市旅行时，我们知道所有的报纸都采用差不多的习惯用法（略有差别），因此，了解这些习惯用法可以很容易的阅读任何报纸。

 

每一种出版媒体都在发展自己的习惯用法，并不断地改进这些用法，形成新的习惯用法（想想几年前你在电视屏幕一角看到的表示正在收看的频道的标志，他现在已经随处可见了。但是，电视才出现几十年而已。）Web上延续过来的，而新的习惯用法也在不断涌现。

 

所有的习惯用法都是从某个人灵光一现的想法开始的，如果这个想法相当不错，其他站点就会效仿，最终，会有足够多的人在足够多的地方见到它，让它变得不言而喻。这个采用过程是需要时间的，但是和其他食物一样，放在因特网上，它会发展得非常快。例如，现在很多人都熟悉电子商务，站点上的购物车及其他使用方法，因此，设计师们可以放心的使用一个购物车图标，而不及加上“购物车”的文字说明。

 

关于Web上的习惯用法，有两点非常重要：

 

l  它们非常有用。通常，习惯用法因为有用才会成为习惯用法。适当应用的习惯用法，会使用户在网站之间的访问更容易，不需要花费额外的努力来得到背后的工作原理。

 

这样保证了一种熟悉感，例如，现在看到页面左边直达底部彩色背景区域上，有着网站分类清单的链接时，哪怕有时候这种熟悉感也会让你感到某种似曾相识的单调乏味。

 

l  设计时通常不愿意利用他们。和使用习惯用法相比，设计师们都面临着很大的诱惑，想要重新发明轮子很大程度上是因为他们觉得（这样觉得没错）网站是请他们来做一些崭新的、与众不同的设计，而不是使用那些原有的东西。（更不用说，来自同行的赞扬、各种奖励和高级职位很少会因为“习惯用法用的最好”而获得。）

 

有时候，用在重新发明轮子上的时间足以制造一种全新的滚动设备，但是有时候，这只会让用在重新发明轮子上的时间又增加了而已。

 

 

 

如果不打算使用一种已有的web习惯用法，你必须确认你再试试用一种：

1-       同样清楚，同样不言而喻，没有学习曲线的方法，这就跟习惯用法一样好了；

2-       带来很大的价值，因此值得用户付出一点努力来学习的方法。如果打算创新，那么你必须理解你准备换用的方法的价值，而很多设计师都低估了习惯用法的价值。

 

我的建议是，在你清楚自己有一个更好的想法（每个看的的人都会惊呼“哇！”）时进行创新，否则请尽量利用习惯用法。