当前位置: 首页 > 图文教程 > 网页制作 > 心得技巧 > 优秀网页设计中的易视性元素

心得技巧
CSS+DIV网页重构对比TABLE布局的显著优势
网站的主导航与面包屑导航
Webjx推荐40个优美时尚的Web设计英文字体
设计理论:WordPress博客导航设计技巧
设计理论:创意方法和技巧
网页表单设计中的反馈提示
对视觉设计作用的常见误解
microformat官方对于hCard的解释
Firebug的Console的用法
网页设计之用户确认页设计技巧
网页设计参考:博客底部设计
作品欣赏:非常棒的网站设计
Web2.0电子商务网站用户体验设计
面包屑网页导航设计参考实例和最佳方案
常见的无结果页面的交互设计
设计理论:网页中文字体排版设计
网站欣赏:大牌葡萄酒的网站设计
网页设计师参考:很棒很有灵感的网站
整理10个最好的中国大学网站设计
在别人的网页设计中寻找“高品质”

心得技巧 中的 优秀网页设计中的易视性元素


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2010-01-30   浏览: 125 ::
收藏到网摘: n/a

有没有碰上如此情况?你进入会议室,发现墙上的开关控制板有很多相同模样的按钮,你不知道那个开启灯光,那个控制投影机,你大概会采用“试误法”方法来探究每一个的功能,尽管这过程只会花少于10秒,但关键是为甚么我们要站在开关控制板旁边,像傻瓜般不断尝试,忍受由劣质设计所带来的苦果。

Donald A. Norman (《设计&日常生活》的作者) 提及优良设计其中一个必须元素是“易视性”。易视性就是当你看见工具或仪器的外观,便会知道如何使用及操作,外观能实时给予指引;例如,你站在商场的入口大门,假如大门没有扶手,又或扶手在门的另一面,你立刻便意识到如何开启这扇门,就是“推开”!这就是易视性,我们只要看一眼,便懂得如何使用某件东西。

易视性提醒用户开关控制板的各按钮具备甚么功能及如何使用。说回大门的例子,扶手揭示了开启的方法,而没有扶手便传递了执行的信息:推开。优良设计会考虑易视性和人门的习惯行为,这样,人们使用这些仪器前便不需要学习。

与实物比较,网页易视性看来比较容易达成。登录网站后可采取的动作有限,包括点击、卷动和键入。任何一本网页可用性书籍也会提及这些规则,例如利用蓝色文字、突起按钮作为点击诱因,长文章要使用卷动杆,而键入位置则要长方型格子。这些法则愈见普及和通行,但你有没有质疑这些法则呢?我以为“蓝色文字作为点击诱因”,是经过学习和错误而达成,与易视性没有关系。颜色是世界通行,大部分人觉得蓝色是冷,但颜色也是很个人化,我那个讨厌的老板就十分喜欢蓝色,因此我抗拒蓝色。蓝色与诱使点击似乎是风马牛不相及,我以为它是经过用户长期训练和辨识,才演变成“网页诱使点击的颜色”,也许我会认为,蓝色文字是透过集体认受才发展成为系统图象。

返回会议室的开关控制板,我想要快捷分辨灯光和投影机按钮的方法是,将它们放置在不同的控制板上,一般情况下,会议室的灯光一定比投影机多,当你发现开关控制板上有多于一个按钮,大概是控制灯光。看见,然后明白其功能,并能实时使用,这就是易视性所能做到。

你对易视性有甚么看法?易视性怎样更好应用在网页设计上呢?