网站建设的8个设计指南。

在设计网站的时候，我们总是追求美观，比如说颜色的搭配，阴影的安排，logo放置的位置。但是，如果您真的希望您的网站可以发挥更大的作用，那么您需要关注的不仅仅是网站的外观。

在如今这个世界，各种各样数量繁多的网站充斥着人们的眼球，在设计网站的时候，我们首先要考虑到我们的网站的可用性(应该力求简单)和用户体验(用户与网站的交互)。

您可以选择花费数年时间研究网站的可用性和用户体验的细节，但是这显然是不太现实的，所以我们整理了以下指南，希望在您设计下一个网站项目的时候可以帮到您。

一、简单

虽然网站的外观和感觉很重要，但是大多数的访问者访问您的网站都不会去评估这些东西，相反他们更主要的目的是进行某些操作或者寻找某些信息，向您的网站添加不必要的设计元素只会让访问者更难达到他们的目的。从可用性和用户体验的角度上来说，简单是最好的设计。您可以通过不同的方法来使您的网站尽可能简单，比如说：

· 颜色。不要使用太多的颜色，一项研究建议在您的网站设计中最多采用五种不同的颜色。

· 字体。您选择的字体应该保持清晰可见，在一个页面上，最多使用三种不同的字体和尺寸。

· 图形。只有在它们帮助用户完成任务或者执行特定功能的时候才使用它们，不要随便添加图形

这是一个例子：

转自：https://blog.hubspot.com/

二、视觉层次结构

与简单原则密切相关的是，网站需要合理的安排和组织网站的视觉元素，以便访问者可以先找到最重要的元素。记住，在优化可用性和用户体验方面，您的目标是引导访问者完成他们的操作，这种方式自然而愉快。通过调整某些元素的位置、颜色或大小，您可以构建您的网站，吸引访问者到这些元素。

在下面的这个例子中，”GET SPOITFY FREE”是最容易吸引到访问者的元素，因为它位于页面的左侧（大多数情况下，访问者会从左到右扫描网站），更重要的是，它是唯一使用深紫色的元素。

转自：https://blog.hubspot.com/

三、导航栏

在您的网站上有一个合适的导航栏是至关重要的，它可以方便访问者尽快找到他们想要到的内容。在理想的情况下，访问者应该可以从任何一个位置找到他们想要访问的内容，而不必考虑在哪里点击下一步。

这里有一些导航栏的小技巧

· 保持导航栏的结构简洁，并且靠近页面顶部

· 在页面的尾部也要有导航栏

· 在每个页面上有使用一些小标签标出他们所在的位置

· 在网站顶部附近添加搜索框，以便访问者可以按照关键字进行搜索

· 不要再同一个页面内部署多个导航栏

· 不要导航得太过深入，大多数情况下，最好将导航保持在不超过三个级别

· 在页面中包含链接，并明确指向这些链接的位置

· 导航的标签和位置应在网站的每个页面保持一致

这里是一个例子：

转自：https://blog.hubspot.com/

四、一致性

除了保持导航栏的一致性之外，网站的整体外观也应该在每个页面中保持一致。背景，配色，字体，甚至是文字的风格都应该是一致的，这有利于可用性和用户体验的提升。

但是，这并不是说网站上的每个页面都应该具有相同的布局，相反，应该为每种不同类型的页面创建不同的布局，并且一致地使用这些布局，这可以让访问者更容易理解他们在访问地类型，从而在给定页面上找到信息。

在下面的示例中，您可以看到Airbnb对其所有“help”页面使用相同的布局，想象以下，如果每个“help”页面都有自己独特的布局，将会导致什么。

转自：https://blog.hubspot.com/

五、兼容性

根据comScore的数据，平板电脑的消费在2013年至2015年间增长了30%，智能手机的消费同期增长了78%。需要注意的是，为了提供出色的用户体验，您的网站需要与访问者的不同设备，以及不同操作系统和浏览器兼容。

站在比较高的角度上来说，这意味着要设计一个高度灵活的网站设计，比如说响应式设计。这需要在您的网站中，内容会自动调整大小并重新调整，以适应访问者正在使用的任何设备的尺寸。

如果要求没那么高，您可以通过像为所有图像添加alt文本一样简单的方式来解决兼容性的问题。

最后，更重要的是，您的网站在不同的平台上都需要提供出色的用户体验，而不是在这些平台上看起来相同就可以。这可能意味着您需要坚持特定平台的设计惯例，而不是试图采用一种新的方法。

六、传统性

多年来，互联网用户越来越熟悉某些网页设计惯例，这些惯例包括：

· 在页面的顶部或最左边放导航栏

· Logo位于页面的左上方

· 将logo设计为可点击，以便访问者返回主页

· 当你把鼠标放在可点击的链接上时变色

虽然有时候我们为了保持自己的独特性而不采用这些惯例会显得自己独具一格，但它有可能会使一个错误，就像将汽车的方向盘放在后座一样令人困惑。

为了为您的网站访问者提供最佳体验，请充分利用您已经了解到的他们熟悉的web体验类型，您可以使用这个信息让你的访问者更轻松地浏览您的网站。

网页设计中最常见的示例之一：在电子商务网站上使用购物车：

转自：https://blog.hubspot.com/

七、可信度

使用网站设计惯例可以帮助您的网站更具有可信度。如果您正在努力建立一个可以提供最佳用户体验的网站，那么可信度(例如，网站传达的信息)大有帮助。

提高网站可信度的最好的方法之一是让用户很容易的了解到您在网站上提供的产品或服务。不要让访问者需要深入挖掘几十页来了解你在做什么，相反，要坦诚相对，并使用一些例子来解释你正在做的事情的价值。

另一个提高可靠性的方法：有明确的定价页面。如果用户想进一步了解你的产品，虽然通过电话联系这种方式可能显得更正式，但是在网站上清楚地列出价格绝对可以使你的业务看起来更值得信赖和合法。以下使Box网站上一个定价页面示例：

转自：https://blog.hubspot.com/

八、以用户为中心

不管怎么样，可用性和用户体验最终都取决于用户的偏好，毕竟你的网站是为你的用户而设计的。因此，虽然上述所说的一些指南是一个很好的指导，但是改进网站的真正关键是进行用户测试。

翻译|协枫@芝麻开发 校对|空竹@芝麻开发

原文链接：https://blog.hubspot.com/blog/tabid/6307/bid/30557/6-guidelines-for-exceptional-website-design-and-usability.aspx