自建站页面设计注意事项整理出来了!快来看

是否能算的上是一个质量高、设计好的商店,不仅仅是要有优秀的运营手段,还要在页面的设计上下功夫。在一个店铺中不只是由一个页面产生,在搜索的时候需要有搜索的页面,需要有商品详细信息的页面,需要有结账的页面等等,在每一个操作下面都会有与之对应的页面来实时反馈。

本期内容就来谈一谈各个页面需要注意的一些问题。

在讲述各个页面需要注意的细节问题前,先来讲一下每个页面共同需要注意的地方:

  1. 需要兼容移动端和PC端的用户,保证从不同入口进来的消费者看到的页面都是清晰的。由于大部分消费者主要还是来自移动端,所以在移动端的页面设计上要更加重视,注意字号要大,保证在小屏幕上也能看清内容。不同的主题对不同的客户端会有不同的要求,有的主题在图片和文字上会将移动端和PC端做出区分,那么这时候就要特别注意分开进行有针对性的设置。
  2. 不管是移动端还是PC端的图片都要足够清晰,因为模糊的图片一定是会降低消费者的体验以及对店铺的印象。但可以对图片进行合理的压缩,提高网页打开的速度。例如Shoplazza中不一样的主题中对移动端的图片要求也会不一样,所以在设置的时候可以注意一下这个问题​。
  3. 网页的打开速度也会影响消费者的浏览欲望甚至是购买欲望。在添加图片前先看是否有为移动端的图片进行单独设置,有的话可以直接为移动端设置可适配的图片,减少图片不清晰的问题​。可以使用谷歌的页面速度测试工具、dareboost、WebpageTest等测试工具来​测试网页的加载速度。
  4. 色彩与风格上要统一、简洁、干净,千万不要花里胡哨,显得非常杂乱。要想让消费者一看到就感觉这个店铺的装修非常舒服,通过色彩重点突出就足够了。简洁有序的店铺能够让消费者优先产生这家店的品质不错、值得信赖、有保障的第一直觉,能够快速确定店铺是否符合自己的购买需求,节省购物时间。

除了以上需要注意的共同点之外,各个页面还需要注意:

01 首页

首页作为一家店铺的主页面,是消费者最先了解店铺的一个窗口,是产生第一印象最关键的一个页面。只有首页的设计足够精彩,足够吸引消费者的眼球,消费者才有继续往下探索的欲望,愿意在店铺里多待一会,甚至是产生购买行为。所以这也就意味着它的装修设计在所有页面中是尤为重要的。

我们首先要明白人们对任何事物都会有第一印象,不只是对人,而一旦形成这种第一印象之后,就容易会先入为主,影响接下来的活动。明白第一视觉印象的重要性之后,来看要怎么样把握住当下消费群体的第一印象。

  1. 在风格选定的前提下,需要考虑消费者在首页上浏览的动机是什么。有什么热销商品?哪些商品做活动?有没有我需要的商品类别?这些问题意味着首页是要有功能性的,需要为消费者节约时间。为了能够让消费者快速找到其他同类型的产品以及分类,就需要在页面上方将分类或者专辑部分展示出来,并做相关的推荐。
  2. 合理布局,将所有部分分块,将所有部分整理归类放置在最佳的位置。按照功能的不同,分区域显示不同内容。消费者是按照从上到下的浏览方式,所以要合理规划导航以及各个模块,例如主打商品应该放置在页面的中上较为醒目的位置,博客放在中下位置,评论放在尾部。
  3. 注意图文搭配,以统一和谐的方式规划布局商品图片、描述、分类等信息。在让消费者浏览页面时快速找到其所在位置的基础上,还要注意突出商品、品牌等主要特征以及细节特征。
  4. 展示最优秀的内容,突出好评或者商品亮点等能够吸引消费者的点,将自身最优秀的部分展示在主页上。
图片来源:Wayrates

02 搜索页

搜索页分为页面上方的搜索框以及搜索结果页面。搜索框是消费者进行搜索的第一步,最理想的情况就是在不用输入的情况下就能显示自己要找的东西。所以在这一步中抓住消费者的心理,帮助他快速找到心仪的商品距离他下单也就更近了一步。

  1. 需要在每个页面上都设计搜索功能,保证消费者不管在那个页面中,当他们找不到自己想要的商品时都能进行搜索。
  2. 放置主推商品或者专辑在搜索下拉框中,利用搜索框这个推广的最佳位置为消费者推荐,很大程度上可以提高商品的转化率。
  3. 在搜索框中显示历史记录或者推荐搜索的关键词,为消费者的二次搜索提供依据,能够更加精准地帮助消费者搜索到心仪的商品。
图片来源:Sunflower Jewels

03 专辑详情页

专辑详情页是为了对一堆商品进行一个整理和归类,不仅方便消费者查找,还有助于商家为一个系列的商品设计活动。那么需要注意以下几个问题:

  1. 按照功能特点、活动促销、材质等进行分类,尽可能划分详细,这样有助于消费者的精准查找。划分但并不代表不能穿插,每个分类中可以有相同的商品,这只是意味着这个商品具有不同的属性。
  2. 分类要一目了然,能够让消费者一眼就能明白这个类别放的是什么样的商品。
图片来源:One Kid

04 商品详情页

商品详情页是消费者可以了解所需商品的具体信息,承担着转化消费者的任务,如何能够让消费者看到商品详情页之后对其认可并下单,这就是商品详情页设计的依据。优秀的商品详情页可以让商品有更好的销量,提升转化率。需要注意以下几点:

  1. 要注意详情图与商品标题、性质相契合,还要真实介绍商品。以商品细节图与文字说明相搭配的方式,让消费者全面了解商品,从而刺激消费。
  2. 从色彩的方面突出用户引导,在吸引消费者视线的基础上促进点击。例如折扣信息、加入购物车等都可以用鲜艳的颜色来突出。
  3. 在变体选项卡部分尽量以消费者最能快速选择的方式来展现每个变体部分,例如颜色可以直接用商品的不同颜色图片来展示,这种展现形式不会只局限于颜色描述或者需要消费者拉到页面下方才能知道颜色的实际效果。
  4. 展示出商品的评价、特色服务以及需要提醒消费者的服务条例,包邮、免费退换货、安全支付等等。
  5. 展示与该商品相关的商品推荐,恰当准确的推荐能够促使消费者加购,提升转化率。
  6. 分享按钮,提供多种分享渠道,通过消费者的主动分享,无疑是比刻意宣传的效果来的好。
图片来源:Wayrates

05 加购页

加购页面是消费者在结算前的最后一步,可以决定消费者是否直接进行下一步结算或者增加商品结算的关键步骤。在这个页面中需要利用消费者的消费心理合理推荐。需要注意以下问题:

  1. 加入导购产品,引导消费者加购,可以利用凑单、优惠券、商品推荐、满额包邮、换购等方式来让消费者在购物车现有商品的基础上再继续增加商品。
  2. 加购的页面形式有抽屉式、弹窗式或者直接跳转购物车页面,这三种加购页面形式各有优缺点,可以进行A/B测试,选择一款最适合自己店铺的方式。但目前较多的加购方式是通过抽屉式页面来展示已经加购,这种方式可以让消费者在不离开原有页面的情况下知道自己已经加入购物车了,这样还能继续购物或者选择直接进行购买。
图片来源:Conscious Step

06 结账页

结账页这是消费者在购买前看到的最后一个页面,也就显得格外重要,这是很多人选择放弃下单的地方。那么需要注意哪些问题可以降低流失率呢:

  1. 在结账页尽量不要有其他与付款不相关的内容,要尽可能简洁干净
  2. 需要有信任徽章,也就是安全证书、付款安全等能够让消费者信任的标志,例如Paypal的授权标识。
  3. 很多取消下单的情况是因为不想创建新账户这个麻烦的步骤,可以通过游客方式只填写邮箱就能进行购买。因为我们的主要目的是可以通过这次购买收集到新客户的联系方式,便于后面发送促销邮件。
  4. 设置多种付款方式,可以为不同的消费者带来便利,促进销售。
  5. 结账后可以触发推荐,增加消费者加购的可能性。
图片来源:Conscious Step

以上就是本期的全部内容,根据我的建议以及你的实际经验好好设计一下你的商店吧。如果你还没开始装修,可以参考一下,已经装修完成的话就看看有没有值得修改的地方。我的建议仅供参考,更重要的是以自身的实际店铺运行情况来设计与修改,只要是能够帮助店铺合理地提高转化率的方法都值得你试一试。

关于平台的所有问题和小建议都可以留言告诉阿婆哦。

不正经的阿婆做最正经的测评!

除非注明,否则均为阿婆测评原创文章,转载必须以链接形式标明本文链接

大家可以关注阿婆的公众号(阿婆测评),不定期会有粉丝福利!
暂无评论

发送评论 编辑评论


				
上一篇
下一篇