有效Web设计10原则

可用性和效用决定了一个网站的成功与失败,而不是视觉设计。网页的访问者是那些拿着鼠标用点击决定一切的人,因此,从利益的角度来讲,为了设计出成功的网页应当用以用户为中心进行设计。总之,如果用户无法使用某一功能,那最好还是不要。
我们不准备讨论操作的细节(比如,搜索框应当放什么地方),这些细节很多文章都讨论过了。我们把重点放在与有效的Web设计相关的主要原则、启示和方法上。适当的使用这些方法可以得到更耐用的设计效果,简化认知信息的过程。
特别说明:
* 你可能对与可用性相关的文章感兴趣,我们曾经刊登过《10 Usability Nightmares 》和《30 Usability Issues》
* 我们在后续的帖子里会涵盖更多的有效设计原则。你也许需要订阅我们的RSS-feed
为了恰当的使用这些原则,我们首先要理解用户怎样与网站交互,他们怎么想以及用户基本的行为模式。
用户是怎么思考的?
基本上,用户上网的习惯与逛商场的习惯没有多少不同。访问者扫视每一张网页,浏览其中一些文字,点击他们感兴趣的或者与他们正在查找的东西有点相关的第一个链接。事实上,页面很多部分他们根本不看。
大多数用户查找有趣的或者有用的并且可以点击的内容,一旦发现符合的目标,就直接点击它。如果新页面不符合用户的期望,他们就点击后退按钮然后继续查找。
* 用户喜欢高品质和可信的内容。如果一个页面给用户提供了高品质的内容,他们乐于向夹杂广告的内容和站点的设计妥协。这就是设计不好却有高质量内容的网站获得高访问量的原因。内容本身比内容的展示设计更重要。
* 用户从不阅读,而是浏览。分析一个页面可以看出,用户搜索一些固定的点或者页面中的内容导航。

Users don’t read, they scan. 注意热点区域集中在文本的中部。这是一种典型的浏览过程。
* 网站用户没有耐心,他们要的是及时满足。非常简单的原则:如果一个网站不能满足用户的期望,那么设计师的工作就是徒劳,公司就会亏钱。认知的压力越高,导航越复杂,用户就会越快离开这个网站,转而去搜索其他网站。
* 用户不选最好的。他们不按找到目标信息的最快途径进行搜索,也不按线性扫视页面,连续的从网站的一个部分到另一个部分。其实,用户选择足够好的。他们选择第一个合理的选项。一旦他们发现了一个可能达到目标的链接,很可能马上点击它。实现最优选择很难,而且花时间。选择足够好的更有效率。


这两张图说明:连续的阅读过程在Web上不起作用。第二张图的右半部分的截图显示了该页的浏览轨迹。
* 用户依赖直觉。在大多数情况下用户粗略浏览,而不会细看设计师提供的信息。根据Steve Krug的观点,出现这种现象基本上是因为用户根本不在意设计师提供的信息。他说:“如果我们发现一些有用的元素,我们会抓住它们。是否理解这些元素是如何起作用的并不重要,只要我们能够利用它们,就能用多久用多久。如果你的受众表现的像你正在设计广告牌一样,那就设计伟大的广告牌。(If your audience is going to act like you’re designing billboard, then design great billboards.不知道该如何翻译这句)”
* 用户希望拥有控制权。用户期望能够控制他们的浏览器,能够依赖整个网站一致的数据表达。例如,他们不想看到无故弹出的新窗口,他们希望能够用”回退”按钮返回前一个网站,所以一个较好的做法就永远不要在新窗口打开链接。
一、不要让用户思考
根据Krug可用性原则的第一条,网页必须是显而易见的、不言自明的。当你建设一个网站的时候,你的任务就是排除疑问,不能让用户需要有意识地判断、正面反面反复思考才能决定。
如果站点的结构和导航并不直接明了,疑问就会增加,让用户很难明了系统的运作,不知道怎样从一地方到另外一个地方。清晰的结构,合理的视觉引导和易于辨认的链接可以帮助用户找到目标。

让我们看一个例子。Beyondis.co.uk声称可以做到“超越一般的渠道,超越一般的产品,超越一般的配送”。这是什么意思?用户是按照“F”模式(“F”-pattern)浏览网站的,那么页面加载完后用户首先看到的元素就是这三项声明。虽然设计本身简单明了,但是,用户为了理解这个页面的内容需要查找信息。这就是那种没有必要的疑问。设计师的任务就是要尽可能的排除疑问。那个放在右侧视觉说明,只要和左侧三项声明交换位置就可以提高可用性。

ExpressionEngine使用的结构跟Beyondis很像,避免的不必要得疑惑。此外,由于给用户提供了“试用该服务”和“下载免费版”的选项,那段标语变得功能化了。
通过降低认知的负荷,你可以让访问者很容易地理解系统的深层概念。一旦你做到这点,你就可以告知用户,为什么这个系统是有用的以及用户怎样从中益处。如果人们在网站里面找不到他们想要的,他们就不会使用你的网站。
二、不要浪费用户的耐心
对任何一个项目,当你准备向访问者提供某些服务和工具的时候,努力保持你的用户操作要求最少。用户尝试使用服务的时候需要的操作越少,一个随机访问者真正尝试该项服务的可能性越大。访问者初次使用服务的时候想用一用玩一玩,并不想为了一个账号填写长长的表单,他们可能将来再也不会用这个账号了。让用户自己探索你的网站,发现你的服务,同时不要强迫他们提供私人信息。让用户为了测试一项功能而强迫他们填写电子邮件地址是不合理的。
Ryan Singer(37Singals团队的开发者)认为:如果在他们已经看到那个功能起作用后,请求他们,用户有可能乐意提供一个电子邮件地址,因此,他们知道他们将要得到什么回报。

Stikkit 是一个很棒的实例,提供了用户友好的服务体验,几乎没有向访问者要求任何个人信息,而且谦逊,温文尔雅。这才是让你的用户访问你的网站的时候的应有的体验。

显然,Mite 需要根多信息。然而完成注册只需不到30秒,由于表单水平排开,用户甚至不需要拖动滚动条。
不要要求用户一开始就签署注册协议或者注册,理想的状态是移除所有障碍。在用户浏览的时候,一个用户注册就足可以阻碍用户接受信息的过程。

赞(0) 打赏
分享到: 更多 (0)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏