优秀的Shopify主页需要达到哪些目标?

网站访客在主页的平均停留时间应该在10至20秒。从设计的角度来讲,网站的导航流程需要非常清晰,这样Shopify访客就能更便捷更快地找到他们想要的东西。

由于“决策规避”(也就是人们一般不会花太长时间做决定)的心理现象,要达到以上目的,就显得很紧迫了。对于网站来说,决策规避也就是访客离开主页。要想避免这一点,网站设计的重点就是要说服消费者继续停留在页面或者进入二级页面了。

要做到这一点,你需要理解网站最具价值的地方所扮演的角色。

 

1.能够激发特定行为的“首屏”内容

网站页面的“首屏”指的是在来访者决定下拉页面前所看到的东西。

当你在考虑将哪些内容放在首屏及其如何与主页其它内容联合作用的时候,你应该考虑清楚你希望访客看到首屏可以发生什么行为,访客需要看到什么信息,以及你通过什么具体的方式引导他们发生特定行为。
640

以上图的Morning Recovery网站为例,他们卖的是防醉产品。所以他们的目标是引导潜在消费者购买他们家最热销的一款产品,为达到此目的他们设计了一个颜色鲜艳的、以产品为中心的视觉,和一个清晰的行为号召按钮(Call to Action,以下简称CTA)放在他们的“首屏”区域,以引导潜在消费者进行购买。

消费者在该页面就会有两种选择:

1) 点击下一步进行购买

2) 首屏下拉获取更多信息——用户评价,视频,有关产品原料的信息。

许多网站头部会使用一个醒目清晰的标题,和具有说服力的副标题(如优惠政策),以及引人关注的视觉来吸引新用户并带领他们对品牌进行更深入的了解。

当访客一进入你的网站你就可以设置多种渠道吸引他们,比如说在导航栏上方设计一个促销类横幅,可以是特价促销或免邮等。

 

2.清晰的导航栏

一个主页的导航栏要做到清晰,内容就必须要简洁。但是同时你又想满足更多消费者的需求,是不是会显得很矛盾?其中首页最重要的是保证消费者能够在页面上能够进行快速浏览。

头部导航应该越简洁明了越好,将多数消费者的需求放在最前面。Orbit Media Studios的策略总监Andy Crestodina认为网站上不应有超过7个的导航链接。

内容越少,记起来就越容易。心理学教授George Miller在1956发表的一个颇具影响力的研究中总结说,我们的短期记忆一般只允许一次性容纳7个项目。

640 (1)

含有太多导航项的网站,会给人一种拥挤杂乱的感觉,因而会增加用户离开或者进错页面的可能性。要合理安排导航栏,从左到右安排,将最重要的分类放在左侧。

如果你有很多产品和品线,那么把重点放在主要的高级系列上(把80%的精力放在20%最有潜力的产品上),使用超级菜单或者下拉菜单来创建二级导航。

640 (2)

如上图网站,就通过简单的主导航和二级导航展示丰富的产品类目。

有一些网站还会根据自己的主要需求在主导航栏上设立了介绍页面(About us)和联系页面(Contact us),常见问题(FAQ)页面,或者其它的页面。

但是如果把这些页面放在顶部发现没有得到很好的效果,最好把它们放回网页底部。

640 (3)

 

3.吸引眼球的视觉

决策规避不仅体现在导航栏上,网站上其它的因素也会影响访客的决定。

无论你是对某个产品进行促销,还是想吸引潜在客户进行注册,视觉在吸引用户的注意力方面扮演者极为重要的角色。

以下是将视觉整合到主页首屏区域的一些途径:

-添加含文字的图片

640 (4)

这种首屏视觉的风格通常由一个简单,有重点的图片,一句简单的文案和一个行为号召按钮组成。对于那些希望把像限时优惠、热销产品或当季系列之类的促销模块放在首屏上方的商家来说,这是最佳的选择。

 

-图片幻灯片播放

也可以使用图片幻灯播放来展示一个特定的折扣,一组产品系列或者高清产品图。

合理安排播放的先后次序,先放最主要的。而且建议图片的轮转时间不要太短,让客户有充足的时间看完一张图。

 

-视频

640 (5)

对于那些创意性强或者较为复杂的品牌来说,告诉消费者该产品的实用性会大大增加他们的兴趣。

以Bottle Cutting Inc的主页为例,许多访客可能还不知道他们到底需不需要他们的产品,所以品牌在主页上通过插入视频来增加访客好奇心——这也是这类产品提高转化率的一个很有必要的步骤。

 

-一个直接的CTA

可以把CTA理解为高速公路的出口标志,它应该简短精悍,醒目而且能够快速地帮助到需要指引的司机。

你的CTA需要正确地帮助访客进入他们想要的二级页面,它可以试让客户进入最新产品链接,或者产品视频介绍。

CTA应该让消费者马上知道应该点击哪里。找到这个按钮所需的时间越长,消费者就会越容易迷失方向继而离开网站。

640 (6)

上图所示的PopSockets主页,在带领消费最终完成转化的过程就做得很好。他们用醒目的产品视觉来吸引注意力,而且黑白相间(与背景色区分开来)的CTA按钮在前方正中央。

首屏上方所显示的内容也是主页的主要目标:引导用户直接浏览最新产品线。在你下拉时,你可以看到更多的CTA按钮来购买其他产品。

 

-易于访问的购物车

置顶购物车是一种在浏览过程中全程显示的购物车,一般在页面右上角显示。

它还可以显示购物车里已有的商品数量。一个显眼的购物车提示,不但显示了已加入购物车的商品数量,还要提醒消费者他们的购买正在进行中并鼓励完成下单。

640 (7)

Chubbies在主页设置了一个红色提示,目的是提醒消费者购物车内的商品数量,而且还有一个置顶购物车,使得消费者很容易就可以继续购物或直接结账。

如果您想要打造一个专业的Shopify独立站,希望自己的网站与众不同,给访客最佳的购物体验,可以与我们取得联系,我们是Shopify官方合作伙伴,帮助出海卖家自定义设计和搭建专业的Shopify网站,助您在海外发展品牌、开拓业务!