华仔网校~
提供大量开网店教程,分享经验知识供学习交流~

如何设计无线端详情页?超级干货看过来

电商大部分卖家还是以详情展示为主来做销售。从商家对自己后台店铺数据的分析可以看出,无线端的消费人数已远远超越PC端。这也说明了,无线端购物比起PC端来说,更便于人们把握碎片化时间消费,束缚性相对更小;也正因为无线端这些优势,之前忽略对无线端装修的商家,必须重视起这部分的详情页。既然手机端购物的占比这么大,今天就上案例说说该如何设计无线端详情页?

首先详情页的信息逻辑越清晰,用户看得也越明白。在这方面,其实我们最好的学习对象就是我们的竞争对手,因为他们会在设计详情页之前做数据调研,根据客户的需要来进行调整。这里给大家分享一种方法,我们可以打开5家竞争对手手机端和PC端的详情页,进行全屏的截屏,然后放在A4页面上打印出来,在上面把每一个模块都划出来,我们就能非常清晰地理清它的逻辑。

做详情页之前,我们任何一个店铺都需要知道我们的主推商品和常规商品分别是什么,在页面呈现的时候,让主推品和常规品有一个区别。商品的区别也决定了店铺内的流量要分配规划。举个例子,我们做无线端详情页的时候,如果主推商品有多次的链接呈现,就可以让用户在不同的时间点都能快速地看到你们家的主推商品,获得更多的流量。

1. 产品的页面呈现规划

(1) 产品店铺内流量分配规划

一个好的产品页面是为了店铺内进行有效的流量分配规划做准备的,我们要让流量优先到达主推商品上,让这样的商品有更多曝光机会,从而获得比较多的转化。

(2) 主推品页面呈现内容以及呈现逻辑

做主推商品详情页的时候我们首先需要做一张逻辑图,理清我们需要添加的各种信息。这些信息的排列顺序是要根据我们客户的需求来的,不能总是按照淘宝官方给出的模板来做。拿下面这张逻辑图举例:

1

这里主要来谈一下焦点图与购买原因。

A. 焦点图(引发兴趣)

焦点图的目标就是引发消费者的兴趣,如果用户打开详情页,看半天都没看到你产品的亮点,也就不可能去下单购买,所以我们必须把产品的亮点放到最前面。

两个“3”

核心前3秒:在3秒之内,如果用户看不到他想看到的信息就会造成客户看不到重点而快速跳失。

核心前3屏:在店铺商品页面的前3屏里,如果用户找不到他想看到的产品就会同样的快速跳失。

B. 为什么购买(好处设计、逃避痛苦点)

我们想要触动一个消费者产生购买行为,最核心的一点是去迎合他的买点(需求)。只有切中用户的需求,他才会进一步地来了解产品。

(3) 常规品页面呈现内容以及呈现逻辑

常规商品的页面呈现相对来说就比较简单了。这里也用一张逻辑图来举例:

2

2. 宝贝描述设计要领

(1)图片清晰:不只是画面上的清晰,也是图片要表达的意思上的清晰。

无线端5张主图的作用是不同的,首图是要让用户点击进入详情页,其他4张的作用是提高转化率。因此首图需要有一个比较清晰的产品呈现。这里有一个提高用户点击率的小技巧——差异化,即将你的产品与其他商家的产品区分开来,这个差异可以是产品上的差异,也可以是产品位置上的差异。

(2)真实展示:拍摄图片时要多角度、多景别。

A. 角度:多角度全面拍摄产品。

B. 景别:被摄体在画面中呈现出的范围大小区别。分为远景、全景、中景、近景、特写。

(3)展示产品的整体性

我们都知道PC端的画面呈现是横向的,而无线端是纵向的,两者在呈现效果上是完全不同的。因此在无线端展示产品时我们一定要坚持“竖屏理论”,即拍摄照片时尽量用纵向的布局模式拍,保证可视范围内的图片的清晰度。

(4)展示产品局部细节

细节图片我们要尽量地去实拍,而不是对图片进行一个简单的拉伸。注意每一张细节图都应该有一个清晰的关键点。另外,给每张细节图加上2-6个字的文案,可以起到一个画龙点睛的作用,具有比较好的沟通效果。特别注意加的文案不要遮盖在图片上,在手机端设计时要尽可能让图片和文字分离,保证二者都清晰可见。

(5)展现品质引起受众购物欲望

展现品质最好的方式就是利用海报呈现产品的某个卖点。当然,展现品牌也能引起用户的购物欲望,但并不是每一个商家的产品都有一个比较大的品牌的。如果没有大品牌,我们就要注意在视觉上体现产品的一致性,这样给消费者的感觉相对会好一些。

(6)产品的尺寸对比以及售后服务

呈现产品尺码时我们要注意不能单纯地写上产品的尺寸,最好有模特展示,让用户有一个比较直观的尺寸上的感受。

这里再强调一点,读图时代,越来越多的人不愿意去看大段的文字。如果我们必须要在详情页放上比较多的文字,一定要注意分段分点,让用户看起来不要那么累。也可以寻找新的方式来解决文字较多的问题,比如做成问答型的聊天窗口等,增加可读性。

现在店铺流量组成早就不同了,有些店铺无线端占比高达80%,我建议店铺首页直接找个好的模板,全部套用模板把宝贝搞上去就行了,而让美工把90%的精力花在优化淘宝无线端详情页和活动图上。

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址