高转化的无线端详情页如何制作

一、无线端详情逻辑

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

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

1、产品的页面呈现规划

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

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

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

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

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

a、焦点图(引发兴趣)

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

两个“3”

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

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

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

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

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

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

2、宝贝描述设计要领

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

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

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

a、角度：多角度全面拍摄产品。

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

(3)展示产品的整体性

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

(4)展示产品局部细节

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

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

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

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

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

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

二、无线详情页常见错误解析

手机详情页设计失败案例1：文字太小

优化前：首屏图片文字太小，诉求不清楚;图片占用空间太大，无效信息过多。

优化后：诉求上强调唯*性和独特性;文字清晰;4色展示，快速将宝贝基本情况罗列清楚。

提示：文字过小这个问题很多商家都有，这里给大家提供一个设计标准：中文字不小于24号字，英文字不小于30号字。另外，设计时，我们一般以4寸手机屏幕为设计标准去预览宝贝详情。

手机详情页设计失败案例2：细节点展现不清晰

优化前：细节展示不清，无法让消费者明确宝贝内部结构，产生购买欲望。

优化后：内部结构大图、宝贝细节设计、做工设计，皆由大图清楚地展示出来，加上点睛的文案，让消费者对宝贝的细节有一个清晰的认知。

手机详情页设计失败案例3：色彩选用错误

优化前：图片与背景图融合，无法凸显宝贝;纯放拍摄图，无法表达明确的宝贝信息。

优化后：宝贝背景设置白色，简洁明了;多角度展示、纹路皮质展示，信息传达清晰。

提示：手机端详情页色彩优先使用亮色背景，能让手机端的详情页看起来更简洁明了。

手机详情页设计失败案例4：用pc思路做无线页面

优化前：宝贝信息和宝贝描述文字过小，买家无法看清宝贝信息。出现这种情况的原因是我们直接将pc端的图片和文字信息放在了无线端。

优化后：宝贝信息进行了重新排编和提取，宝贝信息一目了然。

提示：不要用pc思路做无线页面，尝试用无线思路做pc页面，然后再去转换就没有问题。

手机详情页设计失败案例5：重点展示不突出

优化前：宝贝重点展示不突出，模特展示过多，浪费买家流量，降低了购物体验。

优化后：给宝贝进行重点特写和全方位的展示，省时省事省流量。

手机详情页设计失败案例6：文字过多过小

有时候由于文字过多过小，无法看清，如果放大文字，将占用更多图片空间。但如果必须写上那么多文字，就要想办法让你的文字更清晰，不能存在看不清楚的情况。

三、无线端用户访问特性

1、无线端消费者行为

(1)跨屏交互化，娱乐性增强

现在的消费者绝大部分会跨屏互动，即电脑、电视、手机等多种媒体的综合使用。这说明消费者访问信息的快捷性更强了。举个例子，比如你现在在看电视，看到某样东西刚好触动了自己想购买的心，于是你就会开手机淘宝挑选购买。这就要求手机详情页要非常简单，更应景的场景化页面，如果你的详情页很复杂，那么它的娱乐性和可视性就会降低，提高跳失率。

(2)流量差异化，更多生意机会

这方面需要你根据自己店铺的访问数据，找出流量高峰期，做相应的调整与优化。

(3)时间碎片化，机会多而短暂

每次打开pc会一次打开使用很长时间，而使用手机则是多次打开，每次看的时间不确定，有时可能是瞬间就又关闭，所以机会总是转眼之间就可能没有了。

(4) 无线终端多元化

现在用户可选择的移动终端有很多，也有很多不同的系统与版本，像是ios客户端、安卓客户端、ios平板、安卓平板等都是不一样的，这就要求我们要在多个终端进行详情页面的测试，确保发布的详情页在各个终端都能正常显示。

(5)场景多样化

这方面我们需要做到了解用户需求、准确的商品信息推送、让用户看到就能产生需要购买的联想。比如“能放在包里的羽绒服”就解决了很多人觉得羽绒服体积大，携带不方便的顾虑，切中了用户的需求。

2、无线端人群特有特征

(1)时间：床上、路上、马桶上

(2)年龄：电商助理消费人群为19-30岁人群

3、无线端浏览路径习惯

这里主要说一下搜索功能：比如你要买一张门票，你就可能会上淘宝搜索。我们必须认识到手机端搜索的重要性和手机搜索框下拉词的重要性，另外搜索列表页面一般出现的都是我们产品的主图，因此主图优化也十分重要。

4、无线端购买喜好习惯

(1)购买商品占比比较多：考虑页面加载时间和速度，做好用户手机体验。

(2)大部分消费者会在购买商品时优先看买家评论，所以我们需要尤其关注用户评价，特别是首页页面买家评价。

无线端消费者行为总结图：

高转化的无线端详情页如何制作小编就讲到这里了，希望对各位有所帮助。推荐阅读如何让手机淘宝搜索排名靠前?