1.简单性
虽然您网站的外观很重要,但是大多数人都不会来您的网站来评估设计的流畅程度。他们只是想完成一些动作,或找到一些特定的信息。
因此,不必要的设计元素(即,没有任何功能目的的设计元素)只会使网站不堪重负,并使访问者更难以完成他们要完成的工作。
从可用性和用户体验角度来看,简单性是您最好的朋友。如果您拥有所有必要的页面元素,那么很难变得太简单。您可以采用多种不同形式来应用此原理,例如:
颜色:基本上,不要使用太多。《计算机与人机交互手册》建议在设计中使用最多五种(正负两种)不同的颜色。
字体:您选择的字体应清晰易读,因此不要太刻板和非常小的脚本字体(如果有)。同样,对于文本颜色,请使其保持最小,并始终确保与背景颜色形成对比。常见的建议是使用最多三种不同字体,最多三种不同大小。
图形:仅当图形可以帮助用户完成任务或执行特定功能时才使用图形(不要随便添加图形)。
视觉层次结构与简单性原则紧密相关,意味着对网站元素进行整理和组织,以便访问者自然而然地将注意力转向最重要的元素。
请记住,在针对可用性和用户体验进行优化时,目标是引导访问者以一种自然而愉快的方式完成所需的操作。通过调整某些元素的位置,颜色或大小,您可以以一种将观众首先吸引到这些元素的方式来构建网站。
3.适航性
在您的网站上规划直观的导航对于帮助访问者找到所需的内容至关重要。理想情况下,访问者应该登陆您的网站,而不必考虑下一步如何点击。从点A到点B的移动应尽可能无摩擦。
以下是一些优化网站导航的提示:
使主导航的结构保持简单(并位于页面顶部附近)。
在网站的页脚中包含导航。
考虑在每个页面(首页除外)上使用面包屑,以便用户记住其导航记录。
在网站顶部附近包含一个搜索栏,以便访问者可以通过关键字进行搜索。
每页不要提供太多导航选项。
在页面副本中包括链接,并弄清楚这些链接的位置。
另一个要点:确定网站的主要(顶部)导航内容后,请使其保持一致。导航的标签和位置在每个页面上应保持不变。
4.一致性
除了保持导航一致之外,网站的整体外观在网站的所有页面上都应该相似。背景,配色方案,字体,甚至您的写作语调都是一致性对可用性和用户体验产生积极影响的所有方面。
这并不是说每个页面都应遵循相同的布局。而是为特定类型的页面(例如,登录页面,信息页面等)创建不同的布局。通过一致地使用这些布局,您可以使访问者更容易理解他们可能在给定页面上找到的信息类型。

5.责任心
全球页面浏览量的48%来自智能手机和平板电脑等移动设备。而且,根据我们的研究,有93%的人因为网站无法在其设备上正确显示而离开了该网站。
这里的要点:为了提供真正出色的用户体验,您的站点必须与访问者正在使用的许多不同设备兼容。在科技界,这被称为响应式设计。
响应式设计意味着对高度灵活的网站结构进行投资。在响应站点上,将自动调整内容大小并重新排列内容,以适应访问者恰巧使用的任何设备的尺寸。这可以通过适合移动设备的HTML模板或创建特殊的移动网站来实现。
最终,在不同设备上提供出色的体验比在这些设备上看起来完全相同更为重要。

6.辅助功能
网站可访问性的目标是创建一个任何人都可以使用的网站,包括影响其浏览体验的残障人士或限制因素。作为网站设计师,在用户体验计划中考虑这些用户是您的工作。
与响应能力一样,可访问性适用于您的整个网站:结构,页面格式,视觉效果以及书面和视觉内容。从广义上讲,这些准则规定网站必须是:
可感知:访问者知道您网站上的内容。
可操作:您网站的功能应该以不同的方式实现。
可以理解:所有内容和警报都可以轻松理解。
稳健:您的网站可在各种辅助技术,设备和浏览器上使用。
7.常规性
网页设计中的一大挑战是平衡创意与您的期望。我们大多数人都是专业互联网用户,随着时间的流逝,我们已经习惯了一些特定的约定。这些约定包括:
将主导航置于页面的顶部(或左侧)。
在页面的左上方(或中心)放置logo。
使LOGO可点击,以便始终将访问者带回到首页。
当鼠标悬停在链接和按钮上时,它们会更改颜色/外观。
在商城网站使用购物车图标。该图标还带有数字标识,表示购物车中的物品数量。
确保图像滑块具有用户可以单击以手动旋转幻灯片的按钮。
尽管有些人可能出于独特性而选择将它们扔出,但这是一个错误。在网络常规性的约束下,仍有很大的创造空间。
让我们简要考虑一下设计的另一个领域,即体系结构。制定了建筑规范,以便人们可以轻松安全地居住在空间中。建筑师不会抱怨或违反这些规范,因为除了法律上的影响外,它们还确保客人的安全和舒适。
8.信誉
遵守网络惯例可增强您的网站信誉。换句话说,它提高了您的网站传达的信任度。而且,如果您正在努力构建一个可提供最佳用户体验的网站,那么信誉将大有帮助。
提高信誉的最好方法之一是对所出售的产品或服务保持清醒和诚实。不要让访问者浏览数十个页面来查找您所做的事情。在您的首页上占上风,并投入来解释您所做工作的价值。
另一个信誉提示:有一个定价页面,也链接在主页上。与其强迫别人与您联系以了解有关价格的更多信息,不如在您的网站上清楚列出您的价格。这使您的业务显得更值得信赖和合法。
这是派迪模板建站有效定价页面的示例:

9.以用户为中心
归根结底,可用性和用户体验取决于最终用户的偏好。毕竟,如果您不为他们设计,那么您是为谁设计的?
因此,虽然此列表中详细介绍的原则是一个很好的起点,但改善站点设计的最终关键是进行用户测试,收集反馈并根据所学知识进行更改。
并且不要自己打扰测试可用性。您已经在设计上投入了大量时间,这将您自己的偏见带入了方程式。与任何首次访问者一样,获得从未访问过您网站的测试人员。
希望这些准则对通知您的整个网页和网站的结构很有用。但是,如何将这些准则付诸实践呢?在下一节中,我将介绍您应该在设计计划中强烈考虑的基本页面元素。