网页设计师的10种可用技巧

  • 格式:doc
  • 大小:406.00 KB
  • 文档页数:8

网页设计师的10种可用技巧

牧羊人设计/整理

简单的说,可用性是使你的网站方便访问者找到他们需要的信息,当他们需要它。

一个常见的误解是,在网络公司的可用性可用性是昂贵的。是的,有跨国公司花费数千美元的可用性测试和研究,但是每天公司可用性是可以实现的没有知识的可用性专家或不昂贵的测试设备。

网页设计师有一个更容易的工作要做,只是通过阅读文章可以累积关于可用性可用性基础较好的知识和如何实现他们的网站上。

1。包括一个标语

口号是一句话或一句格言,代表了一个公司,或在我们的情况下,一个网站的,哲学的任务。它应该是一个网站的首页最明显的元素它应该清楚地描述在一个短语的网站。

统计显示,一个网站只有8秒为他们进一步浏览网站捕捉访问者的注意。没有一个明确的口号,一个网站就很难保持足够长的时间内访客浏览页面。

2。实现网站搜索

为口号,网站搜索是一个网站的一个很重要的元素。当用户正在寻找的东西,他们通常寻找一个文本字段可以输入搜索词。

根据雅各伯-尼尔森网站可用性的技巧,使这一搜索框27个字符宽要清晰和易于使用的文本。把搜索的文本字段在你的网页上,因为用户会根据搜索网站F模式,意思是从左上到右下。

包括一个搜索按钮和明确指定的搜索文本,不要使用文本,如去或提交,因为这些表达式往往会误导你的网站的访客。

3。不要使用大量的图形

滥用的设计元素和图形总是坏的一个网站,他们只是误导的网站访客。只有设计提高网页不只是装饰它。从可用性的角度来看,往往是越少越好。

4。使用网站地图

站点地图是一个相对较新的网站功能,提高了网页的导航和搜索引擎优化(SEO)。在本质上的站点地图是一个网站的页面和结构表征。它可以是任何形式的文件,或一个网页,网页上列出了一个网站,通常是有组织的层次时尚。

最近,谷歌搜索引擎一样,雅虎和MSN已经开始提供一个Sitemap协议这是类似于一个网站的网站地图页面,但数据是以XML格式组织。有sitemap XML生成器创建这些文件为一个特定的URL。

5。不要打破工作流

通过工作流我们意味着每一个操作,用户在网站上做的。例如填写表单,注册一个网站,浏览类别,档案等,不打破这些工作流程,让用户取消操作。不让用户取消操作,我们迫使他们去完成它,即使他们不想。

不是每一个操作在一个网站的用户是明显的,引导他们通过具体的工作流以描述性的提示。(如填表时)。JavaScript链接通常打破流程,因此不建议使用它们在您的网站。

另一个错误是不改变访问过的链接的颜色结果,这破导航设计。让用户知道他们已经在他们的网站上。

6。创造轻松扫描网页

易于阅读的网页维护游客忠诚度起着重要的作用,让他们在你的网站,阅读你的内容。可用性测试表明,大多数用户不阅读网页,他们扫描,寻找标题,粗体,强调文本和列表。

眼球追踪研究Jakob Nielsen进行显示,用户阅读的内容,类似于一个F型,即阅读从网页的左上方,然后向下移动从左一点重新开始。

Nielsen还州这一阅读模式的影响:

 用户不会逐字阅读网页内容的话,他们将提取的重要段落,粗体文本,等等。

 第一段是必不可少的网页上。这些必须包含你的访客正在寻找的最重要的信息。

 标题和列表站从常规段落。使用这些元素来通知用户重要信息。

我们可以从传统的印刷报纸学习的一个重要方法是,记者想到了一个引人注目的标题和一个吸引人的第一段,使读者阅读全文。他们在一个倒金字塔格式组织内容,只是图个倒金字塔。广大的基础是整个文章和尖窄代表最重要的信息最重要的信息。

我们可以使用这种格式将最重要的棋子在顶部和底部最重要的组织网站内容,但是我们怎么知道哪些信息是重要的,不是吗?借助新闻价值。

7。不要误导用户界面控件的设计

通过用户界面(UI)控制意味着我们的网页元素,组件和控件,用户可以交互(如按钮,下拉列表)。

别设计的图形元素,看起来像一个按钮,但不。我们经常看到,下划线和看起来像链接的文本,但不可以点击。

在没有用户期望的行动,他们会认为网站被打破,最终离开。另一个重要的可用性提示关于UI控件的一致性:确保你的UI控件是一致的。

雅虎,就像上面显示的,是一致的用户界面控制设计的一个很好的例子。页上的每个标签的外观和行为一样,每一个环节都是带下划线的鼠标,每一个按钮是一样的,等等。

8。提供有意义的反馈

有意义的反馈是必不可少的一个网站。这是网站与用户之间的通信信道的反馈,帮助我们让用户知道什么网站上。在一个错误的情况下对你的网页,不要只打印错误发生,而不是写有意义的错误信息,告诉用户发生了什么错误,什么样的行动,他们可以从那里。

反馈在工作的方式。当用户填写表单他们基本上是给你反馈。不要让用户填写相同的信息两次。例如,如果用户在网站上注册,需要填写一些表格,不要问他们的名字或其他任何信息,他们已经提供的,因为这些细节中已经存在的文件或数据库中的某个地方。仅仅是得到这些细节自动我们简化了整个过程。

9。不要过度使用JAVASCRIPT

与JavaScript和Ajax技术的出现,Web设计者和开发人员可以创建响应,透明的网站,但是所有的新技术是有成本。在我们的情况下,成本是浏览器不一致。不是每一个用户都有一个更新的浏览器。他们也可能没有启用JavaScript默认。

使用JavaScript在网站广泛我们阻止这些用户。而使用不显眼的JavaScript和优雅降级。

10。避免验证码

CAPTCHA是完全自动化的公共图灵测试区分计算机和人类。就连名字听起来很复杂。CAPTCHA的最一般的形式是文本嵌入到图像中,游客可以单独测试人类用户的垃圾邮件机器人。

使用CAPTCHAs的问题是每一个形式人类的验证方法,触发用户的大脑的一个复杂的过程(例如找出扭曲的文字,增加了两个号码,等)。

与另一个问题是关于不同文化的验证码不一致。比如中国的符号,数字,不同于大多数西方字母和阿拉伯数字。中国人很难用“启用”在线表单验证码。

总结

 总是有一个口号,应该在网页的最明显的元素。

 实现一个27个字符的网站搜索宽放上你的网站。

 不要使用大量的图形和设计元素。

 包括一个网站地图页面,注册搜索引擎Sitemap XML文档。

 不要打断用户的工作流。让每一个行动被取消了,如果有必要。

 创造轻松扫描Web内容和放在你的网页最重要的信息。

 别设计的图形元素,看起来像一个按钮,但不。

 提出有意义的反馈,别忘了,反馈是双向的。

 使用不显眼的JavaScript和优雅降级。

 避免验证码,使用更有用方法而不是。