设计一个可用性高的网站
设计一个可用性强的网站,对任何一个设计者来说都不失为一个雄心勃勃的目标。为了
完成这一目标,作为有经验的设计师,我们采取的每一步都应该使我们的网站更加接近用户
的预期,这是一个缓慢的过程我们现在采用逐步递增的方式实现并测试我们的设计,直到我
们达到这个整体目标这与过去网站和网络应用的设计方式有所不同。
一般来说,在网站设计、开发和发布后,可用性专家会帮助网站的主人使网站的界面达
到用户的预期在网站发布后发现界面错误,通常是一件极其槽糕的事情。在这个阶段修复界
面错误,代价可能是高昂的。因此,把可用性的操作知识铭记在心,分阶段设计、及早测试
和经常测试是非常重要的。
如果一个设计师乐于向你提供反馈,你相当于在购物的同时获得了奖励积分但是请记住,
设计师的意见并不是用户的意见.、要与用户保持一致,我们必须不仅仅专注于网站的外观,
而这很难做。
为了把事情复杂化,现代的网站迅速变成了多面结构体相互竞争的网站通常提供相似的
功能,但是只有提供了最佳用户体验的那一个才会胜出这是网站前进的方向,也是网站设计
的一种进化。
创建非凡的用户体验需要一点点技巧、一点点运气和一系列细节性的工作。那些细节就
是你的用户会反复留意的东西。同时,他们容易忽略用户体验领域所包含的很多相关原则,
比如视觉设计、信息构建和可用性分析。
用户如何思考?
用户上网的习惯与顾客逛商店的习惯基本上没有太大的不同。他们以访客的目光浏览每
个新页面,扫视某些文本,然后点击第一个让他们感兴趣的或是大体上与他们正在寻找的东
西类似的链接。实际和有大量网页他们几乎不看一眼。
很多用户寻找有趣的或有用的而且可点击的东西。当一个令人振奋备选项被发现时,用
户就会点击如果打开的新页面没有达到他们的预期,他们就会点击“后退”按钮,并继续搜
索。
●用户重视质量和可靠性。如果他们看到高质量的内容,他们通常愿意忍受广告和糟
糕的设计。这就是为什么多年来,那些设计平庸而内容优良的网站会获得许多流量的原因。
内容本身比用来支撑它们的设计更为重要。
●用户不会阅读,而会扫视。当他们分析一个网页时,他们通常会寻找一些能够帮助
他们略过页面其他内容的固定点或是锚点。
●网站用户是没有耐心的。如果一个网站没有达到月户预期,设计者就没有成功完成
他的工作,公司就会蒙受损失。用户处理一个网站的信息所需认识负荷越高、导航的直观性
越差,用户就越容易离开,寻找其他替代的网页。
●用户并非总会做出最佳的选择。他们并非总是探寻如何以最快的方式查询想要的信
息他们也不会以一种直线方式,一部分接着另一部分地扫视页面。相反,用户会选择那些“充
满”(既“充分”而又令人“满意”)的信息。他们会选择第一个合理的、表述恰如其分的选
项。用户一旦发现一个可能会达到他们目标的链接,他们非常可能会立即点击它。优化是艰
难的,需要很长的时间。使网站变得“充满”效率会更高一些。
●用户遵循他们自己的直觉。在大多数情况下,用户会靠自己的摸索而不是靠阅读设
计者提供的信息解决问题。根据某位美国专家的观点,一个基本原因是用户对此并不在意。
“如果我们发现一些方法行得通,我们就会坚持这么做。对我们来说,只要我们能够使用它
化,是否理解它们的工作原理就无关紧要。如果你的观众将按你设计广告牌的方式行事,那
么你就设计出了绝佳的广告牌。”
●用户希望能够进行控制。用户希望能够控制他们的浏览器,并依赖那些遍布网站、
展现连贯的数据。比如,他们不希望出乎意料地看弹出的新窗体,他们希望能够使用“后退”
按钮,返回他们刚才浏览过的网站。
使用整洁连贯的视觉设计
视觉设计告诉一个用户如何同网站进行交互。如果界面设计良好,用户将会花费较少的
时间去学习如何使用一个网站,而会有更多的时间去实际使用它。
不幸的是,我们在设计中经常让自己的创意占据上风,以至于界面设计得大过于创新,
导致用户在看第一眼时难以理解、具有创意无可厚非,但是当惯例让位于那些解决常规问题
的新方法时,用户就不得不重新学习如何使用那些他们本已熟悉的东西。
当进行一个网站的视觉设计时,理解一些通用的惯例,会有助于创建一个看起来很棒而
又不需耗费脑力去想如何使用的网站
固定元素属于固定位置
当阅读报纸时,人们已经习惯报纸的顶部是报纸的名称,名称附近是日期,接下来是标
题。图书在风格、素材和设计上可能会有些变化,但其中一些东西是可预见的,比如标题、
作者和描述性摘要。
类似地,当人们访问一个网站时也会有某种预期,这些预期如果没有被满足,就会导致
用户难以理解网站的工作原理。因此,让用户预见到网站该如何操作,以及那些固定的元素
会出现在什么地方,对网站设计来说是很重要的。
网站设计的一般惯例
●链接到主页的网站标题通常会在网站的左上方显示。不管用户在浏览什么网站,如
果想返回主页,这都是他们期待的设计。
●宣传语和二级标题通常紧靠在网站标题的下面。宣传语会迅速地传达出网站的用途。
●网站的搜索框通常会出现在网站的右上方或中部的上方。
●不同类型的网站也许会有一些共同的习惯。比如,当访问一个提供RSS订阅的博客
时,用户几乎毫无疑问地会先去页面的右上方查看订阅选项。
搜索是简单的
搜索并不是一直像现在这样简单以前为了得到满意的结果,用户不得不设置各种各样的
搜索参数。百度搜索这样的标新立异者建立了一种新的搜索标准:输入一些内容,点击按钮,
然后让网站对你想要的东西进行决策。从此之后,搜索不再是从一个在网站间切换的艰难过
程。更多时候,可以通过一个输入框和一个搜索按钮完成。
很多时候,偏离这个基本的设计也是合理的,但是至少在用户没有提供额外信息的情况
下,搜索功能也应该能发挥作用。比如,如果通过添加一个下拉菜单允许用户限制检索条件
可以带来好处,那就通过各种方式添加一个下拉菜单,但是在没有使用下拉菜单的情况下,
搜索功能也应该可以使用。
这就是搜索框的设计变得很重要的原因。搜索框必须清晰可见、容易辨识,同时使用方
便:有人认为搜索框不需要设计,毕竟,它就两个基本元素:一个输入框和一个搜索按钮。
鳖脚的设计会有多大危害呢?好吧,一些事情会出问题。比如,输入框显示的文本不易阅读,
或者输入框太短或大长。一些设计者喜欢采用最简方案,根本不提供“搜索”按钮,用户必
须使用“回车”键。这可不是最好的可用性解决方案。
搜索框必须是一个框。你的访客不会阅读页面,他们只会扫视。针对搜索功能最常见的
设计就是一个框,一个包含输入框而显得相对宽大的框。用户倾向于在网页中通过扫视寻找
这个图样,这种观念已经根深蒂固,所以应尽量避免使用其他的设计,比如带链接的文字或
不带输入框的按钮。
同样,搜索框也要简单根据对可用性的研究,在默认情况下不显示高级搜索选项会显得
更加友好一些高级搜索,就像它的名字一样,一些用户在使用它的时候会感到困惑一项研究
表明,大多数用户不知道该如何使用高级搜索或布尔搜索的语法。
有很多地方可以放置搜索框,但是只有几个是正确的。对用户来说,最常见的地方就是
网站中每个页面的中部上方或右上方。当用户通过F形的扫视网站的时候,很容易发现它们。
然而,一些博客倾向于把搜索框放在(左侧或右侧)工具栏的下面。这也许不是一个好主意,
而很可能是出于广告的考虑。
链接要像链接
永远不要计用户去猜测一个项目是否可以点击。一般说来,使用颜色和下划线表明了这
段文本是一个链接颜色和下划线要一起使用,这个组合是辨识文本中超链接最容易识的形式。
仅在必要的时候使用下拉菜单
下拉菜单并不是没有用处,他们在网士绝对有自己的一席之地,但它们也经常会被误用。
总体说来,下拉菜单允许用户从备选属性列表中选出一个属性。
因为下拉菜单通常占用很少的空间,对一些设计者而言,它们成了最佳的导航方式。就
在这种倾向大行其道的时候,下拉菜单的缺点也暴露出来。
★下拉菜单中的链接可见性较低,用户将只能看到一个选项,除非菜单被全部展开、
★当下拉菜单包含太多选项时,用户不得不通过滚动来查看选项。在这种情况下,传
统的列表会更好一些。
★用户在凭直觉浏览时,下拉菜单不是最先被察觉到的东西。在选用它们之前与普通
的导航菜单进行测试和比较,看它们的效率如何,不失为明智之举。
除了上面提到的几个网站可行性,同时还要注意以下几点:
1、添加返回首页功能,一般布局在面包屑导航上,或文章的最后。
2、使用标记来构建上下文
3、建立良好的导航。除了内容外,导航可能是网站最重要的部分。幸运的是,我们能
够利用一些惯例来把设计决策和导航连接起来。在多数情况下,用户仅仅试图得到“我能去
哪?”这个问题的答案。但是这个答案并不总是像他们希望的那样简单。总体来说,用户在
使用内容为主的网站时,希望任何页面都能提供三种类型的导航:全局导航、面包屑导航、
上下文导航。 |
|