网站设计规范：该做什么，不该做什么

网页设计是一件非常繁琐的事情，因为在设计中要考虑很多事情。为了简化网页设计，本文列出了每个网页设计师应该考虑的行为准则，包括哪些可以做，哪些不能做。放心，这些都是简单的原则。设计网站时要做什么

1。在不同的设备上采用相似的设计

用户可以通过不同类型的设备访问您的网站，包括电脑、平板电脑、手机、音乐播放器，甚至智能手表。无论用户使用什么设备访问您的网页，确保他们具有相似的体验都是用户体验设计中的一个重要标准。

2. 导航的设计应该简单明了

导航设计是web可用性的基石。记住：如果用户在你的网站上找不到导航，那么你的网站有多糟糕并不重要。这就是为什么导航设计应该遵循以下原则：简单。每个网站都应该有尽可能简单的结构。清除。每一项导航都应该让用户清楚。

始终如一。系统的导航页面应在每个页面中相同。用户可以用最少的点击次数尽快到达他们想要浏览的网页。这就是导航设计的目的。

3. 更改所访问链接的颜色

链接是导航中的一个关键因素。如果用户没有更改链接的颜色，很可能会导致用户多次单击同一链接。如果用户知道他们过去访问过的链接和现在没有访问过的链接，他们将更容易决定下一步要单击什么。

4. 使页面浏览更容易

当用户浏览我们的网站时，他们不会阅读所有内容，而是快速浏览整个页面。因此，如果用户来此网站搜索特定内容或完成任务，他们将首先浏览整个页面，直到找到自己想去的地方。因此，作为网页设计者，我们应该通过设计网站的视觉层次结构，帮助这些用户尽快实现自己的目标。视觉层次意味着网页上的每一个元素都有权重（例如，我们的设计决定了哪个用户先看到哪个，然后看到哪个，最后看到哪个）。在设计网站时，我们应该确保页面标题、登录按钮、导航栏或其他同等重要的元素放在用户容易看到的地方，以减少用户搜索的时间。用户的视线是锯齿形的。

5. 仔细检查所有链接

当用户在网站上搜索内容时，他们希望自己点击的每一个链接都是自己要找的，而不是404错误页面，或者点击进去发现不是自己要找的页面。

6. 确保可以单击的元素看起来像可以单击的

对象的外观告诉您如何使用它。看起来像按钮或链接的视觉元素不能被点击，这很容易让用户困惑。这些视觉元素包括：文本下划线不表示链接，具有动画效果的元素不是超链接。用户想知道界面的哪些区域是纯静态内容，哪些区域是可点击的。使可以单击的元素更加明显。

如上图所示，你认为橙色的盒子是按钮吗？我相信很多人认为它看起来像一个按钮，但它不是。

在设计网站时，不应该做什么

1。不要让用户等待

网站用户的耐心和关注度都很小。根据nngroup的说法，10秒是用户专注于一项任务的极限。当用户等待内容加载时，他们很可能会感到沮丧。如果加载速度很慢，用户很可能会离开网站，即使加载的动画设计足够漂亮，也无法改变效果。

2. 打开新标签页上的链接

在新标签页上打开链接的设计使得用户无法使用后退按钮返回上一页。这是一个非常糟糕的设计。

3. 整个网站充斥着广告

4. 劫持

jacking是指网站的设计者或开发者控制滚动条，这样当用户滚动鼠标时，就会看到网站上的不同效果，包括动画效果、固定滚动点，甚至重新设计的滚动条。滚动劫持是用户最不喜欢的设计之一，因此它剥夺了用户控制滚动条的权利。在设计网站或用户界面时，应该让用户决定在何处浏览网页或应用程序。

采用此设计效果。它使用单页并行布局，用右点代替每页。

5. 自动播放视频（带声音）

在后台自动播放视频、音乐或声音文件，用户难以接受。除非在合适的时间，否则用户很少使用这些元素。Facebook会自动播放页面上的视频，但它是无声的。但是当用户意识到他们正在观看视频时，他们可以点击屏幕来决定声音是否可用以及大小。

6. 为了网站的美观而牺牲可用性

网站或用户界面的设计不应该因为内容而影响用户的消费能力。最好不要在文字后面使用厚重的背景，或者使用让用户难以阅读或颜色对比不明显的配色方案。

7. 使用闪烁其词或广告

闪烁其词或闪烁其词可能导致易感人群癫痫。这样的设计不仅会引起癫痫症，还会吸引用户的注意力，惹恼用户。