您现在的位置是:主页 > 创业项目 > 创业项目

京东微店详情页图片设计提升转化率秘籍

站长之路2015-09-12创业项目人已围观

简介大家都知道京东无线端有四个入口,应该主要的流量来自四个地方:微信,手Q,app,M端,手机端的店铺都叫做京东微店,京东微店的店铺的产品描述在微信,手Q是一样的,微店对产品的描述图片都有严格的规定。手机店铺的每一个产品,其实跟我们平常的店铺是一样的

大家都知道京东无线端有四个入口,应该主要的流量来自四个地方:微信,手Q,app,M端,手机端的店铺都叫做京东微店,京东微店的店铺的产品描述在微信,手Q是一样的,微店对产品的描述图片都有严格的规定。手机店铺的每一个产品,其实跟我们平常的店铺是一样的。JD的微店的商品里面,有一个规定,15个图片,规格不能大于480*960。
这个问题很多人都没有去详细摸清楚。这里有一个问题,本来我们很长的一个描述,怎么样去变成一个短短的15张图片呢?而且由于微店里面还没有像天猫那样可以添加一些关联的东西,一般我们还要预留3张出来给店铺的运营去用来添加店铺的一些说明。所以正常的情况下,只有12张的图片,扣除了上下的一些广告图片,售后服务的图片,快递的图片,也就剩下核心的12个图片可以尽情的发挥你的产品的展示了,480*960这个规格,其实就是一个竖的长方形的东西,就是800*800,两个的叠加,也是800*800的两个的叠加。我们平常天猫的750的图片宽度,但是我们都是随便的切片,然后就安装上去了,这个时候,我们是不是可以考虑描述的图片设计的时候,是750*1500的规格去作图呢,这样的变成480*960的时候,就是轻而易举的事情了。当大家明白这个规格的时候,就可以规划我们的480*960的12张图片的布局了。
现在开始给大家分享整体描述的布局。
第一,首图,这个也是一个产品的第一时间展示给客人的,也是一个产品描述的灵魂,给客人要眼睛一亮的感觉,因为手机端的跳转太快了,假如客人看了木有什么,直接点击跳转。因为我们的PC网速快,可以进去随意的拉下去,看看下面什么好东西,可是手机往往打开产品的时候,看到的是首图的出现,网速慢的时候,下面的时间会延误,第一张图,大家很清楚的。PC端的时候,大家很喜欢放广告海报。但我们微店里面,不要第一个放广告,第一个要要放的东西是最吸引人的购买欲望的点击卖点,比如顺丰包邮、最细化的专利卖点等等,直接了当的告诉客人我们最能给他们的是什么,因为手机的跳转率非常大。我们的经验一般会把物流的东西放在手机图片里面的最前面,因为手机的用户,买东西很干脆,一般不会很含糊,要买就很果断,当然这个时候,如果是一流的快递公司,他们的下手的速度会更快,下面是放卖点。

手机端的经常是静默下单,这个时候你的物流直接的告诉客人, 你不用很累的来问亲不亲,我只有顺丰可以为你服务,我们也是顺丰的无盲区服务。要是客人这个时候,再选择什么五桶一打,扯不清楚的快递就完蛋了,直接告诉人家,你使用什么的服务。
二、图片及文字。这个部分,其实就一个描述的核心部分,关键成不成交,转化的高低这个是关键了。
大家看到的是一个

京东
480*960的标注图片。

我相信这个时候,很多人是用手机在看,打开这两个图片你有什么感想,是不是文字很清晰,不存在小芝麻大的文字,这个就是图片对文字要相匹配。在京东的微店里面,规定的480*960的大小的图片里面,文字美工在设计的时候,是不能少于20号字。可是实际的操作起来,20号的字小了,我得出的经验是最好用25号的最小来使用。
从上面的图大家可以发现,在PC端两屏可以在手机端合为一屏展示,16:9的屏幕比刚好可以约等于2:1。先从打开的速度来互动吧,很多人知道手机端的图片,但是很多人不知道要多大的,要多大的容量,其实手机端的图片,要丢掉PC端的概念,不要把手机端的图片的直接用pc端的去压缩,这样的肯定完蛋,刚才大家看到我的几个手机端的图片了,发现一个问题了吗,请大家互动,看一下我们刚才的图片有什么特点?

再看看这个图片,我把刚才的图变小了,是不是依然很清晰。这个是自己设计的时候,用手机进行验证,我们有的土豪是拿5,5英寸的苹果6,可是在现在是手机朋友中,很多人还是在使用4英寸左右的手机。
你们看我把这个图片变小了,跟手机一个样的大小,大家可以发现文字依然十分的清晰。这样手机客户在打开的时候就不会出现看不到的文字,这个是一个要点。我们手机的所有图片的文字要清晰给客人看清楚,我们在说什么,图片要说什么都要清晰。文字的字体大小建议不要小于20号字,记得,这个是480*960的里面的字体大小,我们一般采用的是大于26号的字体。因为,我考虑的一个细节,如果是5英寸的手机的看的很清楚,如果是苹果的5s,也就是4英寸的,看起来很吃力。通常一个产品描述的合计的图片数量大概如下图这样,就是这么多,多了也安装不进去。

我们去掉很多PC端繁杂的东西,直接了当的展示我们的要的东西。

这个是原来美工给我设计的PC端的图片布局,我几乎去掉了很多,从下面这张图大家可以了解原因,大家看到的文字是不是很像小芝麻,这个是PC端直接压缩变小的。
 


大家是不是感觉修改要的,文字变清晰了,用外包的图缩小成手机的大小,大家还能看清楚这个文字吗?而经我们公司的美工进行优化后,文字是不是每一个都很清晰?所以,我们要记得,不要用PC端去压缩,但是可以用PC端去修改。就像下图,如果直接拿PC端的图去压缩,上面的那些小蝌蚪你能看出来是什么吗?

这是PC端进行压缩的示范,做起来的压缩的东西,文字就成了虚假的黑芝麻了。所以,我建议每一个产品的手机端图片,可以参考pc端的图片,文案,但是要重新编辑,文字要尽量的每一个清晰的描述。
三、卖点的设计。这个其实就是简单些,就是实事求是的展示你要给客人看到的微小的部分的放大,给人家清晰的看到你的东西。我们在卖点上的,材料上,从来不要啰嗦,也不要吹牛,实事求是的描述出来你材料的真实的要点,不像PC端的整体那么复杂,简单就好,给人家一种很真实的描述。

用简单的一个480*960的图片就可以几乎把产品的结果要素明确清晰的描述出来,图片的放大,加上大号文字的展示,是不是给人家一目了然。去掉PC端那些吹牛的东西,简单的就是告诉你,我卖给你的就是实实在在的,不需要夸大,手机端的用户不会认真去研究那些虚幻的东西,直接明确的要买什么,这个问题很简单。,大家如果有其他的看法,可以进行个别的虚化,八仙过海,各显神通,网络就是一个梦的世界。
四、图片的大小。这个大小的东西,关键的点,就是打开的速度会直接影响客人会不会跳转。大家知道现在的3G/2G的网速是每秒钟多少K的传送下载的速度呢?手机端的用户,一般在什么情景模式下,打开商品链接的呢?
我相信这个时候,大家应该都用wifi在上微信,是不是,有没有在公共汽车上,地铁上的朋友,请互动一下,你们的网络速度如何。这个基本功,很多人都不知道,然后就知道微信,知道手机端的图片,大家要先去了解流量的速度,就可以给我们的图片进行一个大小的规划。一般的3G的网速的是200K左右吧,这个好像是另外的群里的一个兄弟告诉我的,当时我也不知道。每秒的速度,在理想状态下的网络速度,手机不在wifi环境下的速度,也就是,我们平常要多久给客人可以完整的打开我们的产品的全部内容呢?如果客人打不开的时候,肯定就直接跳转了。15个图片,用最理想的速度,200k的速度,如果是一个图片100k,要1.5M,来打开速度的时间就是8秒以上,是不是太长了?而且还是最佳状态的网速下。
TM给我们一个很含糊的数据,要我们的图片不能高于100k一张,都是骗人的。在3G的最佳网络200K/秒的状态下,当你详情有15个图片的时候,想让顾客在4秒内打开,那么图片合计需要少于700K。这样子顾客应该是满意的。但是如果我们让顾客花8秒打开,客人肯定跑掉一半。15个图片,700k,也就是一个480*960的图片的大小,一般不超过50k。刚才细心的群友们已经先发现了,应该17K,一个150k都很清晰。等于说171k的东西跟17K的图片是一样的清晰的,而打开的速度是要增加十倍的。

在美工做好的图片,运营人员在上线到微店之前,有没有细心的去看看图片的大小很重要,一般我不会安装一个图片超过50k的,能给最小化最好,但是要明白保证清晰,并不是清晰就要很大,也不是很大就很清晰,从上面的图,大家看到了吧,我对美工的要求就是小于50k。但有的人就要疑惑了,50k能清楚吗?看下面这样图,50K这样的漂亮,大家就可以放心了。这个是我们做成的40k大小的图片也很清晰。

五、图片的空间配置。手机端描述里面不需要像PC端的留下很多的位置,要充分的给图片最大化,不要留下边角的东西,当然,个别的美感的东西可以考虑。大家看下方左图边角的位置,几乎是不留下白色的边框的多余的。

看的这个图片的时候,是不是感觉没有边角的东西了,PC端的是不能这样的设计的,因为PC的显示屏很大,可以图片尽量的最大化,产品的尽量美感。手机端的边角的东西越多,占用的空间就越大,而客人看的的产品就越小。

美工让手机整个的满屏去显示产品了,这样的产品看起来是不是很清晰,不会觉得很小。给两边留出的空间如此小,图片可以让鞋子,让商品最大化,而且图片容量最小化。图片的大小解决了,你的客人的打开速度提高了,展示更加的清晰明了了,客人在静默状态下敢轻松的下单了,减少了以后的客服的服务力度,又给客人清晰的购买目的,这个是提升转化的一个关键。微店的图片安装上去了,但是图片在微店里面,显示出来的是pc端的缩小版。这个是因为什么原因呢?做了很久得到的答案是系统的问题。在面对这样的情况下大家有没有应对的办法呢?我们美工最后得出一个结论,用手机端的图片放大了,做到PC端去这个绝对的干货。但是又不能用手机的直接去放大哦,放大安装上去,就不伦不类了,肯定不清晰。这个要怎么办呢?直接用750的宽度去设计手机端的图片,文字按照手机端的大小进行放大,做好的750的宽度图片就是PC的图片了,12个750*1500就足够长度来描述了。然后,这样的情境下的PC端的图片,直接压缩成480*960的图片,就批量可以操作。
最后的这段话是我得出一个分享,京东也有APP,也有M端。M端的是跟微店不相关的,M端的图片不是跳接微店的链接,是PC端的链接,这个时候PC端的图片的问题又会出现在手机端上门,想出来一个办法来解决这个问题,这样会很轻松。大家会很敏感的发现用手机打开我们的产品的M端的图片的时候,它需要很长的时间,这个时候就是图片的大小在作怪。如果这个时候你M端的图片是否也可以设计成手机端的图片的大小呢,一点就来,PC端的客人,在网速极端慢的情况之下,打开速度也是非常快的。
很多人会很期待上活动,其实活动是一个助推的工具,关键是本身的东西,给我们10000的流量,转化是4%,还是要8%,甚至更高,这个是靠自己的店铺的图片的设计,速度,并且有很大的一个关系的,修改记得要按照pc端实际的东西,不要擅自修改,千万不要出乌龙错误.。你可以试试打来我们的产品,是不是很清晰的看清楚产品的任何一个点。

很赞哦! ()

相关文章

站点信息

  • 网站优化:整站5000元起
  • SEO:单词500元起
  • 网站建设:499起
  • 小程序:699起
  • LOGO/VI设计:499起
  • 微信公众号:扫描二维码,关注我们