如何改进您的网站设计? 用实际例子解释

已发表: 2018-01-10

作为一家网页设计和网页开发公司,我们不断努力以创新的思维为用户提供更好的网页设计。 但创新设计并不意味着让您的网站与其他网站完全不同,也不意味着让用户完全不知道如何与您的网站进行交互。 最终的复杂性是让事情变得简单。 网页设计并不是做不同的事情,而是以不同的方式做事情。 以下是一些改进网站设计的技巧。

把事情简单化

如前所述,简单是最终的复杂性。 当您使设计变得简单并且与网站的交互变得轻松时,用户往往会比以前在您的网站上停留更长时间。 当您根据用户点击制作网站的热图像时,您可能知道网站上的用户交互模式。

胜利者主题热图

如果您使用 WordPress 网站,有许多热图插件可以为您提供帮助。 这里我使用了通用的解决方案工具,Google Analytics addon for chrome。 它显示您网站上的点击次数。 从我们的主页,您可以推断出更多的点击是在菜单和号召性用语按钮上。 在线用户是容忍度和耐心程度最低的人群。 用户倾向于浏览您的内容并寻找最相关的信息。 确保您的网页设计简单,以便用户可以轻松导航并在您的网站上找到他们想要的内容。

留白是趋势

如果您查看了最近的 WordPress 主题,您可能会注意到大多数主题都遵循大量空白。 留下大量空白并不是浪费屏幕空间,而是只向用户呈现最重要的信息。 空白区域有助于用户获得无干扰的网站体验。 空白为您的网站增添了丰富性,它可以帮助您优雅地展示网站内容。

brixey

如果您使用深色主题,这也是更好的设计选择。 黑皮肤主题给您带来皇家和高级的感觉。 大多数奢侈品牌都遵循黑暗主题。 例如,看看 Badass Marketers and Founders 网站,他们遵循黑暗主题,但对于内容点,他们明智地选择了空白以获得更好的阅读体验。

bamf

保持简约的方法

极简主义是现代网页设计时代。 当我们说极简主义时,它不是指颜色和设计布局,而是指模板上的视觉效果。 有些模板确实遵循干净的设计布局和时尚微妙的配色方案,当他们尝试添加太多的动画效果时,它会破坏模板的整个设计。
需要添加动画的最重要的地方是菜单选项、调用操作按钮以及您认为用户鼠标指针所在的位置。 例如,看看Kinsta网站,他们是一家网站托管公司,是连我们都羡慕的网站之一。 在我们关于现代托管网站设计理念的 WordPress 设计综述文章中,我提到我希望看到这样的托管网站,很快 Kinsta 就分享了他们改版后的网站,我完全无语了。

kinsta 网页设计

动画很轻,因此页面加载速度更快,并且这些效果给用户带来交互的感觉。 在我们的大多数主题中,您都可以看到令人惊讶的网页元素动画,因为我们必须为大众创建主题。 但我们正在我们的自定义项目中创建这样的网站。 如果您有兴趣创建此类交互式网站,您可以使用我们的自定义主题开发服务。

不要只是说,讲述你是谁!

讲故事是任何网站最重要的部分。 许多创意机构和品牌正在尝试更创新的方式来展示他们是谁以及他们提供什么。 尖叫青蛙就是这样的网站之一,它通过交互式可滚动界面讲述了他们的历史。 网页中最吸引人的元素是在页脚,一只青蛙和一只苍蝇元素,而不是说我在下面以 gif 形式分享,请欣赏。

尖叫青蛙

这是一个小细节,可以帮助用户了解您对自己的工作有多重视。 您需要添加到主页的最重要的部分是:

  • 强有力的介绍可以将您的品牌牢牢铭记在访客的记忆中。
  • 您提供的服务的一个小要点。
  • 您产品的独特功能。
  • 关于我们的互动。
  • 建立信任感言。
  • 经验丰富的案例研究/成功故事。
  • 分享知识的资源。

当然是移动响应式! 但是安普?

移动响应几乎是您获得的默认选项,即使是免费的 WordPress 主题。 在高级主题中,您可以获得更多自定义选项。 我列出了一些插件,可以帮助您制作优雅的网站移动版本。
但如果您想知道是否应该为您的网站使用 AMP,那么答案就在您身边。 如果您的大部分流量来自移动设备,那么最好选择 AMP,因为 Google 已经默默地测试移动优先索引,并将 AMP 页面推送到移动搜索和 Ok Google 语音搜索中。 实施 AMP 是明智之举。 我还专门写了一篇关于如何制作AMP页面的文章,请看一下以获得更好的想法。

现代或优雅的设计

这完全取决于您的目标受众,您可能已经看到,尽管现代网站已经发展了很多,但有些网站仍坚持其非常旧的设计。 究其原因,该品牌以其设计而闻名。 这是一个实际的例子,您可能知道 GAP 自 1969 年以来一直是全球服装和配饰零售商。2010 年,他们决定重新设计徽标以适应现代受众。

间隙标志重新设计

客户对新徽标提出了很多反斜杠,他们在两天内用旧徽标替换了新徽标。 因此,在设计或重新设计您的网站之前,请考虑谁是您的目标受众。 如果您想开发一个新网站,请查看我们的现代网站设计指南。

永不安定

当您决定改进网站设计时,这些是您必须考虑的一些基本事项。 我相信没有什么是永恒的,也没有什么是完美的,无论你怎么想,都要不断地对你的网站进行微小的改变。 千人可能会失败,百人可能会成功,但如果我们不尝试千人,就永远不会获得百人的成功。

希望你们喜欢这篇文章。 哦! 订阅框位于页脚中,我们仍在设计中寻找更好的位置。 请订阅我们的时事通讯,以便在我们分享想法时立即收到通知。