网站有效设计的10个原则
作者:熊猫 来源:Xiaoxiao's Weblog 发布时间:2008-02-11 17:12:00
原文:10 Principles Of Effective Web Design
翻译:熊猫 2008-02-03
本文由熊猫同学授权翻译首发。并不是专业翻译,仅供参考。
决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性。访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向。总之,用户不用的功能,就不该存在。
我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取。
请注意
为了能够合理利用这些原则,我们首先需要理解用户是怎样与网页交互活动的,是怎么思考的,行为的基本模式又是怎样的。
用户们是怎么思考的?
通俗地讲,用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面,浏览其中的一些文本,点击他们最感兴趣的链接,或者隐约觉得能带他们找到他们想要内容的链接。事实上,页面的绝大部分,他们根本不看。
许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息,只要一些看起来符合期望的目标出现,用户就会去点击。如果新页面没有满足用户的期望,用户将点击“后退”,继续搜索。
用户看重质量和信誉。如果一个网站向用户提供了高质量的内容,用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平,但提供了高质量内容,就年复一年拥有着骄人的流量。内容重于形式。
用户不是阅读,而是浏览。用户分析一个网页的时候,寻找一些重要的节点或者锚点,目的是希望这些链接能够指引他们到期望的内容。
用户不是阅读,而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。
互联网用户是无耐心且必须立即被满足的。非常简单的原则:如果一个网站没有达到用户的期望,设计师的工作就失败了,公司也会有经济损失。认知负荷越高、导航越不直观,用户越倾向于离开这个网站,寻找它的替代品。
用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页,按顺序从一个站点跳转到另一个站点。相反,用户是很容易满足的,他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接,他们通常会立即点击。最优的抉择是有难度的,需要花费很多时间。满意即可非常高效。【视频】
两个图片都显示:网页阅读模式是非线性的。右下方的路径图显示了用户浏览一个网页的视线轨迹。
用户遵从他们的直觉。在通常的情况下,用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究,最根本的原因是:用户不关心。“如果我们发现一些东西奏效,我们就会被吸引。这些东西是怎么运作的对我们来说不重要,我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏,就要做的就是设计一个更大的,公告栏。”
用户希望有可控感。用户想控制他们自己的浏览行为本身,且依赖网站呈现的连续的内容。例如,他们不想一个新窗口出乎意料地弹出,他们希望用“后退”按钮返回刚刚的页面;因此,从不在一个新的浏览窗口中打开超链接是一个好的行为。


猜你喜欢
- MySQL的数据库管理工具非常多,有哪些优秀的GUI工具可以帮助提高工作效率?不妨看一看这5个MySQL GUI工具。1、Navicat f
- //问题比如:7*0.8 JavaScript算出来就是:5.6000000000000005  
- 本文实例讲述了Python单例模式。分享给大家供大家参考,具体如下:单例模式:保证一个类仅有一个实例,并提供一个访问他的全局访问点。实现某个
- 本文实例讲述了Python基于列表模拟堆栈和队列功能。分享给大家供大家参考,具体如下:之前的文章https://www.jb51.net/a
- 对于想深入理解 Python 的朋友,很有必要认真看看。喜欢本文点赞支持,欢迎收藏学习。1. eval函数函数的作用:计算指定表达式的值。也
- 这是fenye.asp具体代码:以下是引用片段:<%Const maxPagesize=1000 '设置分
- 在windows7下安装SQL2005时会提示不兼容,需要安装SQL2005 SP3或更高的版本,不用管它,一路安装下去,等装完在开始菜单没
- 一、切片切片:指对操作的对象截取其中一部分的操作,字符串、列表、元组都支持切片操作语法:序列[开始位置下标:结束位置下标:步长] ,不包含结
- i前端:nput_test.html<!DOCTYPE html><html><head lang="
- jQuery 操作 CSSaddClass() - 向被选元素添加一个或多个类removeClass() - 从被选元素删除一个或多个类to
- ACCESS有个BUG,那就是在使用 like 搜索时如果遇到日文就会出现“内存溢出”的问题,提示“80040e14/内
- 图搜索之基于Python的迪杰斯特拉算法和弗洛伊德算法,供大家参考,具体内容如下Djstela算法#encoding=UTF-8MAX=9&
- 关键的安装考虑虽然大多数的SQL Server安装都使用了默认的参数,这样的话是一个简单的过程,但是没有理解安装参数的话,也会导致困惑或者将
- 这两天闲来无事在百度上淘了点图片,不多,也就几万张吧,其中有不少美女图片奥!哈哈!这里暂且不说图片是怎么获得的,咱聊聊得到图片以后发生的事。
- 前提:因为本文主要围绕着在thinkPHP5中使用redis的,所以关于redis的安装就不特意说明了,不过在这稍微提醒一下,安装完redi
- 而每次查询分析器寻找路径时,并不会每一次都去统计索引中包含的行数,值的范围等,而是根据一定条件创建和更新这些信息后保存到数据库中,这也就是所
- 使用addEventListener事件触发执行函数的this在普通的dom操作中,若是使用addEventListener如下面的例子&l
- 1.按列取、按索引/行取、按特定行列取import numpy as npfrom pandas import DataFrameimpor
- 最近工作中慢慢开始用python协程相关的东西,所以用到了一些相关模块,如aiohttp, aiomysql, aioredis等,用的过程
- 一.雅黑设计理念 雅黑字体是为微软公司设计的屏幕显示汉字。它具有个性独特、结体优美、识别性强、块状效果好、显示清晰等优点。在当今数字化时代更