在数字营销中,你的网站是你业务的代言人。对于许多潜在客户来说,这是他们对你品牌的第一印象,因此你最好让它发挥作用。

很多企业都知道如何带来流量,无论是通过有机搜索、付费广告还是第三方推荐。你对这些受众所做的是将营销竞争者与假冒者区分开来。

良好的网站设计可以让访问者留在您的网站上,促进新的参与机会,并稳定地引导他们完成客户旅程。

不确定你的网站是否达到标准?看看你如何总结这五个良好网站设计的标志:

  1. Dropbox掌握了响应式网页设计的艺术。如果操作得当,响应性web设计可以满足各种设备的用户需求,充分利用每个平台的优势,尽可能提供最佳的用户体验。
  2. 圣母院抛弃了图像滑块。当谈到好的网页设计时,越简单越好。所以,从南本德的那些书呆子那里学一学,把你的图像滑块去掉吧。
  3. Bills.com消除了干扰。更明智地辨别网站上的内容。审核、审查和分析从副本到图像再到CTA的每一个组成部分,从而优化网站的参与度。
  4. 西南航空展示了它的创造力。西南航空已经明确表示,平面设计并不一定要枯燥或安全。即使在严格的品牌指导原则的限制下工作,也有机会发挥创意,向网站访问者展示你的品牌身份是独特的,而不是在公司董事会里炮制出来的一些想法的组合。
  5. 维珍美国保持关注。更多的公司可以从维珍美国的主页设计方法中学到一两样东西。保持简单、清晰和响应性,你就有了一个用户友好的网站,它肯定会支持你的任何营销或业务目标。

1.Dropbox精通响应式网页设计的艺术

在今天的数字营销中,响应式网站是绝对必要的。

在许多方面,移动平台是品牌信息传递和创造用户参与机会的完美交付系统。无论你的目标受众是谁,他们都有可能随时准备一部智能手机。占所有现场访问的58%发生在移动平台上,你的网站应该迎合移动用户的需求,而不会疏远那些仍然喜欢台式机和笔记本电脑的用户。

外卖:如果操作得当,响应性web设计可以满足各种设备的用户需求,充分利用每个平台的优势,尽可能提供最佳的用户体验。

举个例子:Dropbox,云存储巨头,它经过了艰苦的努力优化网站适用于桌面和移动用户。

桌面视图利用额外的屏幕空间,在页面上包含表单填充等元素,以增加参与度和转化率。

当网站在移动设备上浏览时,这些功能会被缩小、隐藏或完全省略,让访问者在智能手机屏幕狭窄的区域内获得空间。例如,表单填充被放置在可点击的CTA按钮后面,而不是显示在页边距中。

页面的布局也因平台而异。

注意高质量的照片是如何在移动设备上从水平布局切换到垂直方向的。在这种情况下,使用抽象的图像可以让Dropbox更灵活地根据不同的形状因素进行设计。

2.巴黎圣母院放弃了图像滑动器

旋转木马和图像滑块已经成为网页设计的时尚有一段时间了,而且很容易看到它的吸引力——至少第一眼看上去是这样。它们为原本静态的页面增加了一种移动感,表面上解决了在狭窄的空间中呈现大量信息的问题,而不会让你的观众感到不知所措。

不过,它们真的有效吗?

有很多研究表明,首页滑块在搜索引擎优化和用户粘性指标方面提供的服务很少。例如,它们可以增加网站的加载时间,这可能会损害你的搜索排名,同时也会赶走访问者。

最糟糕的是,大多数用户甚至不会点击图像滑块,使它们几乎毫无用处。

圣母大学的人对其主页的旋转木马性能进行了分析,发现只有1%的网站访问者单击整个滑块. 绝大多数——84%的人只点击了第一张图片,这就引出了一个问题:为什么还要用图片旋转木马呢?

该大学最终放弃了图像滑块,转而采用更加精简的界面,突出学生和校友的故事。

外卖:当谈到好的网页设计时,越简单越好。所以,从南本德的那些书呆子那里学一学,把你的图像滑块去掉吧。

3.Bills.com消除干扰

图像滑块的一个(许多)问题是,它们试图在一个小空间中呈现大量的信息。当然,网站并不一定需要旋转木马来犯同样的错误;如果没有一些花哨的网页设计工具的帮助,他们完全可以自己犯下信息超载的惊人营销罪。

Bills.com是一个例外,它采用了一种非常精简和直接的方法来吸引网站访问者,并引导他们走向潜在的转换。

Bills.com没有在页面上填满一堆产品信息、服务功能、客户评价和其他可能分散访问者注意力的细节,而是将信息浓缩为最基本的组成部分:你有债务吗?然后我们就能帮忙了。

为了让大家了解这条信息,该网站提供了一个简单的滑块,它占据了整个页面,允许用户选择他们有多少债务。下面是一系列提示,收集更多信息:他们在付款方面落后了多少,他们生活在什么状态,以及联系信息。

访问者不会被需要填写的表格轰炸;每一步都清晰而简洁。

当页面上没有其他东西分散你的注意力时,更容易让你的信息被别人理解。

这是否意味着你应该接受一个完全斯巴达的网页设计?不一定,毕竟你还是想让你的观众惊叹。但是用太多的信息填充页面会降低网站访问者真正登陆页面的机会。

外卖:更明智地辨别网站上的内容。审核、审查和分析从副本到图像再到CTA的每一个组成部分,从而优化网站的参与度。

4.西南展示创意

在大多数情况下,商业网站设计应该务实:网站的外观和性能如何?它容易导航吗?它的建立是为了让访问者留在网站上并增加参与度吗?

然而,如果你在寻找一些更具创意的灵感,西南航空公司的“旅游之心”页面就是其中之一。

专为长期客户和奖励计划成员创建的一次性网站根据个人的飞行路径生成定制艺术品。该页面从用户行程中收集信息,创建抽象的艺术作品,然后可以在家里打印或共享通过社交媒体网络.

西南航空公司的项目展示了该品牌的创意一面,同时通过一份在其他任何地方都找不到的独特礼物来奖励客户忠诚度。

您还可能会注意到,这些图像利用了西南航空的配色方案,而没有过度品牌化。调色板显示出非常细微的触感,同时仍然反映了品牌。

甚至连排版都令人印象深刻,突出了《旅行之心》中的“艺术”。它确实加强了这里展示的创意信息。

外卖:西南航空已经明确表示,平面设计并不一定要枯燥或安全。即使在严格的品牌指导原则的限制下工作,也有机会发挥创意,向网站访问者展示你的品牌身份是独特的,而不是在公司董事会里炮制出来的一些想法的组合。

5.维珍美国保持着专注

每个网站都有一个目的(或者至少它应该),它的设计元素应该以支持这个目标的方式构建。

这可以是帮助客户完成购买,鼓励客户填写联系方式,或者引导新的网站访问者考虑更多内容。

一个设计精良的网站将专注于这些目标,并使用书中的每一个网站布局技巧来实现这些目标。

在维珍美国航空公司的例子中,这意味着去掉你通常在航空公司主页上看到的所有杂乱,只专注于对客户最重要的东西。

该航空公司采用极简主义设计原则,为客户提供最基本的必需品。它直接进入预订过程,询问网站访问者希望飞往的目的地以及他们来自哪里。客户通过一个用户友好的下拉菜单输入他们的回复,该菜单像网页横幅一样固定在屏幕顶部。在预订过程进行到一半时,你决定放弃巴黎的街道去坎昆海滩?只需单击该下拉菜单并进行更改。

谁不曾在航空公司网站上纠结于糟糕的用户体验设计,不得不重新开始整个预订过程,因为你输入了错误的旅客人数,或者你输入的出发日期推迟了一天?

本应相当无痛的东西——维珍美国的例子表明,它可能就是无痛的——最终会在多个屏幕上引起头痛。

与Dropbox一样,Virgin America也利用响应性设计,在不同平台上保持精简、直观的网站布局:

外卖:更多的公司可以从维珍美国的主页设计方法中学到一两样东西。保持简单、清晰和响应性,你就有了一个用户友好的网站,它肯定会支持你的任何营销或业务目标。

这些例子应该会给你一些设计灵感来改善你自己的品牌网站。你不需要为你的网站访问者制作定制的艺术作品,但你应该提供一个简化的界面,消除互动和参与的障碍。保持内容相对简单、简洁和清晰,你会从你的品牌网站得到更多。

杰夫·克莱赫是布拉夫顿的作家和编辑。作为一个品味简单的人,他喜欢弹吉他,玩电子游戏,和他的狗一起玩——有时是同时玩。他还没有从伊利诺伊州在2005年NCAA全国锦标赛上的失利中恢复过来,而且他可能永远也不会。