数极客首页

关于陈列设计和一些细节的体验

【关于陈列】
如线下商场要注重
动线和陈列一样,我们在线上的页面中也十分

要注重
关于陈列的一些细节! 搞设计的习气
统一称为用户体验设计!我是基于在快消品大卖家的工作积聚
的实战阅历

上来谈谈这些内容,谦逊
还是要的,抛砖引玉吧!当然有一点,无论怎样
谈页面的用户体验,这仅仅是整个电商行为的一个环节,所以根绝
体验设计为王这种不担任
任,毫无全局观的行动

我这里讲的“陈列设计”并非树立
在专业范畴
的概念,而是经过
实战总结的阅历

,可能中间衣着

用户体验设计”的要点,….

关于陈列设计要把握的几个准绳
是:
1.t让新顾客轻松找到产品,快速熟习
产品目录
2.t让老顾客第一时间看到上架的新品
3.t陈列的目的是让顾客做出决策
4.t在合适

的位置推出主打产品!
5.t不要随意

的改换
动线和规划

6.t每个功用
模块所展示

的产品数据量
要合理
7.t陈列的图片规格既要俭省
空间又要明晰
表达产品特征!
8.t陈列中巧用文字和数据的影响
9.t每个陈列模块之间要有明晰
的界线

10.t不要滥用广告图!
11.t把握陈列中惹起
购物愿望
的元素
12.t陈列中不可忽视

的即兴消费
13. ….(抛砖引玉,待续)

———————————————————————————–
1.t让新顾客轻松找到产品,快速熟习
产品目录


不论

您的店铺人气能否
旺,新顾客是我们首要照顾的群体,刚进入你的网站新顾客有两种途径,一种是直接进了你的产品页面,另外一种是进入了你的首页!前者阅读
完产品页面后怎样
让其继续阅读
其他产品或者进入首页,则是导航和关联模块的设计的目的
!这个还不在陈列的范畴内!所以后者是重点要讨论的!
关于陈列设计和一些细节的体验

 

进入首页后,怎样
让新顾客轻松的找到产品呢?
a.t搜索框和店内产品关键词


b.t明晰
的图形化产品类目导航


c.t首页三部曲:新款,主推,热款


注:我这里依据

快消品(服饰衣帽鞋包类)实战得出的结论,有些类目可能不适用.
以上a/b/c三种方式都能够

选择;a搜索框针对那种网购阅历

丰厚
,或者资深网络群体,他们不需求
直接展示

,更喜欢自己

去搜索,而关键词的链接则缩短了跳转流程。

b 图形化的产品类目导航放在首页悬浮侧边,或者副导航下面都能够

让新顾客十分

简约
的明了的了解

店内产品的目录!
关于陈列设计和一些细节的体验

c 首页三部曲基本

涵盖了店内主流消费的产品!所以每个区域展示

数据量
要合理布置
,不至于让新顾客迷失在大面积的产品中,遗忘
了产品目录!
这里边有两种声音:
· 一种是从商家的角度动身
,希望新顾客进来后把店内一切
产品都看一遍!
· 另外一种是从顾客角度动身
,辅佐

顾客尽快找到她想了解

的产品!
依据

产品的不同,选择不同的战略
!假定

产品差别

不大,则需求
引导其尽可能多的阅读
产品!假定

产品差别

较大,则应偏重

栏目的引导,小面积的掩盖

——-这里淘宝店铺页面就暂时不举了,先放一个京东的页面剖析

——
关于陈列设计和一些细节的体验

2.t让老顾客第一时间看到上架的新品
老顾客入店有两个需求:
a.t关怀

最近的新品


b.t关怀

店铺活动或者促销


扫除
了老顾客直接置办

愿望产品这个群体(当然假定

要做细的话也能够

思索
进去)
针对这两个需求,开发出陈列区域;
a 新品区域,这个区域一定是动态,关于
产品更新频率比较

大的类目相对来说比较

好做,还有一个就是数据量
的多少,首页的空间是有限的,你不能一股脑儿把一切
新品都往上堆,最重要的是把主推新品往前放,这里要留意
的技巧是一要注重
缩略图的大小要合理,淘宝上我基本

选择220px blog.sql junk.sh 220px,两排8款!标题banner高度不宜过高控制在30px以内!要显然
的讲这个区域分开来,为了激起
新品的点击量,在banner的中央
能够

设置一些助于提示
的要素
如:“您还有【12款】新品未查看“ 这是从SNS网站上移植过来的办法

,我在后来的数据统计中发现这种提示
对增加新款的点击率十分

有效!
关于陈列设计和一些细节的体验

b 店铺活动或者促销。这个内容在陈列的时分
也有很多方式!如:活动banner引导到新标签页面、直接首页全屏展示

活动内容、首页精选几款作为引导。
先说活动banner引导到新标签页面;


这个很常见,banner的设计我不时

主张“less is more”这个观念
(中文解释就是大道至简),用色要少,元素要少,把活动主题突出来!很多不太成熟的美工,一味炫耀

设计,喜欢在banner上做很多特效,加很多与主题没太大关系的元素,这恰恰会分散用户留意
力,达不到影响深化

的效果!
关于陈列设计和一些细节的体验

好的banner需求
让人有点进去的激动

控制
两个词“简约
”“夸大

”!这就是被人记住的办法

!这里有两个让人们记住的技巧,分享给大家:
一是重复

性;二是夸大


重复

性在设计里讲的是统一,配色要统一,不宜经常变换颜色,你往常

看到“绿色+橙色”就知道

是当当,看到“淡绿色”就知道

是豆瓣,看到“橙色”就是淘宝一样!

第二
是夸大

,夸大

的东西总是被人记住和猎奇
!大夏天你走在路上,忽然

一个穿羽绒服的人呈现
你面前,你一定会被其吸收
!这个置信
很多人在淘宝上看过一些令人叫绝的设计图片,如Mr ing的那张透气图片,这既是一种夸大

的表达,但是为人所记住!

控制
了夸大

这个准绳
,你在做创企图
片的时分
就能把握好思想
的方向了!
关于陈列设计和一些细节的体验

第二
说首页直接展示

活动陈列的方式!


每个类目的不同的产品消费者有不同的消费习气
!考量活动内容是直接在首页展示

呢还是放到一个新的标签页?我以为
要应该思索
活动的目的!在旺季的时分
,很多卖家即便

不做活动也曾经
倒饱和负荷的状态了,此时做一些活动假定

在首页直接展示

产品内容很可能削弱原来正常首页到产品页流量(流量过于集中到促销产品上了),假定

活动并不是以利润导向的,那么反而降低销售额了,而且又会增加大量的人力(谋划

啊,发货啊等)!
卖家促销无非就是拉流量,跑销量,甩库存,打推行

拉流量好解释,外面一个硬广进来
,进来滚滚的流量假定

不做好规划,横冲直撞打乱了原来的销售节拍
就得不偿失

了,此时我倡议

直接进入产品页面比较

妥当,一不会拖垮首页功用
,而能直接带来转化率!
跑销量的那批,大部分

是利润比较

低,为了加速周转率,这种活动销售部门看着挺开心,销量也在猖獗
增长,但是其实背后的本钱
的还是很大的,弄的不好,团队人数不够的话,大家都停下来去打包发货吧!结果弄的一大堆退货差评等很糟糕的用户体验!个人觉得,这种低利润跑销量的东西不宜大张旗鼓的弄,偶尔

出来刺激一下,市场疲软的时分
放一点出来,市场好的时分
让一边给高毛利的产品上!所以在陈列上,比如

首页非主要位置开辟

这么一个区域,能容纳

1~4款,偶尔

出来秒杀一下,偶尔

出来折扣一下,时不时勾引一下老顾客那个痒痒的心就能够

了!
甩库存,甩库存要当做一项长期的活来干,从你一开端
就要规划好甩货的周期,当然你必需求

察看

几个销售周期才干
控制
这个甩货时间的规律,甩早了,还不缺电哪些是死货,甩晚了,压了一地库存!在陈列规划上能够

单独开辟

一个页面,陈列的时分
要有统一的辨认

符号,比如

标题还有【促】或者字样,缩略图要打上显然
的标志
,让人一眼看就知道

是甩货!原价和现价都要标志
分明

. 一朝一夕

下来,顾客自然就知道

应该在哪里看你们的甩货,逐步

构成
习气
以后流量自然就会稳定下来!

最终
要说到首页精选几款作为引导的的活动!


这种活动普通
主体性比较

强,而被选出来的代表产品也具有一定的性价比优势,为了吸收
顾客展示

的产品,手法有直接展示

产品的缩略图(淘宝上直接展示

首图),另外一种就是自己

制造
广告图,一排两到三个这样,一定抓住连续性,相互

之间调和

,引入新页面的按钮也要设置的巧妙!通常都会用“更多XX点此进入”“猛点击这里”“等等!这种类

型的陈列最要紧的是产品的选择,一定要具有性价比,比如

原价卖290的现价卖120,这样你必需求

有充沛

的空间来展示

这种优惠差别

,让顾客一眼就能看明白,价钱
这种数字要显然
简介!说到这里,很多初级的设计会把各种字体都搬上广告图,严谨一点讲,像价钱
这种严肃而且信息精准的东西还是不要去美化他,用普通
的helvetica或者微软雅黑字体即可!

—————我们来观赏

一下韩都衣舍 在首页5周年的活动陈列————————
关于陈列设计和一些细节的体验

3.t陈列的目的是让顾客做出决策


这个准绳
可能字面上很难了解

,下面我用两种陈列的方式来论述

一下!

如图:
关于陈列设计和一些细节的体验

左边这种能叫“同一空间毗连

陈列”,右边这种叫“同一空间沿时间陈列”为什么要引见
这两种陈列方式呢?
正是这两种陈列方式决议
了顾客的阅读
习气
!我们拿iphone来做例子,他们的图标是按左边这种“毗连

陈列”方式展开的,我们发现运用
的时分
基本

是在决议
进入哪一个程序!由于
这种陈列把应有信息都陈列出来了,你需求
自己

做决议
我要运用
哪一个!
同样在我们的网站上,在淘宝的店铺上假定

你希望顾客疾速
对产品做一个判别
并进入阅读
阶段,毗连

陈列无疑是最好的方式!曾经一度淘宝上很多店铺喜欢在首页一开屏就展开一幅庞大

的广告图,固然

广告图的效果很多人做的很好,设计很棒!但是我并不赞同这种做法,当然我扫除
了纯宣传不生意的那种店铺!我们应明晰
的给自己

的定位,我们是在卖东西,而不是show设计!所以与其通栏的广告不如好好的设计好一个陈列模块,选上几款,并将必要信息展示

出来(价钱
,或原价,珍藏

数,置办

数,图片等),让顾客疾速
做出决策进入哪一个产品页面!
有一点我没弄分明

,在传统线下商场和专卖店,进入店铺是需求
一个缓冲带的,目的是为了让顾客更快的进入店铺的结构

,不至于给美不胜收
的产品弄晕了!我不知道

线上这种特征能否
显然
,但是我前面讲过,在首页头部一定要有合适

的产品图形化目录导航,这个也起到一定的缓冲作用!千万千万不要呈现
一进来看到的是秒杀,聚划算,各种乌七八糟

的打折信息,让顾客彻底对这个店铺没有整体感了!
所以总结一下,不要迷信广告图和大篇幅设计(那个宣传还好,卖货不行)!很简单的逻辑,你拿一朵花通知
你女朋友这花很漂亮很香,和你拿两朵不同的花问她选那一朵,后者更容易让她接受


那么右边这种同一空间沿时间陈列 又有什么益处

呢?
显然我们在产品详情页里面就是这种陈列方式,由于
这种陈列方式是不需求
你立刻

做出决策的,更多的时分
你是在吸收信息,所以此时你的图片和信息能够

独立开来,每一次空间展示

的产品也好,图片也好,信息量要丰厚
而且专注
!我曾经做过一些小实验
,假定

产品详情页里边,你每一张图的高度正好占领
一个1440*900的屏幕部分

,假定

图片越精准表达产品的特征,就越容易感动

顾客!
所以这两种陈列方式在不同的场所
一定要合理的选择!

4.t在合适

的位置推出主打产品


都是比较

常识性的准绳
,这条准绳
可能最难做的就是合适

的位置!主打产品您最分明

,但是选择最合适

的位置却需求
一番调整和实验
!有些店铺由于
顾客养成的阅读
习气
,他们习气
在首页开头的中央
看到店铺的主打产品!而有些店铺却会在每个产品详情页的首部放主打产品!
陈列主打产品要留意
的几点:
1. 要集中展示

2. 尽量放在新顾客进来的渠道口(这个不局限于首页的,有些做硬广的产品页面也是进入通道)3. 主打产品的包装要显著 4. 主打产品的数据要展示

(珍藏

量啊,置办

量啊等等)
【来看一个例子】

5.t不要随意

的改换
动线和规划


动线一说我是在微博看见一位网友说的,这是线下商场的方式,也不是什么新颖
词!同样在线上的页面规划
中也是这个问题的!玩法一样,一旦确立动线就不要随意

改动!
比如

有店铺首页动线是这样的(导航—副导航—活动广告图—新款区域—主打款区域—产品主分类—分类陈列——同上)一旦这条动线肯定
下来就不要随意

去改动,由于
很可能影响到老顾客的阅读
习气
!当然假定

有更好的规划
方式的时分
一定需求
好好规划,然后慢慢

改动,让顾客慢慢

顺应
!了解

起来就是一句话:充沛

尊重用户体验!

6.t每个功用
模块展示

的数据量
要合理


什么事功用
模块?如你在首页横排8款产品的一个新款展示

区域,这就是一个功用
模块,或者你在侧边展示

的“阅读
量最高的10款产品”或者“阅读
过该款的人还阅读
过”等这些都是功用
模块!这个模块的数据量
是需求
合理控制的,不是越多越好,顾客有一个阅读
时间,纯阅读
性质的基本

就是扫一遍,假定

认真
看的可能也会有看腻的时分

所以要合理的放一定数据量
的产品,像首页这种结构

性很强的页面尽量款数要精简!而分类页这种展示

页面就要多放!

7.t陈列的图片规格既要俭省
空间又要明晰
表达产品特征!


最最重要的是表达产品特征!想缩略图(主图)这种图片由于
会被减少
,所以尽量让产品占领
图片80%的空间!摆放的角度和表现的特征一定要明晰
精确

!这个依据

不同产品要不同的调整,每个产品都有其卖点,尝试将这个卖点在这种小方格图片中精确

的表达出来!这才是霸道
!很少有顾客愿意看那些花里胡哨的东西,他们最终想了解

产品怎样
回事,你盘绕
的主题也是!

8.t陈列中巧用文字和数据的影响


置信
大家对VANCL的页面中那个红圈价钱
印象很深,我们进入VANCL的页面感受最深的是他无处不在的价钱
数字,除了正常的价钱
标签外,醒目的价钱
数字会对顾客构成一定的购物氛围

!在文字的链接上如“您还有x款没有查看”珍藏

人数XXX人 等!这些细节上的文字和数字都在潜移默化的影响着消费者的决策,所以在陈列中要巧用这些文字和数字!

9.t每个陈列模块之间要有明晰
的界线


每个模块都有其特殊的功用
,就好比每个货架上展示

着不同的产品一样,顾客不知道

您应该是最分明

的,所以要有效的区别这些货架,让顾客从这个模块阅读
到下一个模块的时分
有一个概念!不至于一圈看下来都不知道

看了些什么!
怎样
来做个界线

了,通常用带标题的横条!或者用不同颜色块来区别,或者用图形化的展示

区域来区别!区别的方式能够

是文字,图形,结构

等!

10.t不要滥用广告图!


这个在陈列结构

中讲过一点,广告图很多时分
他起到一种宣传作用,永远不要以为广告图能给你带来多少流量,这个关键在于广告图在哪?假定

广告图是挂在淘宝首页做硬广,
那么迷信一下还是有报答
的!假定

人都到你家店铺了,你还打着大幅广告,大可不用
了!稍微

放几个小幅的宣传图片就能够

了,完好

没有必要占领
大面积的空间来展示

一两款产品,这是舍近求远

的行为!

11.t把握陈列中惹起
购物愿望
的元素


这个元素有很多种,如(特性
鲜明的价钱
标签,珍藏

数据量
,阅读
数据量
,置办

数据量
,等)这些元素看似很小,却也起到了不俗的作用,由于
从众心理的存在,假定

顾客看到一个某款产品下边展示

着大量阅读
量 和珍藏

量 一定会猎奇
是什么产品这么抢手

通常引导按钮的文字能够

做的生动
一点,到哪都是“点击进入”可能会有点乏味!

12.t陈列中不可忽视

的即兴消费


即兴消费就是在顾客正常的置办

过程置办

了不在计划

内的产品!关联营销是一个手法,到了执行层面就是陈列上的设计,关联模块放在哪,放哪些关联都是要思索
的问题!往常

很多卖家习气
将关联模块放在产品详情页的前面,我觉得这是极大不尊重顾客的做法,原本

我好好的要看A产品,结果你给我整一大堆举荐

产品放在前面,结果拉了半天才看到我想看的产品!这也是舍近求远

的,合理的关联模块要放在顾客剩余时间的中央
,比如

阅读
完以后,比如

切换到另外一个页面以后,等等!而不是障碍
顾客正常的阅读
过程,强行插播广告!

来源:http://bbs.paidai.com/topic/54062

给大家举荐

我国新一代大数据用户行为剖析

与数据智能平台:数极客(https://www.shujike.com),是支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合剖析

用户行为数据和业务数据,能够

自动监测网站、APP、小程序等多种渠道推行
效果剖析

,是增长黑客们必备的互联网数据剖析

软件。数极客支持实时多维剖析

、漏斗剖析

、留存剖析

、途径
剖析

等十大数据剖析

办法

以及APP数据剖析

网站统计网站剖析

小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据剖析

模型,是用户行为剖析

范畴
首款应用定量剖析

与定性剖析

办法

数据剖析

产品

发表评论

评论已关闭。

相关文章