设计网站的10大准则

观点分享
 - 上海嘉逊广告

1.不要让用户思考

根据Krug的第一条可用性定律,网页应该是明显的且不言自明的。创建网站时,您的工作就是摆脱问号-用户需要在考虑利弊的同时有意识地做出决策。

如果导航和站点架构不直观,问号的数量就会增加,并使用户更难以理解系统的工作方式以及如何从A点到达B点。清晰的结构,适度的视觉提示和易于识别的特征链接可以帮助用户找到实现目标的途径。

2.不要浪费用户的耐心

在每个项目中,当您要为访问者提供一些服务或工具时,请尽量减少您的用户需求。用户测试服务所需的动作越少,随机访问者实际尝试该服务的可能性就越大。初次访问者愿意使用该服务,而不是为将来可能永远不会使用的帐户填写冗长的Web表单。让用户浏览该站点并发现您的服务,而不必强迫他们共享私有数据。强迫用户输入电子邮件地址来测试该功能是不合理的。

 - 上海嘉逊广告

3.设法吸引用户的注意力

由于网站同时提供静态和动态内容,因此用户界面的某些方面比其他方面更引人注意。显然,图像比文字更引人注目-就像标记为粗体的句子比纯文字更吸引人一样。

人眼是高度非线性的设备,网络用户可以立即识别边缘,图案和运动。这就是基于视频的广告非常令人讨厌和分散注意力的原因,但是从营销角度来看,它们完美地完成了吸引用户注意力的工作。

4.力争功能曝光

现代Web设计通常因其引导用户视觉上具有吸引力的1-2-3-完成步骤,具有视觉效果的大按钮等方法而受到批评。但是从设计角度来看,这些元素实际上并不是一件坏事。相反,这些准则非常有效,因为它们以非常简单和用户友好的方式引导访问者浏览网站内容。让用户清楚地看到可用的功能是成功的用户界面设计的基本原理。如何实现这一点并不重要。重要的是内容要易于理解,并且访问者对与系统的交互方式感到满意。

 - 上海嘉逊广告
 - 上海嘉逊广告

5.利用有效的写作

由于Web与印刷不同,因此有必要根据用户的喜好和浏览习惯来调整写作风格。促销文字不会被阅读。没有图像的长文本块和以粗体斜体标记的关键字将被跳过。夸大的语言将被忽略。

谈生意。避免使用可爱或机灵的名称,由市场引起的名称,公司特定的名称以及不熟悉的技术名称。例如,如果您描述一项服务并希望用户创建一个帐户,那么“注册”比“立即开始”要好。这比“探索我们的服务”更好。

6.力求简单

“保持简单”原则(KIS)应该是网站设计的主要目标。用户很少会在网站上欣赏设计。此外,在大多数情况下,尽管有设计,他们仍在寻找信息。力求简单而不是复杂。从访问者的角度来看,最好的网站设计是纯文本,没有任何广告或其他内容块与访问者使用的查询或他们一直在寻找的内容完全匹配。这就是为什么用户友好的网页打印版本对于良好的用户体验至关重要的原因之一。

 - 上海嘉逊广告
 - 上海嘉逊广告

7.不要害怕空白

实际上,确实很难高估空白的重要性。它不仅有助于减轻访问者的认知负担,而且还可以感知屏幕上显示的信息。当新访客接近设计布局时,他/她要做的第一件事是扫描页面并将内容区域划分为可消化的信息。复杂的结构更难以阅读,扫描,分析和使用。如果您可以选择在可见线或空白之间分隔两个设计段,则通常最好使用空白解决方案。层次结构降低了复杂性(西蒙定律):您越能更好地为用户提供视觉层次感,您的内容就越容易被感知。

8.与“可见语言”进行有效沟通

亚伦·马库斯(Aaron Marcus)在其有关有效视觉传达的论文中陈述了使用所谓“可见语言”涉及的三个基本原则,即用户在屏幕上看到的内容。

  • 组织:为用户提供清晰一致的概念结构。一致性,屏幕布局,关系和可导航性是组织的重要概念。相同的约定和规则应应用于所有元素。
  • 节约:以最少的提示和视觉元素做最多的事情。要考虑的四个要点:简洁,清晰,独特和强调。简单性仅包括对于交流最重要的元素。清晰度:所有组件的设计均应明确其含义。区别性:必要元素的重要属性应可区分。重点:最重要的要素应易于理解。
  • 交流:使演示文稿与用户的能力相匹配。用户界面必须保持平衡的易读性,可读性,版式,符号,多个视图以及颜色或纹理,才能成功进行通信。使用最大 3种字体,最多3个磅大小-每行文本最多18个单词或50-80个字符。
 - 上海嘉逊广告

9.约定是我们的朋友

网站元素的常规设计不会导致网站枯燥。实际上,约定非常有用,因为它们可以减少学习曲线,也不需要弄清楚事物是如何工作的。例如,如果所有网站的RSS提要具有不同的视觉呈现方式,那将是可用性的噩梦。这与我们通常习惯于如何组织数据(文件夹)或购物(产品放置)的基本原理没有什么不同。

使用约定,您可以获得用户的信任,信任,可靠性并证明您的信誉。遵循用户的期望-了解他们对网站导航,文本结构,搜索位置等的期望。

可用性会议中的一个典型示例是将页面翻译成日语(假设您的Web用户不懂日语,例如Babelfish),并为可用性测试人员提供了在不同语言的页面中查找内容的任务。如果惯例得到很好的应用,即使用户不了解其中的一个字眼,用户也将能够实现一个不太具体的目标。

10.尽早测试,经常测试

这种所谓的TETO原则应该应用到每个Web设计项目中,因为可用性测试通常可以为重要问题和与给定布局相关的问题提供关键的见解

测试不要太晚,不要太少,也不要因为错误的原因。在后一种情况下,有必要了解大多数设计决策是局部的;这意味着您不能从一个非常特定的角度(考虑需求,利益相关者,预算等)来分析某个布局是否比另一个布局更好的普遍答案。

需要牢记的一些重点:

  • 根据史蒂夫·克鲁格(Steve Krug)的说法,测试一个用户比不测试一个用户好100%,并且在项目早期测试一个用户比在结束时测试50个用户要好。根据Boehm的第一定律,错误在需求和设计活动中最常见,并且在消除错误之后更昂贵。
  • 测试是一个反复的过程。这意味着您需要设计,测试,修复并重新测试。在第一轮中可能没有发现问题,因为用户实际上被其他问题所阻挡。
  • 可用性测试总是会产生有用的结果。您要么被指出存在的问题,要么被指出没有重大设计缺陷,这在两种情况下都是对您的项目有用的见解。
  • 根据温伯格定律,开发人员不适合测试其代码。这也适用于设计师。在网站上工作了几周后,您再也无法从新的角度观察它了。您知道它是如何构建的,因此您确切地知道它是如何工作的–您拥有独立的测试人员,而站点的访问者则没有。

底线:如果您想要一个出色的网站,则必须进行测试。