搜索
免费下载
设计灵感
设计规范
👑
充值会员
流体渐变
渐变配色
色彩搭配
注册
登录
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
APP设计
原型demo
GUI
小程序界面
网页UI
网页设计
原型demo
软件设计
字体下载
衬线字体
非衬线字体
圆角字体
手写字体
网页字体
图标字体
书法字体
交互动效
加载loading
转场动效
ICON图标
面性图标
线性图标
拟物图标
2.5D图标
卡通图标
像素图标
按钮图标
多色图标
活动图标
插图/插画
扁平化插画
多彩渐变插画
2.5D插画
样机贴图
手机样机
名片样机
动画样机
电脑样机
笔记本样机
穿戴设备样机
UI作品样机
设计导航
首页
探索
素材分类
AI绘画
AI工具导航
素材专辑
UI设计
网页UI
字体下载
交互动效
ICON图标
插图/插画
样机贴图
设计导航
店铺美工必须掌握の首页设计知识
搜UI
>
文章/作品
>
设计教程
>
设计规范
© 共享素材,请勿商用
举报
店铺
首页
美工
掌握
必须
UI课程
发布时间:2020-05-08
关注
很多店家都私聊我问,首页应该怎么编排,放很多轮播海报,放客服,放优惠券,放推荐,放分类... 打住! 其实我想说,首页并没有你想的那么“重要”! 本文就用数据+案例的方式给你解读一下,如果你看了觉得对你有帮助,那就麻烦点个赞。那么,如何让首页发挥到最大作用,它的设计逻辑是什么?我用大数据的分析结果告诉你。做淘宝首页的设计,其实本质做的就是“用户行为心理学”,即弄清楚:用户是谁?用户是从那里过来?用户的行为到这里心里想的是什么?
掌柜要做的事情是:怎么花最少的时间满足用户,提升用户体验,怎么在满足用户体验的同时满足商家的欲望?我们先看一个店铺,生意参谋官方流量分析中的路径分析数据:数据显示:详情页承接84%的流量。店铺首页承接4.34%的流量。其中,41%的流量从详情页回到首页,进入首页的流量,接下来的动作是,第一大比例的35%顾客离开了,第二大比例的31%顾客进入了其他详情页,第三大比例的进入了分类,小部分,去了搜索页。
说到这里,我们再对照我之前问大家的问题就有了答案。1、客户是谁?用户从哪里来?店铺的访问者多数不是直接进店铺的访问者,因此,你必须快速准确的要告诉他店铺到底是卖什么的。第一屏核心:防止跳失,用一句话推销自己的店铺,设计不要太“正经”。▎
常规固定主题类型首页
正经:某某旅行社,专业有实力!
非正经:何必要等一个人,拼团走,一起西藏打卡!西藏三大主推网红团等你来玩。潮玩盛典,泰国站,暑你最惠玩,最高立减300元/人
设计指导:
▎
营销节点期间,专题活动做首页切记:用一句话推销自己的店铺,让买家知道你们店做哪款产品的旅游。查看好营销日历,配合着主题做海报,用有趣的文案说出你的产品。推荐的营销日历查看神器:特赞
例如主题:浪漫七夕,泰想爱你。这样,用户就知道你在做泰国旅游路线,而且有七夕节活动。而且,手机版和PC版要同步。
在装修网店时,需要注意手机版的首页,据统计,74%的成交都来源于手机,因此设计风格要同时便捷的兼容手机端和PC端。文案标题设计,就要字少,且够大,不妨碍手机浏览。例如这样:
总之,防止跳失,用一句话推销自己的店铺,栏目文字简明够大,别太啰嗦。
2、进入首页的用户,脑子里想的是什么?基于行为数据可知:不喜欢这个宝贝,看看有没有别的我喜欢的;这个喜欢,但看看有没有值得买的。有没有优惠券领。所以,店铺的首页,更多是功能性的,所以从节约用户时间角度,极简!
让客户快速找到其他同类产品或者相关产品的分类——永远是最大的核心重点。▎
设计指导:让客户快速找到其他同类产品或者相关产品的分类方式,菜单可以滑动,点击跳转到对应的区块。
同时,首页如果设置优惠券,从提升转化率的角度看,意义并不大,但如果你爆款的价格179元,你设置个满200元减30的优惠券,这时候,你就发现,消费者会继续浏览你的店铺,提高客件数。
所以,首页优惠券的目的,是让用户买更多,所以基本要设置高于客单价10%左右价格。
3、如何提升客件数?做店铺一定要考虑的是“欲望管理”,如果你的目的明确,就是为了赚钱,反而很难赚到钱,因为你这样的心态不可避免的会让顾客嗅到你的“铜臭味”;但如果你从“心”出发,压抑住自己的“欲望”,
调整自己的心态,把做店铺的目的变成“帮助用户解决问题”,这样就很容易走上正轨,反而容易赚钱。同样,我们在做店铺的首页策划,目的其实为了通过提高课件数,来提高销售额,但是如果你从这点入手,不如从让用户花更少的时间买到最适合的产品方面入手,更有效。如果从宝贝页面进入首页的客户,是为了看有没有其他款更适合我,那么我建议首页做购物推荐,什么样的人适合买什么产品。比如:你在自己店铺首页做购物推荐说:“建议闺蜜出行,买这款旅游产品就很合适;建议带老人的家庭选择哪一款最合适,没必要报名太高端的团”,那么我相信带给顾客的体验就无与伦比。如果从宝贝页面进入首页的客户,是为了看还有没有其他什么东西值得一起买,那么我建议从节省顾客时间角度考虑,不要首页做得花里胡哨,各种促销,让用户一目了然,清清楚楚,所以,考虑以“极简”作为主要风格或分楼层。▎
设计指导:整洁统一,每个楼层布局一样。看看天猫首页,其他外站以及网店系统的精美模板,每个楼层布局都是一样的,为什么呢?客户浏览是很快的,这样做,他知道想要的在哪,不用花时间去找。每个楼层色调不同,能刺激浏览者视觉,分开不同楼层,快速定位到他想要的那一个楼层中。
分楼层的概念同样适合于手机版,手机版的一屏的尺寸是640X850像素,手机一屏的空间非常有限,有限的空间里不适合放太多的文字和拥挤的宝贝,以下我将通过案例给大家说明:
▎
设计案例:
以上就是今天的内容,我们再来回顾一遍,怎么花最少的时间满足用户,提升用户体验,怎么在满足用户体验的同时满足商家的欲望?1、第一屏核心:防止跳失,用一句话推销自己的店铺,设计不要太“正经”。2、让客户快速找到其他同类产品或者相关产品的分类。3、首页优惠券的目的,是让用户买更多,所以基本要设置高于客单价10%左右价格。4、调整自己的心态,把做店铺的目的变成“帮助用户解决问题”。分楼层设计技法,快速定位到他想要的那一个楼层中。好,今天的讲解就到这里,如果你喜欢我的这篇文章,欢迎转发给身边的朋友。(带你做有趣の旅游产品 - 持续更新中...)
UI课程作品
店铺美工必须掌握の首页设计知识相关作品
收藏
页面设计
收藏
网页设计
收藏
网页设计
收藏
页面设计
收藏
APP设计
收藏
设计规范
收藏
设计规范
其他设计规范
最新素材
其他设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
收藏
设计规范
Load More
最新素材
收藏
像素图标
收藏
原型demo
收藏
APP设计
收藏
原型demo
收藏
面性图标
收藏
线性图标
收藏
线性图标
收藏
多色图标
Load More