请问，作为UI / UX设计师，您的最终工作是什么？

如果不是创建一个易于用户理解的网站界面。

除了可用性之外，还必须确保您的用户界面在美学上令人愉悦。

网站完全依赖硬核编码HTML格式的日子已经一去不复返了。

如今，网站设计具有高度的互动性和动态性。

随着此类网站设计的发挥作用，决定哪些设计原则非常重要变得越来越重要。

以下是在启动网站之前要记住的UI设计的8条黄金法则。

规则#1：让用户控制设计

一个成功的企业是你让用户完全控制设计的企业。

一位建筑师被下达了建造综合体的招标书。

现在，他设计了这个建筑群，但他不知道如何将人行道放置在建筑群的两个街区之间。

现在，他没有自己设计人行道，而是在街区之间放了一片草地，并贴上了一块招牌，上面写着：“请在草地上行走。

在建筑完工几个月后，他重新参观了场地，通过追踪人们经常穿过草地的破旧小径，他意识到现在在哪里建造人行道。

建筑师做了什么不同的事情？

他让用户决定他们想要的人行道在哪里。

作为UI专家，您还应该为您的网站设计做同样的事情。

为用户提供一个开放的画布，看看他们在您的网站上花费最多时间的地方。

然后重新创建这些区域以吸引它们。

规则#2：保持网站设计的一致性

您是否知道88%的在线访问者在遇到可怕的经历后从未选择返回您的网站？

如果您的网站未能为您的访问者提供良好的体验，那么他们很可能永远不会考虑与您开展业务。

确保良好用户体验的关键要素之一是网页设计的一致性。

最好确保整个网页设计具有一定程度的一致性。

例如，如果您已将菜单放置在主页的顶部，请确保它不会显示在其他位置的底部。

如果您的菜单项在屏幕上加载时重新排列，它会将您的网站描述为设计不佳。

你不知道你的听众有时有多善于观察。

确保您的网站 UI 元素在所有平台上都是一致的。

有些人使用苹果设备，而另一些人则在笔记本电脑和Android上工作。

根据您的受众群体以及他们可以使用哪些设备浏览您的产品，请确保保持足够的一致性。

规则#3：保持您的网站表单简短/甜蜜

根据WPForms的数据，几乎74%的组织使用网络表单来生成潜在客户。

49.7%的公司将在线表单作为其转换客户的终极潜在客户生成工具。

信不信由你，人们仍然不喜欢填写设计不佳的表格。

你问得越少，他们留下的就越多。你问的越多，他们留下的就越少。

设计不佳的 Web 表单可能会导致将客户定向到其他更好的替代方案。

人们选择不在网站上填写在线表格的另一个原因是它们很长。

包含有关您的要求的大量信息的表单永远无法掌握良好的线索。

里奇·布鲁克斯（Rich Brooks）在他的《为什么人们不填写你的联系表格》一书中指出：

“大多数人填写你的表格是因为他们需要帮助，但他们不一定需要你的帮助。您很可能只是开始了与网站访问者建立信任的过程，但这并不意味着您可以要求他们花费太多时间。

不要问太多问题，否则你会把它们推开。

规则#4：减少受众的短期记忆丧失

你知道一个人的平均注意力跨度已经变成了一条金鱼吗？

现代互联网受众的注意力范围已经变得非常有限。

我们希望我们所做的一切都能以某种方式使我们的生活更美好，更轻松。

当事情简单且不那么杂乱时，我们相对更容易回忆起信息。

根据尼尔森的原则，“认可是超越召回的。

其中，识别是识别元素的行为，而回忆是从记忆中调用信息的地方。

如果我们选择保持界面简单易懂，如果我们想遵守模式、标准和约定，我们已经在为更好的识别和易用性做出了贡献。

规则#5：注意元素层次结构

您上一次关注网站页面上的不同设计元素是什么时候？

在设计网站页面元素时，请确保将网站浏览量的实用性和可用性都包含在等式中。

确保将最关键的功能放在页面顶部。

通过这种方式，访问您网站的个人将自动通过漏斗引导到您的服务。

除了放置元素外，还要充分利用空格。

适当地使用空格与在网页本身中放置元素一样重要。

不要使元素混乱，因为它会对您的网站美学产生不利影响。

确保添加简洁的线条，大量的空间和视觉上吸引人的元素。

遵循经验法则，从左到右和从上到下适当地放置元素。

规则#6：使用对比度来管理受众焦点

您是否知道您还可以通过在网站上设置元素对比度来管理受众的关注点？

例如，如果您查看标题的每个元素都具有相同对比度的帖子，如下所示。

您将无法决定首先需要注意的位置。

现在，以不同的方式查看相同的文本。

所以你可以看到，对比度最高的元素是现在的标题。

它会弹出，并且与消息一起不言自明。

当其他元素淡入背景时，作者姓名获得第二优先级，日期获得第三优先级。

如果我逆转这个过程怎么办。

你的注意力是否从主要标题转移到了日期？

我相信您现在可以看到对比度如何有效地将用户的注意力集中在您希望它去的地方。

规则#7：必要时遵循网站设计标准

你知道他们说什么;“如果它没有坏，你不必修理它。

网站设计元素也是如此。

如果您的网站设计元素（例如网站徽标设计，网站搜索选项或图标）符合公认的标准，则无需更改它们。

为什么？因为你的听众的思想已经适应了接受这些元素。

例如，通常，您网站的品牌徽标显示在屏幕的左上角。

现在，如果您尝试将徽标转移到其他地方，则最终可能会使网站访问者感到困惑。

如果 （？） 表示全局帮助通知，则不要使用 （！） 进行更改。

跳出框框思考是可以的，但不要让你的设计难以让访问者理解。

规则#8：在网页设计中定义用户角色

用户角色是访问您网站的普通访问者的理想代表。

在定义用户角色时，许多网页设计师专注于用户的个人主义目标，他们的特征，他们拥有的东西以及他们将要表现出的态度。

一些品牌，如Branex，拥有可以预测用户期望的专家设计师。

他们深刻理解用户的担忧，并将同理心作为进入他们的鞋子的工具。

每个用户角色都可以有一个特定的名字，你甚至可以创建一个关于它们的背景故事。

这些故事可以帮助赋予定义的角色生命，并保持想象力的活力。

例如，您正在为汽车零部件创建一个网站。

现在，你的一个用户角色可以是一个虚构的家伙，名叫杰克·尼科尔森，他喜欢驾驶快速的汽车。

他是F-1方程式赛车的三次冠军，住在内华达州。

他喜欢熬夜，和朋友一起去泡吧。

此外，由于轮辋现在是内华达州的趋势，因此您可以将其设置为目标角色。

最后...

为您的网站设计完美的用户体验可能是一项棘手的任务。

但是，设置正确的UI对于您的业务与为品牌设置出色的营销策略一样重要。

上面讨论的是一些规则，可帮助您了解普通网站设计师很容易错过的UI关键元素。