网站建设中用户为中心的设计技巧

日期:2011年05月25日

要创建一个伟大的网站,你必须专注于从一开始其潜在用户,并在每个用户的发展,其目的是加强检查,以确定他们会喜欢,并与最后的设计舒适。

一个成功的网站开始于网站的设计者找出:

  • 谁该网站将使用
  • 他们将使用它
  • 他们将如何使用它

用户为中心的设计(都柏林大学)过程中涉及到网站的设计者正与该网站的目的在整个设计过程中用户密切合作。

让您的每一个网站的角度言自明

请确保您的每一个网站的内容是不言自明,这样,用户就不必浪费在试图了解什么东西是时间和精力。

一个成功的网站应该没有提供对用户的一部分需要很大的努力回答下列问题:

  • 从哪里开始呢?;
  • 那是一个链接?;
  • 那是一个按钮?;
  • 是导航?;
  • 我在哪里在网站上吗?;
  • 他们为什么这么说;呢,
  • 他们把在哪里...?

五设计一个用户友好的网站基本要素

在此之前,有人说,没有正确或错误的方法来设计一个伟大的网站。 不过,也有一些重要的设计,应该适用于一个网站,做用户尽可能友好IT元素。

创建一个清晰的视觉层次

重组和优化利用规模,突出和内容关系中的一个网页的内容。

让我们来看看这些关系更加密切:

  • 大小:更重要的标题是,较大的字体大小应。 大号加粗标题有助于抓住用户的注意,因为它们扫描的网页;
  • 突出:更重要的标题或内容,向上,那么它应该放在网页较高。 最重要的或流行的内容应始终突出位置附近的页面顶部,让用户可以欣赏到它,而无需滚动太远;及
  • 内容关系:集团通过显示在视觉风格类似的内容,或在一个明确定义的区域相似的内容类型。

分手页为明确界定的领域

研究显示,互联网用户决定哪一个页面的一部分很可能是他们感兴趣的,而忽略休息。

经验告诉我们哪里的广告横幅和按钮被放置在网页中,我们已经学会了忽略,好像他们的网页不存在的部分。

我不建议包括隐藏内容的广告。 这可能看起来是一个聪明的营销策略,它确实提高clickthough率。 但是,最终用户将得到不断受挫,如果他们结束对广告客户的网站,一个链接时,他们认为导致更多的免费信息了。

如果你想混合广告和内容,确保广告已清楚地标示在新的大横幅众多的一流网站所使用的系统。

使用标准约定

应尽量将遵循标准约定。 一个标准的惯例,已在互联网上开发的有在网页上方或左侧的导航栏。

如果你仔细想想,其实更有意义,对页面的右侧旁边的滚动条的主要导航超链接。 这样,我们就不会玩我们的鼠标光标网球!

但有人已经把该主导航链接页面的左侧聪明的办法。 其它网站设计者有一个更加美好的复制它的主意!现在有足够的互联网用户看到没有足够的解释,它需要它的网页。

如果你试图通过将责任推卸的主要导航链接本公约的任何其他地方,它可以很容易混淆大多数用户。

其他标准的互联网公约包括:

  • 蓝色带下划线的超链接;
  • 面包屑小径;及
  • 页面导航底部文本链接。

请点击链接明显

总是让文字和图形的超连结不言而喻。

文本链接

这是一个标准的惯例,蓝色下划线的文本代表一个可以点击的超链接。 那么,为什么在做文本链接网站设计者坚持不强调和/或在某些其他的颜色吗?

尽可能避免这种诱惑! 蓝棒的超链接下划线的文本,因为它工作,每个人都了解它。 您还应该使用不同的颜色时,文本链接被激活。

访问的链接颜色

不要忘了使用文字链接访问不同的颜色。 另一种访问链接的颜色告知哪些网页已经访问过他们的用户。不要混淆使用的未访问和访问的链接颜色相同的用户。

图片连结

作出这样的“搜索”按钮,明显可点击图形。 随着深度的设计可点击按钮,所以它看起来像一个可推按钮。 同时添加可选文字图形来帮助澄清所指的超链接功能。

挡土墙(不使用边框= 0)围绕一个蓝色的轮廓图形的标准是另一种选择。 这是更传统的方法。

最大限度地减少噪声页

您的网站应该是轻松使用,不要太心费力。 您将轮胎用户的,如果你的页面需要处理大量的信息。

要创建一个网站,是轻松使用,最大限度地减少:

  1. 字数 ;
  2. 数字体的字体,大小和颜色 ;
  3. 链接选项的数目 ;
  4. 文字链接样式的数量 ;
  5. 使用背景颜色 ;及
  6. 使用背景墙纸 。

1。 字数。

尽量减少在您的文字字数。 如果你可以帮你用十个字的消息,而不是三十,这样做。 用户希望以最少的信息浪费时间和精力。

2。 数字体的字体,大小和颜色。

最小化字体的字体,大小和颜色数。 越是字体字体,大小和颜色即可使用,更努力的头脑是用来处理一切它认为。

3。 链接选项数目。

最小化的链接选项。 很多时候,一个页面提供了太多的内容,我们有太多的联系。 一个网站,往往压倒我是ICQ.com主页。 在2001年9月,在主页上提供超过300个点击的链接,按钮和形式! 内容也分为4列,这些都加起来是一个非常繁忙的页面。

一个更好的布局设计将显示一个十几主要类别链接选项和最流行的子类别链接选项很少。 然后在后续的网页,提供针对特定类别的所有选项。

4。 数文字链接样式。

最小化的文字链接样式编号。 老ICQ.com主页使用了令人难以置信的八个不同风格的文字链接!

下面是所有八个样式:

  • 深蓝色的文本链接没有下划线
  • 深蓝色的文本,不强调大胆的链接
  • 淡蓝色粗体文本链接没有下划线
  • 暗红色的粗体文本链接没有下划线
  • 暗红色的文本链接,并带有下划线
  • 暗红色粗体文本链接,并带有下划线
  • 轻而不强调红色文字链接
  • 绿色粗体文本链接没有下划线

令人困惑的是,如何?!

5。 使用背景颜色。

尽量减少使用的背景颜色。 如果你要使用的背景颜色,使用它们来定义内容区域。 eBay的主页是一个如何使用背景颜色来明确定义内容方面的良好范例。

6。 使用背景墙纸图像。

最小化的背景墙纸。 大多数背景墙纸图像是如此微弱,他们不分散我们的注意力。 但是,我们仍然可以看到它们,这增加了更多的思想工作。

Tags:体验设计 企业网站建设
上一篇文章:网页设计中网站导航设计提示
下一篇文章:当用户在你的网页上浏览时注意的地方