Web设计可以更好地将您连接到受众的3种方式

人们如何认识 好的网页设计?

好的和坏的设计之间有很大的区别。很多人可以确定一个好的设计，但是他们不知道 有什么区别.

大多数人没有在浏览网站，而是在思考： 该网站具有匹配的衬线和无衬线字体，并且很好地使用了空白！

不。只有设计师认为。

在大多数情况下，人们只是觉得 某事 好吧。也许吧’那种醒目的字体或鲜艳的色彩，但实际上他们并不确定。

There is 某事 more to good design than making it just look 对.

因为您可以根据所有主要设计规则以手术精度设计网站…人们可能仍然不喜欢它。

Form, 功能, and feel

好的设计不仅仅是网站的外观；它是这样运作的。

但是网站也不是机器。好的设计没有简单的代码库或配方。您无法对其进行编程，生成或以某种方式使该过程自动化。

那’s why 您r design needs 某事 more.

为了创建一个连接的网页设计，我们需要它达到与观众互动的新高度。

1.为人类设计

你的网页’s的设计给您的用户留下了第一印象，您想使他们与您的网站的交互尽可能对人类友好。没有人希望受到机器人的欢迎和指导。

使您的网站以人为中心意味着易于使用，而不会让人们猜测下一步该做什么。这意味着您将设计重点放在人们的行为以及访问者对您的网站的期望上。

您可以通过轻松解决可能会吸引访问者的常见问题来改善网站的用户体验’ time to figure out.

访客在设计不良的网站上发现的最常见问题是：

• “Is it clickable?”
  所有需要与用户交互的元素都应该清晰可见或以某种方式突出。链接和按钮的颜色至少应与正文内容的其余部分不同。
• “Where am I?”
  当您的设计布局不一致时，访问者会感到迷失在您的网站上。当人们不知道要去哪里时，他们总会找到出口。您可以’t在页面之间经常移动导航或更改布局。您应该在整个网站上使用通用模式，以便访问者可以了解您网站的界面。

  一致性是设计良好的网站的最重要方面之一。

• “I can’t read it!”
  您的内容容易阅读吗？如果不是这样，您的文本可能太小，或者背景和文本颜色之间的颜色对比度可能不够清晰。 设计您的网站排版 为了人眼

  如果目标受众年龄较大，则需要使版式更大，并增加对比度。你应该专注于你的 使用者’ 需求；不用担心’t look aesthetic to 您 不再。

花一些时间 了解典型的访客 并在您的网站上研究他们的行为。找到他们的常见问题和问题，并尝试解决它们。

确保与您息息相关的访问者可以使用您的网站。忘记使设计平坦或使用奇特的颜色’对您的员工不起作用。

2.情感设计

情绪影响很大 根据我们的大多数决定。因此，在设计网站时，我们不能忽略情感。

当涉及到人们的感受时，这一切都很重要。通过使用特定的字体，形状，图标，照片或颜色，我们可以影响人们对我们的产品，服务或品牌的感觉。

您可以看到大型品牌一直在玩弄我们的情感。看看苹果公司，塔吉特公司或星巴克公司。

产品设计绝对是苹果的主要因素之一’成功。苹果公司花费大量时间和金钱来确保其产品外观时尚，性感和现代。

 

It’s also not just the way the product looks, but how it works and feels when 您 use it. Most Apple products have smooth, nice-to-touch surfaces and consistent rounded corners. It feels good, 对?

那么，如何使用情感设计？

• 给您的品牌一个灵魂。
  选择一种让人们对您的品牌或网站有感觉的情感，然后集中精力并保持一致。您是否希望网站保持轻松，幽默的一面？然后使用愉悦的色彩，平滑的形状，有趣的角色，并将其与整个地方的笑话结合在一起。

  但是，假设您正在运行一个有关跑车的博客。您希望人们与您的品牌联系在一起，所以您需要让他们感到 凉 关于它。您可能需要使设计时尚，现代，性感，并使用强烈的颜色（例如红色）。

  您不想使用鲜艳的蜡笔色或 Comic Sans 字体，因为那样会使您的设计与跑车迷的口味不匹配。

• 给您的访客一个惊喜。
  您想引起注意吗？人们会更好地记住事物，并在与之相关的事物上给予更多的关注。通过做出一些意想不到但积极的事情来使您的访客感到惊讶，例如，显示一个“Thank 您”通过简单的动作使消息有趣 视差滚动 效果，或当光标悬停在某些元素上时使用动画。
• 哭泣时给孩子糖果。
  人们访问网站和网站时的感受’无法正常工作，或者他们收到404页？他们可能会感到困惑，失望或沮丧。’希望人们有这种感觉。您可以通过制作有趣的404页面或在网站由于某些维护工作而处于非活动状态时设置自己的自定义页面来解决此问题。

  在出现问题时让人们微笑，在必须等待时让他们忙。

• 保持积极。
  这是一般的经验法则：唤起 只要 积极的感觉。您永远都不想将不良感受与品牌联系起来（除非’真的是你的目标，你知道你在做什么’重新做）。尝试使用正面的图标，例如复选标记，笑脸和竖起大拇指的手势。您可能还希望将积极的情感与网站上所需的操作相关联。例如：
  • 完成任务后露出笑脸（奖励）
  • 使用绿色的“添加到购物车”按钮
  • 显示正确填写的表单字段的复选标记
  • 在多页表单中使用进度条

3.设计讲故事

使主页看起来像飞机仪表板的时代已经结束。这些天，我们避免过度使用按钮，号召性用语和其他所有干扰因素。

网站设计的新角色是 讲一个故事.

想象一下漫画页。您可以看到各种尺寸的条带和插图，以使故事更加有趣。它旨在引起您的注意，保持兴趣，使您感到惊讶，吓scar您，让您发笑…而只有好的叙事和图像才能实现。

你的网页 can 讲一个故事 too:

• 设计一个布局，以增强探索。
  尝试使页面内容保持正确的叙述和渐进顺序。使用简单的垂直设计以方便视觉移动和流动。您可能需要从醒目的标题和折叠上方的简单说明开始。然后，向访客介绍您的最佳功能，向您的客户展示’故事，列出正在使用您的服务或产品的人，最后引出一个— and 只要 one — call to action (并对其进行优化）。

  将您的内容分成几部分，但要确保它们之间有明确的联系。这样，您的访客就可以像真实故事一样阅读它，而不会暂停或中断。

  还要记住，在水平和垂直方向上都具有良好的视觉平衡。让你的读者’眼睛从左到右平稳地移动。如果一个部分在左手侧较重，则使另一部分在右手侧聚焦，反之亦然。

• 使用各种内容元素来保持访问者的兴趣。
  确保您的故事有趣。您可以使用选项卡，滑块和滚动动画等不同的交互元素来保持用户对网站的关注，避免使用冗长而乏味的文本段落。您可以将它们切成较小的部分，包括视频，图形和插图。或者，您可以介绍一些组织并创建项目符号列表，这对于眼睛来说总是更容易阅读。

  不要害怕在页面部分之间更改背景颜色。这样，您就可以操纵天平，并且如果背景颜色按特定顺序排列，则可以鼓励滚动。

• 鼓励采取行动。每个故事都有结局。在故事的结尾放置主要行动呼吁，以便人们可以采取下一步行动。

  确保页面的垂直流动将访问者引导至最终的号召性用语。您可能希望使其标题或按钮文字看起来像故事的延续，比其他任何元素都更加突出。

那么，下一步是什么？

我们总是可以做很多事情来改善我们的网站设计。我鼓励您将其进一步发展。深入幕后。

您只需照顾好访客并改善他们的体验，就不会错。通过设计一个好的故事，考虑他们的感受并为您的网站内容增添更多意义。

您今天可以进行的一项简单的设计更改会改善您的用户’在您的网站上体验？

Flickr创作共用电影院摄影： 门达克