UI 设计最佳实践：如何使用 UI 设计来改进您的网站页面

在过去的几十年里，设计师只专注于完善他们创作的 UI 和 UX。 满意的访客是潜在的潜在客户，对设计满意的人是回头客。 就这么简单。

但是，创建高质量的用户界面并不像看起来那么简单。 设计师必须做几件事来为目标受众提供最用户友好的界面。

Forrester 说得最好——“更好的 UI 可以将您网站的转化率提高 200%”。

这对设计师来说是一件轻而易举的事——他们必须 致力于改进界面。 糟糕的界面会导致糟糕的结果和人们不喜欢的网站。 出色的界面会带来更多的访问者、更好的口碑和更好的整体效果。

在本博客中，我们将讨论 UI 设计最佳实践以及如何使用 UI 设计来改进您的网站页面。 但是，如果您不确定自己的技术技能，您应该扩大您的团队并聘请可以增强您的业务的 UI UX 设计师

阅读更多：新人的 10 条重要 UX 设计原则

第一件事：理解 UI 设计

要将 UI 策略实施到您的设计中，您首先需要了解用户界面的含义。 根据用户测试解决方案的出色服务 Maze 的说法，UI 设计师致力于找出用户与产品的行为和交互。 他们的 UI 设计指南是这样定义的：

“UI 设计是关于设计师在创建产品时做出的风格选择，例如图像、按钮、菜单栏或页脚”。

这就是为什么在设计过程的任何阶段都必须进行测试。 借助通过此类测试收集的数据，设计师可以就风格选择做出明智的决定。

所以，这就是——可以让你的设计朝着正确方向发展的技巧列表。

1.考虑三个主要的UI设计组件

在开始制定设计策略之前，您需要考虑构成 UI 设计的三个主要组件。 这些是：

视觉设计

在设计方面，外观至关重要。 无论这听起来多么不公平，当涉及到您的网站外观时，人们都会通过封面来判断这本书。 高质量的视觉设计极大地提高了网站的整体价值。 如果你没有正确地完成这部分，你就不能期望 UI 取得很大的成功。

这使得营销人员和设计师创建能够吸引观众的内容非常重要。 创建不同类型的视觉内容总是一个好主意，特别是如果您遵循行业当前的趋势。

例如，一种非常流行的视觉内容类型是信息图表。 它们是可视化关键数据并以创造性的方式将其呈现给用户的好方法。 值得庆幸的是，有了像 Piktochart 这样的信息图表软件，这比以往任何时候都容易。

当然，这并没有结束。

您添加到网站的每个元素，无论是书面内容还是图像和视频等视觉组件，Clipchamp 等在线视频编辑器工具可能会派上用场 - 都属于视觉设计。 访问者在跳转到您的页面时不仅会看到图像 - 他们会在登陆网站后立即看到所有内容。 有些事情会首先引起他们的注意，但如果你设法让他们感兴趣，他们也会看到其他一切。

交互设计

首先，可视化可能是最重要的事情，因为这是人们最初的反应。 如果他们留下来，您需要确保他们的其他体验完美无缺。 这就是交互设计的由来。 这都是关于访问者如何与您的设计交互的，即他们点击了哪个按钮，当他们这样做时会发生什么，他们是否选中任何框等。

如果当您的用户跳过某个部分或错过某个字段时，您需要知道发生了这种情况。 也许这是他们的错误，但它可能只是您设计中的一个严重缺陷，会惹恼其他跟随者。

交互设计就是关注人们如何交互并改善他们的体验。

信息架构

人们能够在网站上找到他们需要的东西吗？ 他们是否花费大量时间寻找购买或获得答案的方法？ 如果答案是肯定的，那么你做得很差。

这就是信息架构的全部内容——网站内容的结构化、组织和标记。

2.更好地了解你的用户——或者更好！

你不可能猜到人们在看到你的设计或预期他们的行为时会做什么，除非你知道你在和谁打交道。 这就是为什么买家 角色 对设计师来说很重要——它帮助他们预测访问者和用户的需求和行为。

但是，你如何知道你的买家角色是谁？ 更重要的是，你如何从你的设计中了解他们想要什么？

这一切都最好通过研究来完成。 幸运的是，像我们上面提到的 Maze 这样的工具可以帮助您测试用户并收集关键数据，这些数据将为您提供所有答案。

这是您的起点——测试和研究该领域。

在研究您的买家角色时，您需要了解所有信息，从人口统计数据（即您的论文所在的位置）到市场需求、最新趋势以及您的受众在行业中的行为。 你的任务是了解人们如何与网站互动、他们喜欢如何订购、他们需要什么等。

可以通过多种方式收集这些数据。 您可以观察当前客户，考虑过去客户的行为，或向目标受众展开测试以了解他们的反应。

只有在知道目标受众是谁之后，您才应该开始设计界面——从来没有过。

3.使其可扫描和可读

平均而言，人们在网站上花费大约 45 秒。 是的，您已经付出了所有努力来收集数据并花费大量时间进行设计，只是为了让他们在您的网站上花费不到一分钟。

但是，很多事情可以在很短的时间内完成。 如果人们对他们所看到的印象深刻，他们就会愿意留下来——至少在使用您的产品或服务所需的时间内。

最后，这不是目标吗？

如果访问者难以阅读文本或无法在几秒钟内扫描它，他们将转到下一个站点。 事实上，如果你的文本太杂乱，段落太长，大多数人甚至不会费心开始扫描它。

用户视角和第一印象是高质量 UI 设计的关键。 这就是为什么您必须专注于使用正确、清晰的字体、适合的颜色、易于扫描的项目符号、能说出一千个单词的图像等。

您使设计更具可扫描性和可读性，您就有更多机会让人们感兴趣，而不仅仅是几秒钟。

4.决定他们需要如何互动

此类决定应基于您对买方角色和当前客户的研究。 一旦您研究了目标买家的潜在行为，您就会知道他们更喜欢如何与界面交互。

基于此，您可以处理动作部分 您的网站。

例如，如今大多数人都在使用他们的移动设备。 这告诉你什么？ 它告诉您，为不同的屏幕和设备找到兼容移动设备的设计并优化所有页面、功能和 CTA 是绝对必要的。

您应该考虑的其他一些问题包括：

· 买方角色更喜欢打字还是触摸？

· 他们是想使用语音命令还是通过打字来搜索东西？

· 他们是否需要联系以获取更多信息？在什么时候？

· 他们更喜欢如何与品牌沟通——通过社交媒体或网站消息？

您之前所做的研究应该可以回答所有这些问题——甚至更多。 例如，客户的年龄会告诉您要引入哪些功能。 老年人可能不具备与千禧一代相同的技术能力，因此如果您正在为目标受众设计，则拖动或滑动功能并不理想。

5.清楚地传达 CTA 的意图

添加一个显示“点击此处”的按钮可能会使其成为号召性用语，但如果访问者不明白它的含义怎么办？ 他们当然不会点击它。 这可能会进行购买，将他们带到内容更多的页面，让他们与您联系等等。谁知道呢？

每当您介绍 CTA 时，都要尽可能明确地表达意图。 人们应该知道单击按钮会发生什么。 当他们确信这样做时，他们也应该能够采取行动，这就是为什么页面末尾的单个 CTA 可能并不理想 - 就像顶部的单个 CTA 不好，因为人们必须返回采取行动。

最后提示：让学习变得容易

除非您的界面具有教学目的，否则导航和学习应该不难。 人们喜欢简单的东西。 当他们需要信息时，他们希望信息清晰、简单，这样就没有出错的余地。 当他们准备采取行动时，他们不想在网站上停留一个小时回答无休止的问题或浏览各种页面。

用户首先需要一个清晰的界面。 这就是为什么，除了包含所有功能和元素之外，您还必须确保您的界面简单明了，同时确保 UI 设计最佳实践。

随着你的进步，你会学到很多 UI 设计资源和技巧。 最重要的是——不要停止工作。 人们的需求和需求不断变化。

作者简介：

Nadica Metuleva 是一位自由作家，热衷于创作高质量的原创内容。 她拥有英语教学硕士学位和翻译学士学位。 Nadica 在自由写作行业拥有 7 年的经验，擅长创作吸引观众、推动增长和教育的内容。 你可以在 LinkedIn 上找到她。