高效网站设计得10项原则

发布：2021-10-27 13:18:41 浏览：2199

网站的成败取决于它的可用性和实用性，而不是视觉效果设计。因为点击鼠标的是页面访客，他们决定了一切，“以用户为中心”因此成为成功进行网站设计、获取利润的设计标准。毕竟，如果用户无法使用某个功能，那它不如不存在。

我们不打算讨论具体操作细节（比如，搜索框应该放在哪里），因为很多文章都已经对此有过描述；相反，我们会聚焦在网站设计的核心原则、启发式方法和入门上——如果这些方法运用得当，就能启发出更高级、更成熟的设计方案，简化网页信息的获取过程。

高效网站设计得原则

为了正确使用这些原则，我们首先需要明白用户是如何与网站互动的，他们如何思考，以及用户行为的基本模式是怎样的。

用户是如何思考的？

基本上，用户的上网习惯与商店里的消费者行为并无二致。访客浏览每个新页面，大致看一看文字，点击进入首先符合他们个人趣味或者与他们所需要的东西大致” “大致相符的链接。事实上，页面上很多内容他们看都不看一眼。

多数用户会选择搜索有趣（或有用）而且可以点击的信息，只要发现那些差不多的信息，他们就会点击。如果新网页无法满足用户预期，他们会点击返回键，然后继续重新搜索。

• 用户看重质量和信誉： 如果网页能够给用户提供高质量的内容，那么他们会愿意与网页上的广告和网站界面的设计和睦共处。这也是为什么这么多年来，一些设计虽然不那么出色，但是内容很有含金量的网站能够有很高访问量的原因。相比用来做陪衬的视觉设计，内容显然是重点。

• 用户并不会细读，而是在扫视： 审视网页的时候，用户们会查找一下固定点或者锚点，而后通过它们了解整个页面内容。

用户不会细读，而是扫视。注意下面这些“热区”如何在句子中突显出来，这是典型的扫视浏览方式。

• 用户没有耐心，他们期待即时满足： 这个原则非常简单，即如果一个网站无法满足用户的预期，那么网站设计师的任务可能就失败了，这个公司则会遭受损失。

• 用户不会做出最优选择： 用户不会去寻求一个最优方法来查找他们所需要的信息，也不会线性扫视网页，按顺序从一个版块浏览到另一个版块。相反，用户很容易满足，他们会选择遇到的第一个合理选项。只要一找到能实现预期目标的链接，他们很可能就会立即点击进去。选择最优选项很难，而且很耗费时间，而找到差不多合心意的则高效得多。• 用户跟随直觉而动： 多数情况下，用户的浏览习惯比较随意，并不会照着设计师的意思走。根据Steve Krug（其作品有《妙手回春——网站可用性测试及优化指南》）的观点，这里面最根本的原因在于，用户对设计者的出发点并不在意。“我们一旦找到能解决问题的东西，就会使用它。至于那些东西是如何工作的，这一点我们无所谓，只要可以使用就好。如果你的受众喜欢广告牌那种设计，那你就得去设计优秀的广告牌。”

• 用户希望掌握控制权： 用户希望能够在依赖网页获取信息的同时控制自己的浏览器。比如，他们不欢迎意外弹出来的新窗口，而且他们希望能够一点击“返回”按钮就回到刚刚所在的页面。因此，千万别让链接在新的窗口打开！

1.别让访客思考

根据Steve Krug可用性定律，网页应该简洁直观。创建网站时，你必须得避开那些会令人疑惑的地方，也就是需要访客深思熟虑、权衡利弊之后才能做的决定。

       如果导航栏和网站结构都不是很直观，人们的疑问就会增多，这更增加了访客对系统如何操作以及怎样从A点移至B点的理解难度。一个清晰的网页结构、中规中距的视觉呈现和容易辨认的链接，这些能帮助访客掌握实现目标的方法。

       举个例子，Beyondis.co.uk声称自己“超越平凡渠道、超越平凡产品、超越平凡配送。”这是什么意思呢？考虑到用户们倾向于按照“F”模式浏览网站，那么他们进入这个网站时，必然会看到这三个口号。尽管这个设计本身很简洁直观，但要弄明白这个网站是做什么的，用户就需要进行一番摸索了——这其实是个不必要的疑惑。设计师的责任就是将疑惑出现的概率降低到“0”。页面右侧则是它的图片解释，只要改变一下图片与文字的左右位置，网页的可用性就能得到大大提高。ExpressionEngine和Beyondis采用了同样的结构，但它避开了不必要的疑惑。此外，页面上的标语显得很有帮助，访客可以选择尝试服务、下载免费版本。通过降低访客的大脑运动负荷，能让访客更轻松地了解系统运行规律。一旦达到这个目标，你就能解释为什么这个系统是有效的，而且访客如何从中受益。人们如果不了解你的网站布局，他们是不会使用它的。

2.别考验访客的耐心

无论是什么项目，当你向访客提供一些服务或工具时，你需要尽量把对他们的要求最小化。尝试服务时，需要访客付出得越少，就越可能吸引随机访客真正去尝试它。初次到访的访客愿意尝试这个服务，而不会为了一个以后完全不可能用到的账号去填写冗长的表格进行注册。让访客自行探索这个网站，发现你提供的服务，而不是逼着他们留下个人信息。为了测试网站性能而强迫访客输入他们的电子邮箱地址是不合理的。

正如37Signals团队的开发者Ryan Singer所说，访客们也许会在体验到试用效果之后愿意提供出自己的邮箱（如果要求提供邮箱的话）——这样，他们便大概知道可能会收到哪些信息。

3.抓住用户的眼球

因为网站会提供静态和动态的内容，有些用户界面就会比其他的更吸引人。显然，图片比文字要更能抓住人的眼球——就好比加粗的句子要比正常的文字要更加引人注意。

人类的眼睛是个高度非线性设备，网站访客可以立即识别边缘、模式和运动，这就是为什么视频广告尤其恼人、极度分散注意力。但从市场角度而言，它们的确很好地抓住了用户的眼球。

4.尽量使特征明显

现代网站设计常常因为其配上大按钮的、抢眼的用户指引方式——“第一步——第二步——第三步——完成”——而遭受口水。但从设计角度来看，这些元素其实并没有拖后腿。相反，这些指令非常有效，它们以一种相当简单便捷的方式引导用户将网站内容尽收眼底。

5.有效书写

由于网站和纸质内容的差异，根据用户个人偏好以及浏览器习惯来调整书写风格就显得很有必要。用户会忽略宣传性的文字，跳过没有图片或者粗体字、斜体字标记出关键词的冗长的文字块，哗众取宠的文字也会被忽视。言归正传。可爱讨巧的名字、市场导向的名字、公司名以及一些生僻的术语要坚决避开。例如，如果你要描述一项服务，希望用户注册一个账户，用“注册（sign up）”要好过“现在开始！（Start now）”，当然比“探索我们的服务”好更多

6.力求简介明了

“简洁”应该是网站设计的首要原则，用户们不是冲着设计本身而来的，何况在多数情况下，他们是来寻找信息而不是网站的设计。力求设计简单明了，避免复杂。

 7.别怕留白

其实，留白的重要性不是三言两语就能概括的。它不仅能帮助减少访客的认知负荷，同时也让访客在屏幕上获取信息更为容易。新访客浏览网页时，第一件事情通常是浏览整个页面，在心里将内容区域划分成可消化的组块。

复杂的结构让阅读、扫视、分析和使用变得困难。如果你可以在用明显的线条和空白这两者之间选择从而将两块内容分开，通常情况下，留白会是个更好的选择。分层减少了复杂程度（西蒙法则），用户感受到的视觉层次感越好，网页上的内容就越容易被获取。

8.用“可视化语言”进行有效交流

Aaron Marcus在关于有效视觉交流的研究文章中提出了三个基本原则，其中包括所谓的“可视化语言”，也就是用户在屏幕上所看到的内容。

• 组织： 为用户提供清晰连贯的概念体系。连贯性、页面布局、组块关系和页面导航都是组织里的重要概念。同样的常规和原则都应该应用到所有元素中。

• 经济化： 用尽量少的刺激信号和视觉元素达到最好的效果。这里要考虑到四个关键点——简洁、清晰、独特和重点突出。“简洁”是说，只将对表达最不可或缺的元素纳入其中；“清晰”指的是所有的部件都应该精心设计，避免含义模糊。“独特”是指必要元素的重要属性应该是独一无二的。“重点突出”则是指最重要的元素应该很容易被辨认。

• 表达： 使页面呈现符合用户的接受范围，用户界面必须在易读性、可读性、布局、象征性、多层观点和颜色或纹理效果之间保持平衡，从而使信息得到顺利传递。一个页面最多只能用三种字体，最大只能用三号字——每一行文字最多只能有18个单词或者50~80个字符。