之竖屏思维!现金社会,已经是低头族的社会,大部分年轻人看淘宝都是用的手机端,淘宝详情页排版技巧重点是什么呢??接下来,小编将和大家一起分享淘宝详情页排版技巧。
数据显示,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屏,怎样做好第一屏,把第一屏做的很有逼格,很有调性,做好第一屏就是做好详情页!
以上图例,用第一屏的时间去告诉大家最大的卖点、和最核心的竞争力是什么,这个就是竖屏思维,用第一时间展示出来的第一屏,展示它的卖点是什么,我们也愿意去买他们家产品。
淘宝详情页排版技巧的重点是什么?是竖排思维!竖排思维是最好的“文案杀手”兼“视觉杀手”,它可以很好地帮你提高转化率。还在犹豫什么?赶紧试试竖排思维吧!更多精彩内容,欢迎继续关注。
相关文章
-
如何提高京东转化率?有哪些方面?
电商行业的商家们都知道,店铺转化率越高的话,店铺的流量以及销量就越高,所以当店铺转化率低的话,商家一定要想办法去提升,那么京东店铺的转化率低的话应该怎么去提高呢?具体包含哪些方面?1、商品款式一个好的选款对于店铺来说,是非常重要的,所以选款方向一定要选好了,只要款式选的合适,自然会有不错的数据。商家可以从产品的收藏加购和页面停留时间这两个数据上看。2、商品定价商品定价是一家很重要的事,毕竟现在平台
2024-03-13 19:19 -
京东详情页怎么做?优化技巧有哪些?
跟淘宝宝贝详情页一样,京东详情页也是非常重要的,如果能够做到独特,并且抓住卖家的眼球,那么也可以大大的增加店铺宝贝的转化率,那么京东详情页应该要怎么做才好呢?1、挖出同行产品中劣质产品的缺点,放大这个缺点,来和自己的产品进行对比,就比如是一款茶叶,同样都是卖的绿茶,但是我卖的茶叶品质是外形紧凑、挺直均称、扁平光滑、颜色绿黄,是茶中品质的上等;但是劣质的茶呢,因为是陈年旧茶,所以品相暗淡,碎渣较多,
2024-03-13 19:06 -
京东详情页怎么制作?有何技巧?
每上架一款京东宝贝,那自然也需要先去做好京东详情页,而且京东详情页也可以带来更多的转化,我今天就来教各位卖家们详细介绍一下京东详情页的制作方法。,1、挖出同行产品中劣质产品的缺点,放大这个缺点,来和自己的产品进行对比,就比如是一款茶叶,同样都是卖的绿茶,但是我卖的茶叶品质是外形紧凑、挺直均称、扁平光滑、颜色绿黄,是茶中品质的上等;但是劣质的茶呢,因为是陈年旧茶,所以品相暗淡,碎渣较多,颜色发黑。,
2024-03-13 18:56 -
京东新店多久能做起来?如何运营?
在京东平台上面开一个新店铺,肯定也希望能够做好新店到底多久能够做起来呢?又该怎么运营呢?我马上就来给各位卖家们详细介绍一下。,;2. 其次就是要规划好产品详情的制作方案。,新商家进驻后,在前一两个月内还是以熟悉系统和流程为主,重要的是要把基础工作做扎实,之后才能够更好地参与活动和利用资源。
2024-03-13 18:20 -
京东详情页图片尺寸多少?京东详情页要求
京东详情页要求:页面宽度647px, 高度不限(建议小于20000px),页面最后以72分辨率RGB模式保存jpg图片,不要压缩质量,最后切图上传即可(单张小于1M),一般一个页面切四五张图;体积:建议保证图片质量的前提下单图体积小于1M;特别说明:详情页gif图只支持pc端,手机端只显示gif第一帧静态图,手机端也不支持视频播放。,各入口图大小规范:1、项目页首屏图主图,此图不需要出现品牌或者宝
2024-03-13 18:10 -
京东详情页图片怎么弄下来?图片有什么要求?
第二步:这时候会跳出一个代码小窗口,选择下图红色选框中后缀为.jpg的一串网址进行复制。,各入口图大小规范:1、项目页首屏图主图,此图不需要出现品牌或者宝贝名称,只需一句核心广告语和若干几个主要卖点尺寸 :650×420px体积:小于100k2、新版众筹首页列表图尺寸:280高( 220< 高<500,表示宽度为280px,高度可以在220px到500这个区间,此图无文字)体积:小于5
2024-03-13 18:10 -
京东详情页图片怎么保存?详情页怎么制作?
当然还有种方法:1、在详情上想要存图,单右键选”检查元素“这选项。,还有一种就是产品详情页卖点多,什么材料、品牌证书、公司展示之类的一大堆。,经过介绍,了解到京东详情页图片怎么保存,用户可以通过图助手去保存图片,详情页制作的好的话能在一定程度上提高产品的转化,所以卖家不能忽视这个方面。
2024-03-13 18:10 -
京东装吧怎么使用?使用注意什么?
最后请注意一点,就是切换详情页装修功能,独立版模式支持。,使用注意什么?1.页面规划可停止自定,需求图和自定页面大小需求相契合再上传,否则展现将会错位,页面在规划后再停止制图,制图大需求与规划,宽度高度都相契合。,多入口位置进,比方需求在相对应的活动停止转,其他页面则无效。
2024-03-13 18:10 -
京东装吧关联版如何发布?怎样装修详情页?
现在科技发达了,很多软件设施还是比较齐全的。,那么京东装吧关联版如何发布?怎样装修详情页?京东装吧关联版如何发布?1.首先需要卖家登陆商家后台,然后会看到左侧栏有个选项“我的店铺”,点击一下。,最后请注意一点,就是切换详情页装修功能,独立版模式支持。
2024-03-13 18:10 -
京东宝贝详情在哪里看?什么是宝贝详情页?
1、打开【手机京东客户端】,选择右下方【我的】进入个人中心。,二、通过详情页资质透传行业想做什么呢?1、拒绝以次充好,通过材质保证筛选出更优质的货品给到消费者,降低平台逆向投诉数据,提升消费者购物体验。,3、帮助商家进行权威背书,降低消费者选购成本,提升商品转化效率。
2024-03-13 18:06
热门标签
-
怎么设置2019淘宝嘉年华活动承接页?
2024-03-20 11:04
-
淘宝门头设计时注意什么?淘宝门头怎么装修?
2024-03-20 11:04
-
淘宝主图不能出现的字有哪些?淘宝主图如何加上文字?
2024-03-20 11:04
-
淘宝美工新手怎么面试?淘宝美工新手怎么成长?
2024-03-20 11:04
-
应聘淘宝美工面试技巧有哪些?
2024-03-20 11:04
-
淘宝美工面试常问的问题是什么?
2024-03-20 11:04
-
淘宝主图怎样加文字?
2024-03-20 11:04
-
淘宝门头图片尺寸是多大?淘宝门头图片如何制作?
2024-03-20 11:04
-
淘宝详情页怎么做?制作淘宝详情页六个大招!
2024-03-20 11:04
-
淘宝主图设计技巧有哪些?买家一看就下单的五张主图制作技巧!
2024-03-20 11:04
-
淘宝美工要经常熬夜吗?做淘宝美工累不累?
2024-03-20 11:04
-
淘宝美工需要做什么?淘宝美工工作内容有哪些?
2024-03-20 11:04
-
30秒主图视频免费+主图视频PC无线互通!
2024-03-20 11:04
-
淘宝主图视频30秒怎么制作?淘宝主图视频有何要求?
2024-03-20 11:04
-
手机淘宝主图和电脑端不同怎么设置?
2024-03-20 11:04
-
天猫宝贝详情顶部怎么关联宝贝?
2024-03-20 11:04
-
淘宝店主风自拍灯光怎么弄?淘宝店主风自拍要注意什么?
2024-03-20 11:04
-
淘宝拍图技巧女装自拍怎么拍?
2024-03-20 11:04
-
淘宝小视频拍摄技巧,淘宝小视频有哪些拍摄技巧?
2024-03-20 11:04
-
天猫二级页面怎么装修?
2024-03-20 11:04