网站有效设计的10个原则
作者:熊猫 来源:Xiaoxiao's Weblog 发布时间:2008-02-11 17:12:00
原文:10 Principles Of Effective Web Design
翻译:熊猫 2008-02-03
本文由熊猫同学授权翻译首发。并不是专业翻译,仅供参考。
决定一个网站成败命运的,不是视觉设计,而是设计的可用性和有效性。访问网页的用户们握着鼠标,决定一切,“以用户为中心”已然是成功网站的标准设计方向。总之,用户不用的功能,就不该存在。
我们并不打算重复探讨操作细节(比如:“搜索工具栏”应当怎么放置),相反,我们的目光将集中在网站有效设计的核心原则、启发式方法和入门上。这些如果能够使用得当,可以催产出更丰富的设计作品,且使呈现的信息更容易被获取。
请注意
为了能够合理利用这些原则,我们首先需要理解用户是怎样与网页交互活动的,是怎么思考的,行为的基本模式又是怎样的。
用户们是怎么思考的?
通俗地讲,用户在互联网上的行为习惯与日常商店中的顾客们并无二样。来访者们扫视每个新页面,浏览其中的一些文本,点击他们最感兴趣的链接,或者隐约觉得能带他们找到他们想要内容的链接。事实上,页面的绝大部分,他们根本不看。
许多用户找寻感兴趣(或者他们觉得有用)且可以点击的信息,只要一些看起来符合期望的目标出现,用户就会去点击。如果新页面没有满足用户的期望,用户将点击“后退”,继续搜索。
用户看重质量和信誉。如果一个网站向用户提供了高质量的内容,用户就演绎忍受广告和糟糕的设计。这就是为何有些网站设计平平,但提供了高质量内容,就年复一年拥有着骄人的流量。内容重于形式。
用户不是阅读,而是浏览。用户分析一个网页的时候,寻找一些重要的节点或者锚点,目的是希望这些链接能够指引他们到期望的内容。
用户不是阅读,而是扫视浏览。主要“高亮”区域在页面内容的中间断开了。这是典型的扫视浏览模式。
互联网用户是无耐心且必须立即被满足的。非常简单的原则:如果一个网站没有达到用户的期望,设计师的工作就失败了,公司也会有经济损失。认知负荷越高、导航越不直观,用户越倾向于离开这个网站,寻找它的替代品。
用户不做最优的抉择。用户不会寻找最便捷的方法找到他们需要的信息。他们也不是线性浏览一个网页,按顺序从一个站点跳转到另一个站点。相反,用户是很容易满足的,他们通常选择第一个让他们满意的选项。只要他们找到一个他们觉得能指向期望目标的链接,他们通常会立即点击。最优的抉择是有难度的,需要花费很多时间。满意即可非常高效。【视频】
两个图片都显示:网页阅读模式是非线性的。右下方的路径图显示了用户浏览一个网页的视线轨迹。
用户遵从他们的直觉。在通常的情况下,用户杂乱无章地扫视而非阅读设计师们呈现的信息。根据Steve Krug的研究,最根本的原因是:用户不关心。“如果我们发现一些东西奏效,我们就会被吸引。这些东西是怎么运作的对我们来说不重要,我们只要能够使用它们就足够了。如果你的受众喜欢大的公告栏,就要做的就是设计一个更大的,公告栏。”
用户希望有可控感。用户想控制他们自己的浏览行为本身,且依赖网站呈现的连续的内容。例如,他们不想一个新窗口出乎意料地弹出,他们希望用“后退”按钮返回刚刚的页面;因此,从不在一个新的浏览窗口中打开超链接是一个好的行为。
猜你喜欢
- V5.0之后,我们总结了一些得失。首先要说的是改版的动力。产品设计或产品升级的驱动力只有两个:用户需求和网站目标。之前的我们的多次改版,其驱
- 原来的题目设想为界面视觉效果的统一性,但是“统一”这个词似乎有点敏感,怕触动萌点无数,而我也无意去设定一个什么什么的统一性来侃侃而谈,极为专
- 原来图片自适应宽度一般都是通过Javascript来解决的,但是多少还是比较麻烦。还有一种通过设置外层容器overflow:hidden属性
- 你是否发现,在浩如烟海的应用程序堆里,具有漂亮图标和清爽名字的 App 更容易被用户喜爱。作为开发者,面对这自己的作品,能否自问一句:“从图
- 1 引言 在关系数据库(DB2,Oracle,Sybase,Informix和SQL Server)最小的恢复和交易单位为一个事务(Tran
- 如何修改被表单引用的ASP页面?formhandler.asp<HTML><BODY BGCOLOR="
- IE下专属CSS:<![if !IE]><link rel="stylesheet" type=&qu
- Insert 和 Update假设现在你要把下面的数据插入到数据库中.ID = 3TheDate=mktime(0,0,0,8,31,200
- 1. 首先,你需要安装最新的服务包为了提高服务器安全性,最有效的一个方法就是升级到SQL Server 2000 Service Pack
- 1.了解oracle外部表 外部表定义:结构被存放在数据字典,而表数据被放在OS文件中的表 作用:在数据库中查询OS文件的数据,还可以将OS
- sql语句查询数据库中的表名/列名/主键/自动增长值 ----查询数据库中用户创建的表 ----jsj01 为数据库名 select nam
- asp之家注:本文介绍的长文章分页方法不错,作者分析的很详细,用分页符来手动为长文章分页,应该是最好的长文章分页方法,我们不必担心会把一些代
- css的流行导致了标签的流行,很直观,看起来很清爽。流行的一部分,还有很多种功能强大且美观的导航。。。1. Change.org2. N.D
- Asp中Server.ScriptTimeOut属性需要注意的一点Server.ScriptTimeout 这个属性给定Asp脚
- 在windows操作系统上使用IE作为浏览器时。常常会发生这样的问题:在浏览使用UTF-8编码的网页时,浏览器无法自动侦测(即没有设定“自动
- 我生平不爱学习,所以说不出什么洋洋洒洒的大道理,貌似也写不出妙语连珠的学术文章,有感于现在宅到极致的生活状态,故一篇图文并茂的文章诞生了(大
- 见以下两个文件:showimage.asp Change the HTTP header
- 远程(如通过互联网)连接access数据库的示例:首先,需要使用TCP/IP,ADO及XML(需要安装Microsoft XML 4.0。)
- 先看几个数据。。一大堆文字滴,不管人家是不是故意的,字数还是这样:news.163.cn:14px,39个中文字符 news.sina.co
- 先看一段HTML代码,在下边这段代码中,这张图片的宽度未知,我想写在CSS中写一行限制最大宽度为50px:<div id=&