你应该知道的网页设计中的规则和禁忌

以下内容由Mockplus团队翻译整理，仅供学习交流，Mockplus是更快更简单的原型设计工具。

网页设计是一个棘手的话题。当你创建网站时你需要考虑很多事情。为了简化这个任务，我这里准备了一个列表，每个网页设计师在设计网页时都应该考虑这些注意事项。好消息是，这都是一些简单的设计原则。

让我们开始吧!

应该做什么：

1.不管设备如何，都应该提供相同的用户体验

用户会使用差别的设备来拜候你的网站：他们可通过台式电脑或条记本电脑，平板电脑，手机，音乐播放器甚至手表上拜候您的网站。UX设计很关键的一部分是要确保用户应该具有类似的用户体验，岂论他们是通过什么来拜候你的网站，岂论他们是使用什么样的设备。

如果用户是通过手机拜候你的网站，他们应该能毫不费劲的找到他们需要的所有东西，就像他们在家里通过桌面端查看你的网站一样。

2.设计一个简洁，易用的导航

导航是可用性的基石。请记住，这不关乎于一个网站设计的有多好，但必需确保用户可通过本身的方式进行浏览。这就是为什么你的网站上的导航应该设计成这样。

•简单(每个站点都应该有最简单的结构)

•简洁(导航选项对访客而言必需清楚易懂)

•一致(主页的导航系统应该在每个页面上都一样)

设计导航方式，尽可能减少点击次数而帮手用户到达他们想去的网页。同时，应易于浏览并能轻易找到他们想去的地方。

3.更改已拜候链接的颜色

链接是导航过程中的关键因素。当已拜候的链接没有改变颜色时，用户可能会无意中重复拜候相同的页面。

了解用户已拜候过哪些页面可以制止让他无意中重复拜候相同的页面。

4.轻松浏览你的页面

当用户拜候你的网站时，他们更有可能快速扫描屏幕，而不是阅读页面的所有内容。因此，如果拜候者想要查找内容或完成某项任务，他们将一直浏览直到找到他们需要的内容。而作为设计师，你可以通过设计好的视觉层次结构来帮手他们。视觉层次结构是指以暗示重要性的方式摆设或呈现元素(例如，他们的眼睛应该集中在哪了? 第一、第二等)

将屏幕标题，登录表单，导航项目或其他重要内容等重要内容标记重点，以便拜候者可立即查看。

Basecamp使用的Z扫描模式

5.仔细检查所有链接

当用户点击站点上的链接并收到提示 404 错误页面时，用户可能很容易变得沮丧。当拜候者正在搜索内容时，他们希望每个链接都可以将它们带向所指的地方，而不是出现 404 错误的提示或者其他一些他们不想去的地方。

6.确保可点击的元素对用户显而易见

一个物体的外不雅观可告知用户如何使用它。视觉元素看起来像是链接或按钮，但不成点击(即，有下划线的单词没有链接，具有文字动作的元素，但不是超链接)这样很有可能会使用户混淆。用户需要知道页面的哪些区域是纯静态内容，哪些区域是可点击的。

应让用户明白哪些是可点击的元素

橙色的盒子是一个按钮吗?答案是：不。形状和标签使其看起来像一个按钮，但它不是。

不该该做什么：

1.让你的访客等待网页加载

网页用户的注意力和耐心往往很差。按照NNGroup研究：

10 秒是将用户的注意力集中在此任务上的最低限度

当拜候者必需等待你的网站加载时，如果你的网站加载速度不够快，他们会变得沮丧，并可能离开你的网站。如果加载时间过长，即使你有设计精美的加载指示器，也可能迫使用户离开网站。

2.不要在新标签页中打开链接

这种粗鲁的行为会禁用Back按钮，而这是用户返回到以前的站点的常规方式。

3.让促销掩盖内容

促销和广告可以掩盖他们旁边的内容，并使用户更难完成任务。不要说任何看起来像广告的东西通常会被用户忽略(这种现象被称为旗帜盲点)

4.劫持滚动