天涯论坛

 找回密码
 立即注册
搜索
查看: 45|回复: 3

【干货】详解电商详情页设计规范

[复制链接]

3061

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139052
发表于 2024-8-12 01:05:32 | 显示全部楼层 |阅读模式

一个好的制品倘若好的详情页来支撑,转化率就会很低,获取的流量就会减少,倘若不可加强转换率,淘宝店铺就会面临淘汰。以下针对零基本的入门小白的,电商行业大佬们可会心一笑,当然有错误的地区哀告指正。

1、详情页功效

倘若咱们的店铺比作实体商铺的话,详情页就相当于是咱们店铺的导购员,热情服务的最后目的是为了把东西卖出去,那样线上线下有着异曲同工之妙,详情页的功效大致分为:加强转化率的入口、激发用户的消费欲望、创立客户对店铺的信任感、打消顾客疑虑、最后促进顾客下单

2、详情页尺寸

淘宝:宽750px*高度不限

天猫:宽790px*高度不限

阿里巴巴:宽750px*高度不限

京东:宽990px*高度不限

一号店:宽750px*高度不限

唯品会:宽990px*高度不限

蘑菇街:宽720x*高度不限

意见总长度总高度最好不超过两万像素,单张切片高度不超过1500像素。倘若一家机构天猫和淘宝都有店铺,应该先做天猫的,最后把790PX照片同比例缩小到750PX,平时我以PC最小字体像素不可少于14PX,移动端在最小20PX进行设计。

3、详情页卖点

非常多卖家发掘宝贝详情页转化率不高,其实可能是详情页卖点没写好。那样什么是卖点?其实所说的卖点便是大众常讲的痛点!因此得清楚用户对什么感兴趣,他是一个注重品质的还是一个只看价格的还是一个看口碑的买家,那其实这些都是有些卖点,商场如战场,兵家有句名言为知己知彼,百战不殆!所有的卖点的提炼,都必要有所凭仗,有依托,可信,而不是凭空捏造本不存在的功能、性能、用途,否则,描述不符,可能不宜取信买家,乃至会给后续运营导致阻碍尤其是要造概念的时候,更应该要明白,必要有相应的依托,否则便是失败的。下面陈列几个平常的卖点,都是经过阿里指数大数据陈列的最多卖点。

1、利益引流

利益引诱非常多商家都会去用的一个卖点,简单来讲便是打折、包邮、低价、买赠等方式,经过走底价的方式吸引用户,例如线下平常的清仓甩卖,全场十元,而等你进去后发掘都是不十块的,其实此时候人家已然成功将你拉进来了这是它“全场十元”目的。

2、功能材料

功能材料很好理解,便是咱们制品是由于什么材料制作的,这种材料你运用了会怎么样,都有那些功能,能帮你带来什么好处。

例如:某某剃须刀它是采自南极寒冰之下的千年玄铁。经过七七四十九天而后再捶打九九八十一次制成的剃须刀,运用持有洁净面庞赢娶白富美走上人生巅峰。

3、款式吸引

在卖点里面不可忽略便是款式、外观引流。造型美观、独特的制品更能吸引顾客。如服装的款式就很重要,倘若只是面料上乘做工一流,而造型欠好,是没办法打开销路的。

例如:美国一位农民把西瓜放在盒子里生长,生产出了一种长方形西瓜,味道和普通的圆形西瓜并什么差别,然则价钱却是普通西瓜的20倍,人们感到新奇竞相购买。

4、文化卖点

并不是外来的制品就好卖,非常多国外的制品到中国反而市场,就在于她们思虑到亚洲的文化特点。因此在整理卖点时有的卖家就加入了情感归宿方面,让你心理上有个拜托

5、创意品质图

创意照片吸引用户消费在近些年比较多,由于每一个皆想自己的东西能够吸引人和同行拉开差异,除了质量之外对设计的需求很高。由于一张图决定着用户能不可发掘你,能发掘才可决定转化。你说你的图一打开全是低像素的手机拍摄照片,让人第1感觉便是山寨,即使你的东西比同行都好,可能就吃亏在外在包装了。从而引起用户流失,销量下降。因此创意图创意文案相当重要。

4、详情页形成框架示例

初入电商行业,你可能会困惑一个详情页到底要多少东西,都有那些模块?那样一个详情页里面所含的东西几乎每家都不同样然则有些模块都是每家店必须的,例如情景大图、店铺活动、优惠券、规格参数、细节图、包装运输方式等等。然则重视不是说所有的详情页都必要要把下面这些模块放完,要按照自己店铺实质状况选取

1

情景海报大图

2

店铺活动

3

相关制品

4

制品卖点/特性

5

制品卖点/功效/功能

6

制品给消费者带来的好处

7

买家好评如潮

8

规格参数/信息

9

同行制品优良/劣势对比

10

制品全方位展示

11

制品细节展示

12

制品包装展示

13

店铺制品自理证书

14

品牌店面/生产车间展示

15

售后保证问题/物流

5、详情页设计要素

1、头部创意海报

咱们晓得详情页都很长,用户多少耐心把他看完,为了防止跳失率。咱们要做的便是抓住他的重视力,引导往下用户往下预览,在这儿头部的创意海报图就显出非常重要。

2、整体气质协调

每一个详情页其实对应的便是一款制品一个主题,主题活动或制品区别,其气质肯定就不同样了,因此这儿的协调反应出来的首要其实是气质上的协调,例如

高冷的大牌的气质:画面要么很简洁有质感,要么很华丽有光泽,给人一种买不起感觉

文艺素雅的气质:这种页面色彩不会台艳丽不会尤其多彩,常常质感比较柔和,给人清闲的感觉

青年时尚气质:这种气质的页面常常棱角比较分明,色彩鲜明,亮色点缀。

科技质感的气质:这类页面重点是会有有些比较男性化的元素/色彩,例如机械零件/暗色蓝色/菱角矩形之类的。

3、详情页排版布局

上下布局:此类型在之前PC端比较平常由于屏幕比很强此刻流量重点源自于移动端,手机界面小此类型此刻已不多见,但做为知识点还是要说一下。

S布局:S形它相比于平铺直叙的形式既不会显出那样呆滞同期阅读起来很流畅有趣味性。

Z字型布局:Z形跟S形的功效比较类似的,只不外Z字型符合男性制品科技类,而S型适合女性儿童品类

1字型布局:1字形布局,有一种硬朗和厚重的感觉,必须高质量模特大图或制品图镇楼,否则吼不住

楼层布局:此页面会显出比较简洁好把控,重点在于背景颜色要有深-浅-深-浅的节奏,同期每一个楼层都是单独的模块,有利于信息阅读。

自由布局:在某一起楼层里做有些排版小变化,例如切分成一小块i一小块的自由排版:这种专题页设计比较适合哪些想走高逼格路线的时尚服饰类目,同期这种设计常常是看着简洁,然则对设计师的排版功力需求比较高,不意见新手或没什么功力的人尝试

6、详情页细节设计

1、装饰内容

统一规范详情页里面的装饰元素包括素材、字体、标题等。装饰性内容在制品详情页显现得比较多,能够叫作为补位性内容,是为了让页面内容更丰富更饱满而存在。有些小伙伴为增多详情页B格爱好加入有些英文点缀。要留意咱们针对是国内用户时,那此时英文便是一个装饰元素,可视它为图形通常都是比较小颜色比较浅设计,切记否则会喧宾夺主。

2、重视用色

刚说了详情页通常都很长,在这么长的页面里不宜显现大面积高饱和色彩的背景,通常采用灰色、白色、黑色等低明度色彩做为背景,高明度高饱和度能够用在有些标题卖点上面强调突出主体。

3、统一

统一色彩!标题!布局!风格气质!

7、总结

以上便是今天对详情页的一个简单概括,之前咱们以为详情页便是简单摆放几张制品照片而后加些参数表,最后放个五星好评截图就完事了。倘若你还这般想的话,那你肯定便是个不合格的电商设计师。详情页除了让消费者认识制品,更重要的是帮忙商家提高销量。打造一张优秀的详情页,要用60%的时间去调查构思,确定方向,40%的时间去设计。电商设计这条路必须太多的技巧和办法了,此路任重道远,共勉~





上一篇:APP导航栏设计分析:5种设计样式+4种交互状态
下一篇:分享!APP / 小程序列表+详情页面设计案例
回复

使用道具 举报

3048

主题

2万

回帖

9910万

积分

论坛元老

Rank: 8Rank: 8

积分
99109040
发表于 2024-10-13 17:28:28 | 显示全部楼层
回顾历史,我们不难发现:无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。
回复

使用道具 举报

3061

主题

3万

回帖

9913万

积分

论坛元老

Rank: 8Rank: 8

积分
99139052
 楼主| 发表于 2024-10-29 11:40:16 | 显示全部楼层
期待更新、坐等、迫不及待等。
回复

使用道具 举报

3070

主题

3万

回帖

9915万

积分

论坛元老

Rank: 8Rank: 8

积分
99158930
发表于 2024-11-6 17:52:12 | 显示全部楼层
回顾历史,我们不难发现:无数先辈用鲜血和生命铺就了中华民族复兴的康庄大道。
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

站点统计|Archiver|手机版|小黑屋|天涯论坛 ( 非经营性网站 )|网站地图

GMT+8, 2024-11-23 03:08 , Processed in 0.104680 second(s), 22 queries .

Powered by Discuz! X3.4

Copyright © 2001-2023, Tencent Cloud.