详情页概述

用户头像
苏州/设计爱好者/5年前/410浏览
详情页概述

详情页概述

详情页为什么重要?

1、流量=展现X点击率;订单量=流量X转化率

2、影响转化率的因素很多,最重要的是详情页。因为产品本身属性、说服顾客下单的优惠、功能,都是从详情页上体现出来的。

详情页评判标准?

1、减少跳失率:用户进入你的产品也详情,没有产生任何举动就离开,这种行为我们把它称之为跳失率。

2、提升停留时长:详情页停留时间越长,更容易让消费者购买你的产品。。

3、引导收藏加购:提升个性化和印象分,会直接影响排名。且收藏加购的宝贝后期会形成转化。

4、产生最终成交:详情页是产品的内功,能够促进成交。静默下单;询单转化率

详情页设计原则

1、内容与标题契合

2、信息图像化:无线端流量占比99%

3、高效表达:页面载入时间过长,影响销量。

4、距离统一:页边距、文案之间的距离等、屏与屏的间距、三三制(字体、颜色、排版、逻辑不超过3种)

5、字体与字体大小的统一

6、色调、风格、效果的统一:统一的元素效果,排版与配色风格统一

详情页尺寸规范:

不同平台宽度不同,高度都不限,约定俗成不超过12000px,受限于加载时间和平均停留时长,详情页平均停留时长30~40秒。

1、淘宝、阿里巴巴、一号店:750px

2、天猫:790px

3、京东、唯品会:990px

4、蘑菇街:720px


第一屏:

KV或者海报、单屏高度1200px左右

抬头通栏150px

底部通栏120px

两侧页边距70px

展现产品本身,最重要的卖点

第二屏幕:

icon展现卖点,卖点罗列,超值感受

第三屏:

特性、好处


无线端能看清的信息字体最小20px,再小的只能是点缀信息。


阿里巴巴普惠体

Abril Fatface 免费商用


字体放大转为形状,填充无,描边2


屏间距100


当缓存过大时,可以清除缓存:编辑——清除——清除全部



3
举报
|
8
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
男生和女生站在网页面前矢量扁平插画
网页电商背景矢量插画
三个青年站在网页周边矢量插画
互联网,互联网插画,商务,数据,项目,合作,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,沟通,渐变,蓝色插画,商铺,覆盖,管理,项目管理,效率,提升,高效,关系,拓展,
网页页面矢量插画
新年快乐送福网页矢量图banner
网页设计——纸杯蛋糕
一个人拿着优惠券准备支付购物电商矢量插画
商务网页
卡通风格网页页面3D渲染
网页图标
卡通风格网页页面3D渲染
三个青年正在装修网页矢量插画
互联网,互联网插画,商务,数据,项目,合作,精准,投放,网页插画,插画,大数据,智能,商业,网页,网页设计,插画设计,互联,未来,交流,沟通,渐变
卡通风格网页页面3D渲染
户外旅行飞机情侣假日出行
 网页背景
卡通女孩与网页表格3D渲染
四个人物分别在上网贴纸合集
卡通女孩与网页表格3D渲染
浏览电脑网页的元素
男生坐在网页面前办公矢量插画
一个男生和两个女生站在网页前面打招呼矢量
卡通风格网页页面3D渲染
3D风格时尚电子商务设计元素
你可能喜欢
相关收藏夹
大家都在看
登录注册