首页 > 电商感悟 > 无线视觉提升方法有道
2016
09-03

无线视觉提升方法有道

无线流量日益增加,无线端首页的视觉优化也一直被持续关注着,如何对店铺首页进行针对性的视觉提升;如何细化全盘视觉调性,进行合理的布局规范,达到差异化视觉,更多的是不知道如何在活动期去做一个具有针对性、特色与引导性的页面,导致用户体验下降,活动效果不理想……这些问题都在我们不懈的研究之中,那么,下面就由小编带领大家一起走上无线端页面优化的进阶旅程吧:

首先我们要对店铺的用户人群进行精准的定位,而精准的人群定位约等于产品、人群、风格的一致性表达。

无线视觉提升方法有道 - 第1张  | vicken电商运营

有了精准的定位,从而延展的视觉定位则是与之息息相关的,我们所做的视觉规划、元素搭配、色彩氛围都是围绕精准的定位进行相对应的配合。

接下来我们要根据店铺的不同战略方向,选择不同的页面布局逻辑,而我们的活动页面逻辑可以分为四种类型:①分流型;②聚流型;③新商家型;④腰部商家型。

那么针对我们的不同类型店铺或者的店铺在活动时期时,应采取的页面逻辑是怎么样的呢?

一、分流型

无线视觉提升方法有道 - 第2张  | vicken电商运营

分流型主要是具有大流量、产品品类比较多的店铺活动页面,从图片中我们可以看出,针对大流量的店铺,我们首先要做好的是将前三屏位置重点展示好活动内容,强化购物场景,并通过分类的明确指引,让顾客按需选择。

从图片中我们还可以看到,在产品的分类的大小进行了从左到右的展示,这是因为我们的无线端用户,大多为右手使用者,当我们将重要的分类放在右侧,是方便用户进行点击的,细微的局部调整都有可能带来更好的用户体验。

二、聚流型

无线视觉提升方法有道 - 第3张  | vicken电商运营

聚流型是针对产品品类较单一,属于爆款/主推款型,在这类店铺的布局上,我们同样要注意做不遗余力的氛围展现,接下来对店铺主推产品的推选。

三、新商家型

无线视觉提升方法有道 - 第4张  | vicken电商运营

对于新店铺,我们要做好的则是将店铺其他热销产品进行展示。

四、腰部商家型

无线视觉提升方法有道 - 第5张  | vicken电商运营

对于腰部商家,在做好主推产品的展示时,同样要做好分类的按需分流,再讲店铺热销品牌的相关推荐进行展示。

总而言之,我们的页面布局要遵循的逻辑则是要将流量价值最大化:

当我们的流量越大时,越要在首页进行流量分配,尽量引导到活动专题或通过品类导航到分类页;当流量越小越要将流量聚焦到店铺的主推款或热销款。

五、创作对能视觉进行有效引导的设计元素

无线视觉提升方法有道 - 第6张  | vicken电商运营

①较大的视觉重量元素(焦点)吸引眼球;

②辅助元素(箭头和线)提示传递方向。

六、运用二八原则优化页面布局

当我们的页面产品比较多时更需要注意页面的整洁,采用二八原则能将我们的页面调性各种统一于协调:

①产品多,信息量大的时候,将页面的80%设计得简洁;

②图片风格一致/商品退底;

③选用低饱和度的配色。

七、制造明显区块化,尽显功能表达

我们还需要注意页面布局尽量有秩序,排列整齐,防止过紧或过松,有明显的“区块感”。切忌混乱;布局要充分表现其功能性,对于每个区域所代表的功能应有所区别。如:标题区,商品区,提示/帮助区等;页面中最重要的信息所在的模块将是在屏幕中最明显的位置上;并且,应该是最大的/突破展示的信息的位置保证一致性,让用户可以无需重新建立对页面信息分布的理解。

无线视觉提升方法有道 - 第7张  | vicken电商运营

无线视觉提升方法有道 - 第8张  | vicken电商运营

总结:

无线端的页面布局优化是有据可循的,我们通过分析店铺的定位,到店铺本质情况去进行针对性的布局,注意无线用户的使用习惯,页面元素对引导的重要性,还有运用二八原则对产品进行协调性的展示,并做好无线页面内容的区块化,做到功能的集中表达,对我们的无线视觉提升都会有很重要的意义。



最后编辑:
作者:vicken
这个作者貌似有点懒,什么都没有留下。

留下一个回复

你的email不会被公开。