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

已发表: 2018-01-10

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

把事情简单化

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

胜利者主题热图

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

留白是趋势

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

brixey

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

bamf

保持简约的方法

极简主义是现代网页设计时代。 当我们说极简主义时,它并不意味着颜色和设计布局,它还指向模板上的视觉效果。 有些模板确实遵循干净的设计布局和时尚微妙的配色方案,当他们试图添加过多的动画效果时,会破坏模板的整个设计。
您需要添加动画的最重要的地方是菜单选项、号召性用语按钮以及您认为用户鼠标指针所在的地方。 例如,看看 Kinsta 网站,他们是一个网站托管公司,它是我们羡慕的网站之一。 在我们关于现代托管网站设计理念的 WordPress 设计综述文章中,我提到我希望看到这样的托管网站,不久 Kinsta 分享了他们改造后的网站,我完全说不出话来。

kinsta-网页设计

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

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

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

尖叫的青蛙

这是一个小细节,可帮助用户了解您对工作的重视程度。 您需要添加到主页的最重要的部分是;

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

移动响应当然! 但是安培?

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

现代或优雅的设计

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

重新设计的间隙标志

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

永不解决

这些是您决定改进网站设计时必须考虑的一些基本事项。 我相信没有什么是永恒的,也没有什么是完美的,无论您怎么想,都继续对您的网站进行微小的更改。 一千可能失败,一百可能成功,但如果我们不尝试一千,我们将永远找不到一百成功。

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