首页  /  干货
淘宝详情页排版技巧之竖屏思维
2017-09-15 13:22:10
3696浏览
数据显示,90后平均91%的时间在使用手机端,手机端已经是很稳固的浏览渠道,手机端的购买率已经远超过电脑端,2016年双11,85%的业绩的达成来自手机端,所有的电商几乎都由手机端展开,而我们的淘宝详情页排版技巧也从横屏思维转化为竖屏思维。

数据显示,90后平均91%的时间在使用手机端,手机端已经是很稳固的浏览渠道,手机端的购买率已经远超过电脑端,2016年双11,85%的业绩的达成来自手机端,所有的电商几乎都由手机端展开,而我们的淘宝详情页排版技巧也从横屏思维转化为竖屏思维。

从一个简单公式开始“转化率=内容质量X信息送达率”。平时我们大部分精力都花在“内容质量”。而信息送达率,是被全行业普遍忽略的一个维度,其追求的目标是让用户能够轻松地、舒服地接受到你表达的东西。

天猫华为荣耀旗舰店、京东雅诗兰黛旗舰店的例子,表达的内容几乎都看不见,说明了什么是“信息送达率”,大品牌也一样有思维盲区,对信息送达率视而不见。

雷军微博配图的例子,图小字小,再好的文案也浪费了,信息送达率也被忽略了

华为、雅诗兰黛、小米的之所以也犯这样的低级错误,当然不是设计师水平问题,这是全行业的思维盲区。天猫淘宝也好、京东也好、微博微信也好,手机电商中的绝大部分信息都是流量垃圾,因为没能把内容传递给客户、关键信息都送丢了。

思维盲区之一,忽略了手机屏的像素密度是PC屏的3-4倍。表达同样的像素,手机上只需要用PC屏上1/3~1/4的绝对距离;表达同样的面积,则直接会小一个数量级。当设计师在电脑上觉得刚刚好的时候,其实手机上就一定小了。

另外一个被忽略的,是手机屏是竖屏。由于人的眼帘视野是横的长方形,所以人类发明的大部分屏幕都是横的长方形。智能手机屏是人类第一次大规模面对竖屏。手机互联网时代,用户从早上起床开始到晚上入睡前,大部分时间都是用竖屏在看世界、获取信息。

电脑屏上一满屏的老虎图片,进入手机屏后,只占手机屏的三分之一,完全无法体现老虎的威慑力。不懂竖屏,你的展示舞台被切掉了2/3。

淘宝详情页排版技巧之竖屏思维

手机上应该采用和手机屏幕形状类似的竖方形图片,才可以用满整个手机屏幕来做表达,最大程度地保持老虎的视觉冲击力。

竖屏为什么跟常规的横屏不一样呢,为什么要提竖屏思维?

横置宽屏的30寸电脑显示器VS竖置的5到6寸手机屏幕:从展示内容量到视觉范围、从点击操作到触摸滑动、从信息轰炸到浓缩精华、从固定地点观看到随地查阅、从一对一用户交互到随时转发分享,竖屏引发的用户习惯迁移和信息传递方式已经极大的发生了改变。怎样能把5到6寸的竖屏展示页面做的震撼力、有冲击力是非常重要的一件事情。

淘宝详情页排版技巧之竖屏思维

如上图,在电脑上看看的清的,在手机端已经无法实现和用户交互。所以直接把pc端的页面搬到手机端来用,已经完全丧失了详情页的能力。即使专门为手机端做一个详情页,如果不用竖屏思维来规划,用很多字,很多图,在这个很窄分区的屏幕是看不到的。很多卖家的详情页都没有做对。所以我们要重新理解什么叫竖屏思维下的详情页,无线端页面怎样做到‘轻视觉’“轻卖点”和“轻逻辑”。

电脑横屏的内容,在手机上至少2/3的量是废掉了。在电脑上做的页面很震撼,

在手机上做的页面就未必震撼;但如果在手机上的页面很震撼,那么在电脑上的页面就必然震撼。对比如下两张图:

震撼力非常充分,而且是真正的竖屏思维,它完全展示了什么叫“轻视觉”、“轻卖点”这种竖着的感觉和震撼力是很多卖家所思考的东西。

减轻眼睛负担,用最短、最快、最迅速的方式传递你想表达的东西,快速的被吸引和决策,一眼看见心仪之处,秒懂卖家在讲什么,它的卖点是什么,这就是轻视觉。

轻视觉的方法论:一屏论,②分离论,③钉子论,④微观论,⑤切割论等。轻视觉的概念就是比别人更轻松的、更快更好的卖产品。

举个例子:

一屏论:一眼看见,一目了然,一语击中(一句话说中要害),一屏表达一个重点思想。用最短的时间让别人知道你在讲什么。那么轻视觉具体如何落地?这个是我们要思考的。

那么接下来就是5张主图,这是核心。

5张主图中首图的点击率直接影响转化率. 怎样做才能有很高的转化率呢?我们需要有“文案杀手”“视觉杀手”这两套逻辑来帮你做,快速提高转化率。

5张主图就是一个小小的详情页,它就是一个微详情,很多卖家并未充分发挥5张主图的价值,而很多客户是看完5张主图就做出了是否购买的决定,不符合客户期待的,马上跳失掉。

很多人是怎样做的(反面教材):

淘宝详情页排版技巧之竖屏思维

淘宝详情页排版技巧之竖屏思维

淘宝详情页排版技巧之竖屏思维

后几张图基本重复,传达不了更多更全面的信息,彻彻底底的浪费了主图资源。如下案例也是一样:

淘宝详情页排版技巧之竖屏思维

淘宝详情页排版技巧之竖屏思维

后面的第6篇会给大介绍优秀店铺的5张主图是如何布局以及做到高点击高转化的。

5张主图的设计点的逻辑:

功能功效性产品和款式风格来产品的主图做法是不同的,所以5张主图怎样去做,有5个设计点:①点击点②出卖点③不同点④促销点⑤细节点。

除了主图之外还会跟大家讲第一屏的详情页怎样做,手机端真正只有第一屏是阅读屏,第 1屏价值大于后面的10屏,怎样做好第一屏,把第一屏做的很有逼格,很有调性,做好第一屏就是做好详情页!

以上图例,用第一屏的时间去告诉大家最大的卖点、和最核心的竞争力是什么,这个就是竖屏思维,用第一时间展示出来的第一屏,展示它的卖点是什么,我们也愿意去买他们家产品。竖排思维是最好的“文案杀手”兼“视觉杀手”,它可以很好地帮你提高转化率。

图文阅读
大家淘宝上都有一个淘气值,那是基于你在近12个月在淘宝和天猫的购买、信誉、互动等行为综合做出的一个分值。在每月8号淘气值更新,其中淘气值超过一千分的会员为淘宝超级会员。
2020-10-10 15:24:00
在使用【发货管理】过程中,如果需针对店铺订单进行单个或者批量打印快递单,可进行如下操作。1、打开【发货管理】功能,登陆首页后,点击左侧进入到打印快递单页面。
2020-10-17 14:21:00
淘气值基于用户过去12个月在淘宝的“购买、互动、信誉”等行为,综合计算出来的一个分数,用来衡量用户在淘宝会员的等级,每个月8号更新1次。
2020-10-10 15:23:00
最新文章
如何使用超级店长打印快递单?
2020-10-17 14:21:00
淘气值下降的原因和用处介绍
2020-10-15 15:25:00
淘宝预售退货定金能退吗?
2020-10-15 10:17:00
淘气值标签如何使用?
2020-10-10 15:24:00
淘宝淘气值怎么刷?
2020-10-10 15:23:00
拼多多客服常见问题及解决方法
2020-10-03 10:20:00
如何处理拼多多客服回复率和dsr评分不达标的问题?
2020-10-03 10:19:00
怎么看淘宝宝贝的整体状况、预售明细、评论分析、SKU分析、营销推广数据、流量分析等数据信息
2020-08-06 14:20:53
精选专题
热门阅读
大家都在搜