用户体验, 网站可用性, 网页设计, 资源

推荐20个关于网站可用性及界面设计的网站

  随着技术的进步,网站和网络应用正在变得更具互动性,我们有更多增强用户体验的方法和技巧。下面列出的这些网站能够帮你处理界面设计、用户体验(UE)、以用户为中心的设计(UID)、网站可用性以及任何这方面的问题。如今“形式追随功能”的理念正变得更加重要。我们的目标就是更加完善的用户界面。

1.UI-patterns

网页设计

  UI-patterns是一个顶级用户界面库,收集展示了一些改进过的设计模型,比如验证码帐户注册导航标签等。

Read More

用户体验, 网站可用性, 网页设计

四种影响网站可用性的网页设计例子

  本文是雅各布·尼尔森开办的互联网设计可用性应用专业网站上登载的一文,用四个失败的例子讲述了四种网页设计上常犯的错误,这四个例子很好的解释了怎样的设计会使网站的可用性及用户体验变得一塌糊涂。相信对喜欢网页设计和关注网站可用性用户体验的朋友会有帮助。

  不合适的内容,坏链接,糟糕的导航系统,不清楚的分类……哪些最影响商业成绩?以下的例子里,不合适的内容荣列“浪费企业最多金钱”榜首。

  每年,不论在专业研究还是日常生活中,我都看到几千个设计上的错误。就像中了丹·诺曼的诅咒一样,半数的网页设计让我看了就感到生气:为什么人们不能按着丹 20年前就告诉他们的那样去做?

  然而,网页设计者们也没有按照我 13年前说的去做,这就是让我大为吃惊的原因。下面罗列的几个近日遇到的最蠢设计算是我最近的小小收获。

没法提供信息的链接:《纽约时报》

nytimes.com 网站在每一篇文章下面都放了一个链接:

网站可用性-研究
点击可查看清晰大图

Read More

网站可用性

提高网站设计可用性(有效性)的10条原则

  决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性。访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向。总之,用户不用的功能,就不该存在。

  我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取。

网页设计有效性原则

  为了能够合理利用这些原则,我们首先需要理解用户是怎样与网页交互活动的,是怎么思考的,行为的基本模式又是怎样的。

用户是怎么思考的?

  通俗地讲,用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面,浏览其中的一些文本,点击他们最感兴趣的链接,或者隐约觉得能带他们找到他们想要内容的链接。事实上,页面的绝大部分,他们根本不看。

  许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息,只要一些看起来符合期望的目标出现,用户就会去点击。如果新页面没有满足用户的期望,用户将点击“后退”,继续搜索。

  • 用户看重质量和信誉。如果一个网站向用户提供了高质量的内容,用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平,但提供了高质量内容,就年复一年拥有着骄人的流量。内容重于形式。
  • 用户不是阅读,而是浏览。用户分析一个网页的时候,寻找一些重要的节点或者锚点,目的是希望这些链接能够指引他们到期望的内容。

    web-可用性-有效性
    用户不是阅读,而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。

  • Read More

网站可用性, 网页设计

20+漂亮的网站分类存档设计赏析(下)

  当我们提到漂亮的网页设计的时候,一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计,分享给大家。也希望大家通过这篇文章重视分类列表的设计。今天暴风彬彬将继续赏析国外漂亮的页脚设计、存档页设计。您还可以浏览之前的侧边栏设计、日历设计和标签云设计赏析

;

  希望大家在欣赏这些原创的设计的同时,仔细观察它们的细节,理解它们的创意。然后一起来讨论如何才能将自己的分类列表设计得如此漂亮。

  有几个设计出色的网站在这里出现了不下一次,主要是因为它们的分类列表在网站上有多种样式。

页脚

  相比使用侧边栏,网页设计中一个普遍流行的方式是在页脚位置放置补充信息(比如导航、分类列表、缩略图等)。如果使用页脚而取代侧边栏,那么页脚将能为页面的主要内容提供更多的空间;而且它还能为页面的底部创建漂亮的锚。在这里我们能看到在网站中被定义为“楼底”的页脚。我们还能了解到一些放在底部内容区的“伪页脚”。

  这里面有一些实例我们曾经在之前侧边栏介绍中看到过,它们双重推荐!

现在一起来讨论一下页脚吧…

第一个:Viget Labs Inspire.

页脚设计
点击缩略图查看大图

Read More

网站可用性, 网页设计

20+漂亮的网站分类存档设计赏析(上)

  当我们提到漂亮的网页设计的时候,一个很容易被忽视的网站元素就是分类列表。所以我想通过这篇文章来总结一些我看到过的很棒的网站分类列表设计,分享给大家。也希望大家通过这篇文章重视分类列表的设计。今天的第一部分将赏析国外漂亮的侧边栏设计、日历设计和标签云设计。下半部分将赏析页脚设计、存档页设计和总结。

  希望大家在欣赏这些原创的设计的同时,仔细观察它们的细节,理解它们的创意。然后一起来讨论如何才能将自己的分类列表设计得如此漂亮。

  有几个设计出色的网站在这里出现了不下一次,主要是因为它们的分类列表在网站上有多种样式。

侧边栏

  网站最普遍的一个显示分类列表的地方是侧边栏。这些列表可以代表性的分解成按类别的列表和按日期的列表,有时还会包括那种更新列表、日历或标签云的形式。

首先来看看Szabolcs Bakos的网站,New Concept.

侧边栏设计-newconcept
点击查看清晰大图

Read More

网站可用性

网站可用性研究:分类VS标签(Categories vs Tags)

网站可用性-categories-vs-tags

  今天暴风彬彬要和大家一起探讨一个网站可用性话题,那就是分类和标签的可用性问题。像博客或网络杂志这类的网站会以各种各样的方式组织和排序它们的内容以使更多的内容得到关注。按日期排序和按作者排序是网站系统通常的自动处理方式,在这两种方式基础上有两种概念来完成排序:分类(Categories)和标签(Tags)。你可以同时使用这两种方法,但是可能会制造很多影响用户体验的困扰。那么你到底应该用哪种方法和为什么要用那种方法呢?让我们来一一调查这两种排列方法。

Read More

用户体验, 网站可用性

可用性研究:用户在网站内部页面上的行为

  网站可用性关系到它能为用户节省多少时间。网站可用性越高,用户体验也就越高,用户也就会增加停留在网站上的时间。当一个经验不足的用户通过你网站的一个深层链接访问某个内部页面时,他们第一次会在那里平均花60秒钟的时间,而经验丰富的用户在他们第一次访问一个内部页面时会花45秒钟。

  支持深层链接的一个主要原因是,同主页相比,用户会更加充分地阅读网站内部页面上的内容。

Read More

网站可用性

网站内容排版可用性分析

网站可用性-分析

  当我们谈论网站可用性的时候,我们总会提及用户界面(UI)——按钮、标记(label)、标签(tab)等的设计与布局。但是,还有一个可能会被你忽视的元素可能会把你辛辛苦苦设计的网站毁于一旦,那就是(文字)内容。

  这些文字内容就是你的网站上用文本方式提及的方方面面,它涵盖了何种类型的文本内容。今天暴风彬彬要谈论的网站可用性分析就是关于网站的文字内容如何对访问者起到引导和告知的作用,例如:引导用户如何下载需要的文件,如何订阅你网站的Feed,告知这个网站是关于什么的等等。虽然说内容为王,但一定要把我还内容的布置才是关键。

Read More

网站可用性

图解网站可用性(Web Usability)

什么是网站可用性?

  可用性(Usability)指的是产品对用户来说有效、易学、高效、好记、少错和令人满意的程度,是交互式产品的重要质量指标,是产品竞争力的核心。

网站可用性-分析

ISO 9241-11 基于特定使用环境、特定用户和特定用途

Read More

CSS, 网站可用性

使用基于CSS导航菜单的4个理由

CSS-导航菜单

  导航结构在网站设计中是起到决定性作用的,导航菜单/栏常常通过颜色、排版、形状和一些图片来帮助网站创造更好的视觉和感受,它是网页设计的关键元素。

  虽然网站导航菜单的外观是网页设计中关系到整个设计成败与否的关键,但视觉效果也不能影响到网站可用性。最理想的设计是网站的导航既能比其他网站的导航外观更吸引人,又不会夺走网站内容的焦点。

Read More