kisso 2008-1-3 15:39
网站的预设用途（原创）
以前把精力过多的投入于页面的设计，结果，美观没有做好，反而丢到很多页面设计中必须考虑到的细节。
很多的设计师都有同样的苦恼（当然这些具体指的是功能性网站的设计师，至于展示性网站就不包含于此）：客户很多的时候只是注意网站的美观性，根本不考虑这些网站在实际中的易用性。这些会造成一些非常头疼的问题，大多数用户在使用功能性网站的时候，通常对它的第一印象就是设计的美观性，这一点是没有疑问的，但是很快，他们会把注意力转向到网站的功能的使用上，归根结底，用户是在使用这些网站某些对他有用的功能，至于页面的美观，则是满足了其使用欲望之后才起到锦上添花的作用。
经常有设计师别出心裁的将一些我们已经习惯的元素做一些艺术上的变化，但是却造成了一些不合理或者不符合用户习惯的设计。
举个例子，昨天下午和朋友在家门口的佛兰德超市去买剃须刀，进去找了好一会儿没找着，超市顶上的指示牌分得非常详细，但是我实在不知道剃须刀放在什么地方，于是就问货售员，原来超市根本没有剃须刀卖，多亏没有傻了吧几的一直找。
这让我想到一个问题，在网站的设计中，导航栏以及搜索引擎其实就像超市的指示牌以及货售员一样，让用户在最短的时候内找到他们所需要的资源或信息，离不开这两种引导方式。
这似乎已经
形成一种用户习惯，因此我们有必要搞清楚用户什么时候需要导航，什么时候需要搜索。
适当的引导用户，这其实就是Norman 在设计心理学中提到的“预设用途”。
预设用途是产品被人们认为具有的性能及其实际上的性能，主要是指那些能够决定产品可以用来干什么的基本性能。
里面有举到这样的例子：一个英国铁路候车棚刚开始采用强化玻璃作外板时经常被砸碎，后来采用了三合板，结果破坏行为明显减少（没人去砸了，但却开始有人在上边写上一些字）。
然后还说到了一些基本的常见预设线索：比如平板的是用来推的、圆的是用来转的、狭长的方孔是用来插的，球是用来抛掷或者弹跳的.
如果产品的预设用途在设计中可以有合理的体现和利用，用户就很容易理解如何使用而无需看什么图解和说明。
这时候，其实就明白我要说什么了。从用户的理解以及认知的一种广意的角度去设计符合他们使用以及操作习惯网站，才能使他们在最快的时间内上手，预设用途，其实就是为了使网站的易用性得到优化。
最经典的例子就是网页链接的 “underline”了，大家看下面的图：
[url=http://www.edgetime.com.cn/1/uploads/200711/20_111612_1.jpg][img]http://www.edgetime.com.cn/1/uploads/200711/20_111612_1.jpg[/img][/url]
新浪的页面，看看人家的underline，虽然有的时候不是很美观，但是只需要看一眼，就知道哪些地方可以点，哪些不可以，这就是标准。
[url=http://www.edgetime.com.cn/1/uploads/200711/20_111618_2.jpg][img]http://www.edgetime.com.cn/1/uploads/200711/20_111618_2.jpg[/img][/url]
网易的underline，鼠标指上去，就会出现underline，不仅是这一块，而是整个版面都是如此。
[url=http://www.edgetime.com.cn/1/uploads/200711/20_111622_3.jpg][img]http://www.edgetime.com.cn/1/uploads/200711/20_111622_3.jpg[/img][/url]
这是某网站的截图，反面教材，你知道哪里能点，哪里不能点么？你要是说知道，那么这个网站肯定就是你做的。
并不是说链接非得用 underline，这三个例子是三种典型，新浪的页面中，几乎所有的可点击链接都有underline,虽然可能会丑点，但是人家就是要这种标准；网易的都链接则有不同，只有鼠标放上去时候才会有underline，同样，这也是一个标准。
至于下面的这个页面，则是让人有点摸不着头脑，哪里可以点击？你自己试试吧，别问俺，头疼。
我的意思是，并不是所有的链接都要变成underline，但是至少你要装的和那些不能点击的东西稍微有点区别，别让你的用户摸不着头脑。
很简单，有的时候对于网站设计来说“创新是一种耻辱”，不要试图去改变你的用户长久以来积累的习惯，因为他们已经习惯了平板的是用来推的、圆的是用来转的、狭长的方孔是用来插的，球是用来抛掷或者弹跳的。
从用户的角度出发设计，这才技高一筹。
以上只是个人观点，正在学习中………………
kisso 2008-1-3 15:43
预设用途
以前把精力过多的投入于页面的设计，结果，美观没有做好，反而丢到很多页面设计中必须考虑到的细节。
很多的设计师都有同样的苦恼（当然这些具体指的是功能性网站的设计师，至于展示性网站就不包含于此）：客户很多的时候只是注意网站的美观性，根本不考虑这些网站在实际中的易用性。这些会造成一些非常头疼的问题，大多数用户在使用功能性网站的时候，通常对它的第一印象就是设计的美观性，这一点是没有疑问的，但是很快，他们会把注意力转向到网站的功能的使用上，归根结底，用户是在使用这些网站某些对他有用的功能，至于页面的美观，则是满足了其使用欲望之后才起到锦上添花的作用。
经常有设计师别出心裁的将一些我们已经习惯的元素做一些艺术上的变化，但是却造成了一些不合理或者不符合用户习惯的设计。
举个例子，昨天下午和朋友在家门口的佛兰德超市去买剃须刀，进去找了好一会儿没找着，超市顶上的指示牌分得非常详细，但是我实在不知道剃须刀放在什么地方，于是就问货售员，原来超市根本没有剃须刀卖，多亏没有傻了吧几的一直找。
这让我想到一个问题，在网站的设计中，导航栏以及搜索引擎其实就像超市的指示牌以及货售员一样，让用户在最短的时候内找到他们所需要的资源或信息，离不开这两种引导方式。
这似乎已经
形成一种用户习惯，因此我们有必要搞清楚用户什么时候需要导航，什么时候需要搜索。
适当的引导用户，这其实就是Norman 在设计心理学中提到的“预设用途”。
预设用途是产品被人们认为具有的性能及其实际上的性能，主要是指那些能够决定产品可以用来干什么的基本性能。
里面有举到这样的例子：一个英国铁路候车棚刚开始采用强化玻璃作外板时经常被砸碎，后来采用了三合板，结果破坏行为明显减少（没人去砸了，但却开始有人在上边写上一些字）。
然后还说到了一些基本的常见预设线索：比如平板的是用来推的、圆的是用来转的、狭长的方孔是用来插的，球是用来抛掷或者弹跳的.
如果产品的预设用途在设计中可以有合理的体现和利用，用户就很容易理解如何使用而无需看什么图解和说明。
这时候，其实就明白我要说什么了。从用户的理解以及认知的一种广意的角度去设计符合他们使用以及操作习惯网站，才能使他们在最快的时间内上手，预设用途，其实就是为了使网站的易用性得到优化。
最经典的例子就是网页链接的 “underline”了，大家看下面的图：
[url=http://www.edgetime.com.cn/1/uploads/200711/20_111612_1.jpg][img]http://www.edgetime.com.cn/1/uploads/200711/20_111612_1.jpg[/img][/url]
新浪的页面，看看人家的underline，虽然有的时候不是很美观，但是只需要看一眼，就知道哪些地方可以点，哪些不可以，这就是标准。
[url=http://www.edgetime.com.cn/1/uploads/200711/20_111618_2.jpg][img]http://www.edgetime.com.cn/1/uploads/200711/20_111618_2.jpg[/img][/url]
网易的underline，鼠标指上去，就会出现underline，不仅是这一块，而是整个版面都是如此。
[url=http://www.edgetime.com.cn/1/uploads/200711/20_111622_3.jpg][img]http://www.edgetime.com.cn/1/uploads/200711/20_111622_3.jpg[/img][/url]
这是某网站的截图，反面教材，你知道哪里能点，哪里不能点么？你要是说知道，那么这个网站肯定就是你做的。
并不是说链接非得用 underline，这三个例子是三种典型，新浪的页面中，几乎所有的可点击链接都有underline,虽然可能会丑点，但是人家就是要这种标准；网易的都链接则有不同，只有鼠标放上去时候才会有underline，同样，这也是一个标准。
至于下面的这个页面，则是让人有点摸不着头脑，哪里可以点击？你自己试试吧，别问俺，头疼。
我的意思是，并不是所有的链接都要变成underline，但是至少你要装的和那些不能点击的东西稍微有点区别，别让你的用户摸不着头脑。
很简单，有的时候对于网站设计来说“创新是一种耻辱”，不要试图去改变你的用户长久以来积累的习惯，因为他们已经习惯了平板的是用来推的、圆的是用来转的、狭长的方孔是用来插的，球是用来抛掷或者弹跳的。
从用户的角度出发设计，这才技高一筹。
elviscai 2008-1-3 15:53
这里面有一个分工的问题
就是关于“设计”这个角色究竟应该做哪些事情……
现在的大网站通常会把设计拆成两部分：[wiki]UI[/wiki]和UE，其中UI更接近传统的网页设计，主要负责页面的视觉效果；UE则做交互——甚至会包括页面宽度、标题长度等设置。
至于标准，则是二者配合制定的。
另外，underline其实和美丑没有直接关系，一方面是用户群体的审美程度，一方面则是UI的水准。
关于预设用途，可以看看白鸦的这篇：[url]http://uicom.net/blog/article.asp?id=196[/url]
kisso 2008-1-3 21:24
呵呵,其实这篇文章就是在看完白鸦的这个BLOG之后写的相当于个人学习心得.
预设用户感觉其实还是受两个方面的约束:1\不同用户养成的个人审美以及辨别事物的能力及习惯 2\行业的标准化....
张晋 2008-1-6 11:59
文章很好！可是在现实操作的过程中，预设的可能用不上，需要用上的又没有预设，从头来又感觉太麻烦，而且会连现在的都没有。希望高人们多写一些，让俺长一点先见之明
