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

以下内容由Mockplus团队翻译清算，仅供进修交换，Mockplus是更快更简朴的原型计划器材。

网页计划是一个棘手的话题。当你建设网站时你必要思量许多工作。为了简化这个使命，我这里筹备了一个列表，每个网页计划师在计划网页时都应该思量这些留意事项。好动静是，这都是一些简朴的计划原则。

让我们开始吧!

应该做什么：

1.不管装备怎样，都应该提供沟通的用户体验

用户会行使差异的装备来会见你的网站：他们可通过台式电脑或条记本电脑，平板电脑，手机，音乐播放器乃至手表上会见您的网站。UX计划很要害的一部门是要确保用户应该具有相同的用户体验，岂论他们是通过什么来会见你的网站，岂论他们是行使什么样的装备。

假如用户是通过手机遇见你的网站，他们应该能绝不费劲的找到他们必要的全部对象，就像他们在家里通过桌面端查察你的网站一样。

2.计一律个简捷，易用的导航

导航是可用性的基石。请记着，这不关乎于一个网站计划的有多好，但必需确保用户可通过本身的方法举办赏识。这就是为什么你的网站上的导航应该计划成这样。

简朴(每个站点都应该有最简朴的布局)

简捷(导航选项对访客而言必需清晰易懂)

同等(主页的导航体系应该在每个页面上都一样)

计划导航方法，尽也许镌汰点击次数而辅佐用户达到他们想去的网页。同时，应易于赏识并能等闲找到他们想去的处所。

3.变动已会见链接的颜色

链接是导航进程中的要害身分。当已会见的链接没有改变颜色时，用户也许会有时中一再见见沟通的页面。

相识用户已会见过哪些页面可以停止让他有时中一再见见沟通的页面。

4.轻松赏识你的页面

当用户会见你的网站时，他们更有也许快速扫描屏幕，而不是阅读页面的全部内容。因此，假如会见者想要查找内容或完成某项使命，他们将一向赏识直到找到他们必要的内容。而作为计划师，你可以通过计划好的视觉条理布局来辅佐他们。视觉条理布局是指以体现重要性的方法布置或泛起元素(譬喻，他们的眼睛应该齐集在哪了? 第一、第二等)

将屏幕问题，登录表单，导航项目或其他重要内容等重要内容标志重点，以便会见者可当即查察。

Basecamp行使的Z扫描模式

5.细心搜查全部链接

当用户点击站点上的链接并收到提醒 404 错误页面时，用户也许很轻易变得沮丧。当会见者正在搜刮内容时，他们但愿每个链接都可以将它们带向所指的处所，而不是呈现 404 错误的提醒可能其他一些他们不想去的处所。

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

一个物体的外面可奉告用户怎样行使它。视觉元素看起来像是链接或按钮，但不行点击(即，有下划线的单词没有链接，具有笔墨举措的元素，但不是超链接)这样很有也许会行使户夹杂。用户必要知道页面的哪些地区是纯静态内容，哪些地区是可点击的。

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

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

不该该做什么：

1.让你的访客守候网页加载

网页用户的留意力和耐性每每很差。按照NNGroup研究：

10 秒是将用户的留意力齐集在此使命上的最低限度

当会见者必需守候你的网站加载时，假如你的网站加载速率不足快，他们会变得沮丧，并也许分开你的网站。假如加载时刻过长，纵然你有计划精细的加载指示器，也也许迫行使户分开网站。

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

这种卤莽的举动会禁用Back按钮，而这是用户返回到早年的站点的通例方法。

3.让促销袒护内容

促销和告白可以袒护他们旁边的内容，并行使户更难完成使命。不要说任何看起来像告白的对象凡是会被用户忽略(这种征象被称为旗子盲点)

4.挟制转动

挟制转动是计划师和开拓者通过哄骗转动条来使网站示意的差异。包罗动画结果，牢靠转动点，乃至转动条自己的从头计划。被挟制转动是很多用户最烦人的工作之一，由于其不受用户节制。当你计划网站或用户界面时，你但愿让用户通过网站或应用措施掌控其赏识速率和移动。

MacPro页面行使一些令人烦恼的转动结果。它行使单页视差机关，个中的点暗示页面的每个部门。

5.用声音自动播放视频

在靠山自动播放视频，音乐或声音会刺激用户。这些元素应审慎行使，只有在恰当的时辰和可预期的环境下才气行使。

Facebook视频配置为自动播放，但不会呈现任何声音，除非用户故意图以某种方法寓目视频(譬喻通过视频举办交换)。

6.为了美而忽视可用性

站点或用户界面的计划不该影响用户在屏幕上阅读内容的手段。重要的是要停止内容繁琐，色彩不匀称，其会故障网站的可读性或导致颜色比拟度不敷(譬喻下面的示例)。

字体的低比拟度老是一个糟糕的做法。

7.行使闪烁的笔墨和告白

闪烁的内容也许会触发敏感个另外感想不适。它不只可以引起用户的不满，并且对付一样平常行使者来说，这也许让人厌恶或导致分心。

原文作者：Nick Babich

原文地点：https://uxplanet.org/dos-and-don-ts-of-web-design-8c9d6a5de7c6

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!