点点客
首页 > 干货邦 > 科技动态 > 无线视觉如何提升才能“一触即发”?
分享到QQ空间

无线视觉如何提升才能“一触即发”?

大麦电商 ·  2016-09-05 11:38   0
摘要:无线流量日益增加,无线端首页的视觉优化也一直被持续关注着……

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


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

 


用户定位分析

 

 


  有了精准的定位,从而延展的视觉定位则是与之息息相关的,我们所做的视觉规划、元素搭配、色彩氛围都是围绕精准的定位进行相对应的配合。接下来我们要根据店铺的不同战略方向,选择不同的页面布局逻辑,而我们的活动页面逻辑可以分为四种类型:

 

         ①分流型;

 

         ②聚流型;

 

         ③新商家型;

 

         ④腰部商家型。

 

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

  

    一、分流型



微信店铺

 


  分流型主要是具有大流量、产品品类比较多的店铺活动页面,从图片中我们可以看出,针对大流量的店铺,我们首先要做好的是将前三屏位置重点展示好活动内容,强化购物场景,并通过分类的明确指引,让顾客按需选择。从图片中我们还可以看到,在产品的分类的大小进行了从左到右的展示,这是因为我们的无线端用户,大多为右手使用者,当我们将重要的分类放在右侧,是方便用户进行点击的,细微的局部调整都有可能带来更好的用户体验。

  

    二、聚流型

 

 


微店

 


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

  

    三、新商家型

 


微商城

 


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

  

    四、腰部商家型

 


微信分销

 


        对于腰部商家,在做好主推产品的展示时,同样要做好分类的按需分流,再讲店铺热销品牌的相关推荐进行展示。总而言之,我们的页面布局要遵循的逻辑则是要将流量价值最大化:当我们的流量越大时,越要在首页进行流量分配,尽量引导到活动专题或通过品类导航到分类页;当流量越小越要将流量聚焦到店铺的主推款或热销款。

  

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



互动测试 


 

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

   

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

  

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



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

 

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

 

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

 

        ③选用低饱和度的配色

 

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



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


微信商城

 

 

微店服装
 

        总结:


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


免责声明

知识要点

“无线视觉”是指无线端页面的视觉效果,常见的表现方式有店铺首页、banner横幅、商品图等。