预设用途在网站的设计中同样重要..
有不少朋友在说“产品设计的很多易用性原则不适用于网页设计”..
最近有朋友在跟我诉苦说 网站易用性无法开展的问题 或者是无从着手…
昨天有朋友问我“觉得网站链接的设计方式怎么表现更合理更好看?”,他说现在领导们过于注重“设计的好看不好看”,导致他们发现自己做出来的网站用户在使用过程中用起来有点云山雾罩.
最近一段时间我也成天在网上转悠,同样发现了很多这样的问题。比如,很多网站上边一些LINK的表现方式现在就是千奇百怪让用户不知道哪里是可点那里是不可点的,出现了很多不合理或者不符合用户习惯的设计。
于是我跟他谈到了“预设用途”,个人觉得:“预设用途在网站的设计中同样重要,特别是在视觉的设计中。”
首先来说说什么是预设用途:
记得 Norman 在“设计心理学” 一书中提到过(应该是第一章,我只记得大致内容):
预设用途是产品被人们认为具有的性能及其实际上的性能,主要是指那些能够决定产品可以用来干什么的基本性能。
还举了一个英国铁路候车棚刚开始采用强化玻璃作外板时经常被砸碎,后来采用了三合板,结果破坏行为明显减少(没人去砸了, 但却开始有人在上边写上一些字)。
然后还说到了一些基本的常见预设线索:比如平板的是用来推的、圆的是用来转的、狭长的方孔是用来插的,球是用来抛掷或者弹跳的..
并总结道:如果产品的预设用途在设计中可以有合理的体现和利用,用户就很容易理解如何使用而无需看什么图解和说明。
接下来他在概念模型中还说到了:产品的表面结构特别是他的预设用途和限制条件可以很好的让用户了解物品的使用方法。
又说到了剪刀的预设用途就很好,用户一看就明白怎么去用。 而电子表的预设设计就不行,侧面的两个调节钮用户一下子根本不明白怎么去用或者这个钮在使用的过程中到底会产生什么样的后果。
并幽默的给了一个很有趣的例子,如下图:
诺曼双人自行车 ——
当然我们更应该能够想到,滥用预设用途一样会给用户带来危险..
再看看网站中的一些设计:
文字链接——
首先请看看这个 http://www.cctv.com/program/dialogue/01/index.shtml
(打开截图)。
两个问题:1、不要动你的鼠标,猜一下这个页面那些地方是有链接的那些地方是没有链接的。如果你的答案超过80%正确,说明这个网站当初是你做的。
2、你知道点哪里可以回去CCTV的首页么?如果你说知道,那你一定是在扯淡!
一看就明白了,有下划线的是LINK,那个没有下划线的是没有链接的
猜猜看,“【草根堂】” 这个地方是有链接的还是没有? 答案:有。
(至少我自己一眼没有猜出来,是把鼠标放上去之后才知道这个地方也有链接的)
更多的预设设计——
基本上大部分用户都知道这是一个标签,现在默认是“网页”这个选项,将来的搜索会是“网页”的结果,点击“新闻”那么将来的搜索结果就会是“新闻”的结果。
你知道在这里“新闻”两个字点下去的结果么? 答案:是蹦到了另外一个网页!
点已给“公司库”你知道会是什么样么? 答案:跑到了另外一个网页!
要是没有那个功能就别做成那种设计嘛,这样玩很危险地!长期下去每个地方都得想想后果再点,我会成精神分裂的..(就跟每次进肯德基我都要“小心地滑”一样:滑不滑都告诉我地滑,天天去肯德基你将来肯定会精神分裂!)
此行为属于明显的迷惑观众,简直比张柏芝在无极中用三个垫胸的行为还要还对不起观众!
这个“其他功能”是能用的,虽然俺字是黑的,但俺整个控件是可用的状态呀。起码我还有点东西在呢,你看下边这个才XX呢..
你知道这个google的搜索能不能用么? 答案:能用。
你要敢说他不能用人家一定会跟你狡辩:虽然俺是灰色的,虽然俺长的好像不能用,其实俺能用,点一下就知道了…
这是以前为某公司组织的一次适应性评估中, 臭鱼给我提交的报告。摘取其中两个和此话题有关的条目。
我想我需要继续解释:首先——“天空下载和“速度极快”是同一个链接,还有——“天空下载 速度极快”和“搜索”虽然挨得那么近但是他们没有任何近亲关系甚至连亲戚都不是,一个是搜索功能,一个是文字广告! (别问我问什么在这个地方放这个一个广告!“我的地盘我做主”! 而且放在这里会勾引很多人去点,点错的人越多我收的钱不就越多么?)
你知道上边那个类似箭头的“﹥”是什么嘛?
答案:不是什么路径导航! 人家是一个小装饰而已,
kao!这年头无极那种垃圾都能算去奥斯卡丢中国的人,这个小箭头我还不是想放哪里就放哪里嘛!
举例到此为止,再说该有人砍我了.. [12]
[16] 其实我想说的这有这么几句:
1、好的预设用途设计可以让用户很清楚的知道产品用法。
2、利用不好预设用途你就需要写说明文件或者得让用户多走弯路。(诺曼说过:当产品必须贴上使用说明时,那么他的设计很糟糕。)
3、乱用预设用途就是谋杀用户。
4、哪些才算是预设用途?有没有什么判断标准? 这个俺也不知道,还是想办法问用户好了 。
5、产品的细节设计一样重要,不是只有用户流程才重要。
6、网站的设计和所有的设计一样都需要遵循一些易用性原则。易用性是在所有领域通用的。因为用户在用你的产品时需要的是“很爽的完成任务”。
[8] 对了,还要感谢一下WINDY! (为什么感谢?)
关于可以点击的内容,是否需要underline ? 这个问题,我弄不大清楚。在《Don't make me think》这本关于网站可用性的著作中,作者明确提出要使用underline来提示用户,哪些内容是可以点击的。但是,国外很多大的新闻网站,并不是这么做的。比方说雅虎(www.yahoo.com),MSNBC(www.msnbc.com) 和Foxnews(www.foxnews.com).
并不说非得要 underline
只是说你的网站起码应该有一个自己的“准则”,让用户能看明白(或者说猜明白)那里是有LINK的 那里是没有LINK的
比如GMAIL的这个 http://uicom.net/blog/attachments/200602/20_155657_12.jpg
你就很明白蓝色的有LINK,不用拿鼠标试..
而 http://uicom.net/blog/attachments/200602/20_151323_4.jpg
你就看不出来“【草根堂】” 这地方是有链接的。
很多朋友看到后跑到MSN上跟我抱怨说“行业标准太难实现了”“没有行业标准这个东西很难理想化”。其实不然,如果你自己的网站有套可以让大多数用户看明白的标准原则,也一样是可行的。 当然如果有个行业标准那该多好呀..
还是那句话:UCD很大程度上也是态度的问题。 如果你考虑用户的思维,哪怕有很多的阻力和现实条件,你也一定会做的至少更好那么一点。当然不能说你就能做到最好..
在单个页面上,如果并存多种标示连接的办法,会对用户产生困惑。
不一定要用下划线来表示link,但是在同一个网站上,你要告诉用户一个link的定义,并且在你的网站里实施。
这文章不错,很受用,实践实践去。
o(∩_∩)o…哈哈 学到不少 收益不少 开心不少!
页面内标签切换确实不适合做成打开新页面的模式,还有目前国内有些网站的标签做成当鼠标移过去就会自动切换,这种体验感觉不好,因为用户的鼠标可能是在界面内随意移动的,在鼠标移动过程中页面内容发生变化会让用户感到疑惑
06年的老文章,看起来却是很爽。
实在,幽默,虽然我觉得这两个词有点不搭,
但这是我看了以后的感觉。
文中提到的是个问题,
但是很多情况下问题出在门户或者权威身上,那就只有去习惯吧。
呵~
[…] 6、退一万步说,就算我们需要“欢迎页”,那么除了品牌展示我们还必须提供的就是“入口”。因为用户最终还是需要进入具体的网页里。所以,入口一定要明显且可以直接选择。 比如,一些企业网站上来就放一个大动画,连“跳过”都没有,必须看完才能进去。这太强暴。 比如,海南大学的这个作品,入口是一个藏在“夹缝”中的“进入首页>>”。这很失败。 比如,广西工学院的这个作品,欢迎页作了一个挺不错的图片切换效果,“进入主页”的文字链接却在最下面,第一屏根本看不到,不是找不到就是需要拖动滚动条。这有点过。 比如,广东海洋大学的这个作品,入口是红色加粗的文字,设计者大概会认为“这很明显”,但用户其实很可能第一意识“根本不会想到这是链接”,预设用途表现的很差。设计者有点想当然。 […]
关于搜狐的例子:搜狐主页上的所有字都是链接(底部个别除外),故不存在问题
christian louboutin heels alongside the other first lady gowns.The minimalist designer offered silk shirts primly buttoned at the neck in shimmering blue and green, as bright as that of a circus juggler.These accept shoe designer become the hot favorites, abnormally a part of the youngsters, who adulation them because of their contemporary designs and absurd comfort.christian louboutin at barneys and we have absolutely no idea why.The RV campgrounds of national forests come with basic facilities.Strauss is a very capable operator but is not in Best’s cl.
cussions, blogs, sites communautaires.”It’s my understanding that song will not be part of the ‘moving christian louboutin rollerball loafers up’ ceremony as well.While in the ABC studios on Saturdays, he leaves the radio on in his “Space Cab” ute parked nordstrom christian louboutin nearby for the benefit of his four dogs.Some carry a tent but these seem few in number, maybe to be spared the extra weight and a hard night under christian louboutin men sneakers the stars or maybe because the journey itself is also about gathering with other pilgrims by day and night wherever you finally rest your pack.TOWIE is going li.
o will be a sure way to communicate that you’re into the date and ensure a good time is had by the both of you.His unbeaten 84 was invaluable in maintaining a slight advantage for Pakistan but it also encompassed christian louboutini enough moments that instill some hesitancy in anointing him as the chosen one.Cité du discount christian louboutin Vatican (Saint-siège).He should have a defined area to play in, and it should be clear to him as to where it is that he should be christian louboutin maggie pumps playing, also tell him that it is.
Inspiration is something we re.
your christian louboutin maggie pumps doctor before having any of these treatments and be safe, not sorry.Because foyer size and location can vary so much from home to home, it is important to first assess your space before planning your decorating ideas.Stanley Kerns christian louboutin red bottoms “All links will be removed from comments” – Huh.christian louboutins edonijas.Reflect on the awesome power of an economic system capable of producing the almost Willy Wonkian construct: limousines filled with children.I currently have left it sitting at “loading your personal settings” while im at work to see if it will boot up eventually, i.