预设用途在网站的设计中同样重要..

本文通过多个实例探讨了预设用途理论在网站设计中的应用,强调了良好的预设用途设计对于提升用户体验的重要性,并指出乱用预设用途的危害。
 
[ 2006-02-20 14:05:54 | 原作者: 白鸦 ]
 
attachments/200602/20_145011_1.jpg

有不少朋友在说“产品设计的很多易用性原则不适用于网页设计”..
最近有朋友在跟我诉苦说 网站易用性无法开展的问题 或者是无从着手...

昨天有朋友问我“觉得网站链接的设计方式怎么表现更合理更好看?”,他说现在领导们过于注重“设计的好看不好看”,导致他们发现自己做出来的网站用户在使用过程中用起来有点云山雾罩.
最近一段时间我也成天在网上转悠,同样发现了很多这样的问题。比如,很多网站上边一些LINK的表现方式现在就是千奇百怪让用户不知道哪里是可点那里是不可点的,出现了很多不合理或者不符合用户习惯的设计。
于是我跟他谈到了“预设用途”,个人觉得:“预设用途在网站的设计中同样重要,特别是在视觉的设计中。”
 

首先来说说什么是预设用途:
 
记得 Norman 在“ 设计心理学” 一书中提到过(应该是第一章,我只记得大致内容):
预设用途是产品被人们认为具有的性能及其实际上的性能,主要是指那些能够决定产品可以用来干什么的基本性能。
还举了一个英国铁路候车棚刚开始采用强化玻璃作外板时经常被砸碎,后来采用了三合板,结果破坏行为明显减少(没人去砸了, 但却开始有人在上边写上一些字)。
然后还说到了一些基本的常见预设线索:比如平板的是用来推的、圆的是用来转的、狭长的方孔是用来插的,球是用来抛掷或者弹跳的..

并总结道: 如果产品的预设用途在设计中可以有合理的体现和利用,用户就很容易理解如何使用而无需看什么图解和说明。

接下来他在概念模型中还说到了:产品的表面结构特别是他的预设用途和限制条件可以很好的让用户了解物品的使用方法。
又说到了剪刀的预设用途就很好,用户一看就明白怎么去用。 而电子表的预设设计就不行,侧面的两个调节钮用户一下子根本不明白怎么去用或者这个钮在使用的过程中到底会产生什么样的后果。

并幽默的给了一个很有趣的例子,如下图:
诺曼双人自行车 ——
attachments/200602/20_145028_2.jpg

 
 
 
 
当然我们更应该能够想到,滥用预设用途一样会给用户带来危险..  
 
  
 

 
再看看网站中的一些设计:
 

文字链接——

首先请看看这个  http://www.cctv.com/program/dialogue/01/index.shtml 
打开截图)。
两个问题:1、不要动你的鼠标,猜一下这个页面那些地方是有链接的那些地方是没有链接的。如果你的答案超过80%正确,说明这个网站当初是你做的。
     2、你知道点哪里可以回去CCTV的首页么?如果你说知道,那你一定是在扯淡!
  
 

attachments/200602/20_151042_3.jpg

一看就明白了,有下划线的是LINK,那个没有下划线的是没有链接的
 
 
 
attachments/200602/20_151323_4.jpg

猜猜看,“【草根堂】” 这个地方是有链接的还是没有? 答案:有。
(至少我自己一眼没有猜出来,是把鼠标放上去之后才知道这个地方也有链接的)
 
 
 
 
更多的预设设计——
 
attachments/200602/20_151723_5.jpg

基本上大部分用户都知道这是一个标签,现在默认是“网页”这个选项,将来的搜索会是“网页”的结果,点击“新闻”那么将来的搜索结果就会是“新闻”的结果。
 
 
 
attachments/200602/20_152037_6.jpg

你知道在这里“新闻”两个字点下去的结果么? 答案:是蹦到了另外一个网页!
 
attachments/200602/20_153605_8.jpg

点已给“公司库”你知道会是什么样么? 答案:跑到了另外一个网页!
 
要是没有那个功能就别做成那种设计嘛,这样玩很危险地!长期下去每个地方都得想想后果再点,我会成精神分裂的..(就跟每次进肯德基我都要“小心地滑”一样:滑不滑都告诉我地滑,天天去肯德基你将来肯定会精神分裂!)
此行为属于明显的迷惑观众,简直比张柏芝在无极中用三个垫胸的行为还要还对不起观众! 
 
 

 
attachments/200602/20_155657_12.jpg

这个“其他功能”是能用的,虽然俺字是黑的,但俺整个控件是可用的状态呀。起码我还有点东西在呢,你看下边这个才XX呢..

attachments/200602/20_153116_7.jpg

你知道这个google的搜索能不能用么? 答案:能用。
你要敢说他不能用人家一定会跟你狡辩:虽然俺是灰色的,虽然俺长的好像不能用,其实俺能用,点一下就知道了... 
  

 
attachments/200602/20_153937_9.jpg

这是以前为某公司组织的一次适应性评估中, 臭鱼给我提交的报告。摘取其中两个和此话题有关的条目。
 
 
 
attachments/200602/20_154309_10.jpg

我想我需要继续解释:首先——“天空下载和“速度极快”是同一个链接,还有——“天空下载 速度极快”和“搜索”虽然挨得那么近但是他们没有任何近亲关系甚至连亲戚都不是,一个是搜索功能,一个是文字广告! (别问我问什么在这个地方放这个一个广告!“我的地盘我做主”! 而且放在这里会勾引很多人去点,点错的人越多我收的钱不就越多么?)
 
 
 
attachments/200602/20_154956_11.jpg
 
你知道上边那个类似箭头的“﹥”是什么嘛?
答案:不是什么路径导航! 人家是一个小装饰而已, 
kao!这年头无极那种垃圾都能算去奥斯卡丢中国的人,这个小箭头我还不是想放哪里就放哪里嘛!
  
 
 
  
 
举例到此为止,再说该有人砍我了.. [12]
 
 
[16] 其实我想说的这有这么几句:
1、好的预设用途设计可以让用户很清楚的知道产品用法。
2、利用不好预设用途你就需要写说明文件或者得让用户多走弯路。(诺曼说过:当产品必须贴上使用说明时,那么他的设计很糟糕。)
3、乱用预设用途就是谋杀用户。
4、哪些才算是预设用途?有没有什么判断标准? 这个俺也不知道,还是想办法问用户好了 。
5、产品的细节设计一样重要,不是只有用户流程才重要。
6、网站的设计和所有的设计一样都需要遵循一些易用性原则。易用性是在所有领域通用的。因为用户在用你的产品时需要的是“很爽的完成任务”。

 
 

转载于:https://www.cnblogs.com/savageworld/archive/2006/08/14/476258.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值