是一个非常复杂的问题，因为在设计时有许多事情要考虑。为了简化网页设计，本文列出了每个人都应该考虑的行为准则，包括可以做什么和不能做什么。请放心，这些准则都是非常简单的原则。

设计网站时我应该怎么做

[/h 1。在不同的设备上使用相似的设计

用户可以通过不同类型的设备访问您的网站，包括电脑、平板电脑、手机、音乐播放器，甚至智能手表等。

无论用户使用什么设备访问您的网页，确保他们拥有相似的体验都是用户体验设计的重要标准。

[/h 2。导航设计应该简单、易用、清晰

导航设计是网络可用性的基石。

记住:如果用户在你的网站上找不到导航，那么不管你的网站有多糟糕，它都是无用的。这也是导航设计应该遵循以下原则的原因:

简单。每个网站都应该有尽可能简单的结构。

清除。用户应该清楚导航的每一项。

是一样的。系统的导航页面在每个页面中应该是相同的。

用户可以用最少的点击次数尽快到达他们想要浏览的网页。这是导航设计的目的。

[/h 3。更改已访问链接的颜色

链接是导航中的一个关键因素。如果用户点击的链接没有改变颜色，很可能导致用户多次点击同一链接。

如果用户知道他们过去访问过的链接和他们还没有访问过的链接，用户将更有可能决定下一步点击什么。

[/h 4。使页面浏览更容易

当用户浏览我们的网页时，他们不会通读所有内容，而是快速浏览整个网页。

因此，如果用户来此网站寻找特定内容或完成某项任务，他们将首先浏览整个网页，直到用户找到他们想去的地方。

因此，作为网页设计师，我们应该通过设计网站的视觉层次来帮助这些用户尽快实现他们的目标。

视觉层次意味着网页上的每个元素都被放置或呈现一个权重(例如，我们的设计决定哪个用户首先看到，然后是哪个，最后是哪个)。

在设计网站时，我们应该确保网页标题、登录注册按钮、导航栏或其他同等重要的元素对用户来说是容易看到的，从而减少用户找到它们的时间。

用户的视线是Z形的。

[/h 5。仔细检查所有链接

当用户点击网站上的链接，界面上出现404个错误页面时，用户很容易被压下。

当用户在网站上寻找内容时，他们希望他们点击的每一个链接都是他们正在寻找的，而不是404错误的页面或他们点击后正在寻找的页面。

[/h· 6。确保可点击的元素使用户看起来是可点击的。

对象的外观将告诉用户如何使用它。

看起来像按钮或链接的视觉元素不能被点击，这很容易惹恼用户。这些视觉元素包括:文本下划线不代表链接，具有动画效果的元素不是超链接。

用户想知道界面上哪些区域是纯静态内容，哪些区域可以点击。

使可点击的元素更加可见。

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

设计网站时不要做什么

[/h 1。不要让用户等待

网站用户的耐心和注意力非常小。根据nngroup的研究，10秒是用户集中精力完成一项任务的极限。

当用户在等待内容加载时，他们可能会变得沮丧。如果加载速度非常慢，用户可能会离开这个网站，即使加载动画设计足够漂亮，这个结果也无法改变。

[/h 2。打开新选项卡上的链接

在新选项卡上打开链接的设计使用户无法使用& ldquo返回。按钮返回上一页。这是一个非常糟糕的设计。

[/h 3。整个网站都是广告

促销和广告会掩盖网站的内容，使用户难以集中精力完成任务，更不用说看起来像广告的东西经常被用户忽略(这种现象被称为旗帜盲点)。

[/h 4。劫持滚动

滚动劫持是指网站的设计者或开发者控制滚动条，以便用户在滚动鼠标时可以看到网站上不同的效果，包括动画效果、固定滚动条，甚至是重新设计的滚动条。

滚动条劫持是用户最不喜欢的设计之一，因此，它剥夺了用户控制滚动条的权利。

在设计网站或设计用户界面时，您应该让用户决定他们浏览的网页或应用程序的位置。

如上所示，此页面使用这种设计效果。它使用单页并行布局，用正确的点替换每一页。

[/h 5。自动播放视频(带声音)

在后台自动播放视频、音乐或声音文件是一种用户难以接受的设计方法。

除非合适，否则用户很少使用这些元素。

[/h facebook会自动在网页上播放视频，但会静音。然而，当用户意识到他正在观看视频时，用户可以点击屏幕来确定声音的存在和大小。

[/h· 6。为了美观牺牲网站的可用性

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

如上图所示，对于低对比度配色方案，很难清楚地理解界面上的文字。

[/h· 7。使用闪烁的文本或广告

[/小时/]闪烁内容或闪烁可导致易感人群癫痫。这种设计不仅会引起癫痫，而且会引起用户的注意，从而使他们感到厌烦。