首 页  -  技术分享  - 以访客至上的网页设计(三)

以访客至上的网页设计(三)

分享者:     2016-02-19

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

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

 

广告牌设计101法则

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

 

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

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

尽量利用习惯用法

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

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

l  最大限度的降低干扰

 

 

 

习惯用法是你的好帮手

 

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

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

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

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

 

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