无线端日益成为商家们争相发力的宝地,针对无线的页面设计当然也不能落后。那么无线端页面设计和PC端的页面设计有哪些显著的差异呢?我们在设计时需要注意哪些内容呢?
一、PC端与无线端的差异在哪里?
你可不要以为PC和无线的页面只是展示的平台不同,设计的思路、表现都是一样的。但其实,正因为展示平台不一样,我们的设计思路、表现的侧重点都大不同。
在PC端中,用户的浏览习惯一般是:宝贝--关联--宝贝。用户先通过宝贝/商品搜索,进入店铺的宝贝详情页,然后通过详情页的关联,再去到其它宝贝详情页。
但在无线端中,用户的浏览习惯更多是宝贝/二级页--首页--宝贝/二级页。用户先通过先通过宝贝/商品搜索,进入店铺的宝贝详情页/二级页,然后回到首页再去到其它宝贝详情页。因此无线端的首页应该更加侧重于产品的导购和关联,充分利用好首页空间,尽量做多个入口或者以主推产品、销量收藏排序摆放产品,方便顾客用最少的时间找到最想要产品。
二、设计表现的差异点
1、首页
(1)PC端:变化多,可发挥的空间大
PC端的店铺首页往往都会围绕一个明确的主题进行设计,更加注重活动气氛和视觉感官上的享受。
PC端首页设计核心:扁平化堆砌
当遇到活动大促的时候,用户都是非常懒和目标明确的。他们希望能用最短的时间里选到性价比最高的产品(即便只是假象)。因此我们在首页设计的时候要尽量展示最多的产品,并使用扁平化堆砌的方式,尽可能让客户无需跳转,就能在一个页面里找到他想要的产品,从而减少调失率,提高转化率。
(2)无线端:受模块限制,发挥空间有限
无线端由于版块和网络受限,因此页面设计相对而言会较为简单平凡。如果说要表现店铺风格和调性的话就要在店招和首屏海报下功夫。由于无线端页面大小的关系,不需要堆砌太多的内容,只要把重要的主题和感觉表现出来就可以了。我们可以通过运用好色彩搭配,打造店铺气氛和格调。如:
无线端首页设计核心:模块化,做好导购和关联
无线端首页设计是以模块为主,而且官方对模块的数量也有要求。那么我们在设计首页的时候就要注意利用好有限的模块,做好店铺的导购和关联,或者展示店铺的主推产品。导购的话,我们可以做一些分类入口、专区入口、活动入口,帮助用户有目的性地浏览,引导用户进入二级页面查看产品。其次,如需在首页上展示产品,我们尽量按照主推产品、销量和收藏量排列宝贝,做好宝贝之间的关联:相近价位、品类、风格推送。
2、详情页
(1)PC端:面面俱到
PC端的详情页设计思路更多是希望把产品的各个方面展示出来,介绍的越详细,越清晰越好!一般店铺都尽可能地在页头添加了关联、中间又有不少的卖点展示介绍、并使用多张图片多角度地展示产品、同时还会配上简洁有力的底部文字描述还有品牌介绍等。所以详情页的屏数普遍都是比较长的,且介绍比较全面的。目的往往想要通过展示思路、视觉表现来引导消费者下单。
(2)无线端:浓缩便是精华
由于无线端的页面屏数受限,详情页面展示就显示精简多了。我们只需提取精华部分作为详情页的展示介绍。如挑选产品最有力的卖点展示、产品属性(尺码和材质)、模特图、细节图等这些必要展示元素,图片产品的细节文案也尽量应该压缩。而对于详情页的屏数要求,优秀的无线端详情页一般都是4页10屏。另外,比起页面的设计感更需注重产品本身质感展示,从用户体验的角度思考,移动端更加讲究看图,图片好、产品质量好,是影响移动端的静默成交率的。
三、无线端页面的设计要点
了解了PC端与无线端两者之间的设计差异,我们来总结一下无线端大促活动页面的设计要点。
1、营造活动气氛
无线端页面的活动气氛营造我们可以通过改变店招和海报的色调和文案来体现。就如这两个无线端页面,大多使用红色系为主调,其他鲜艳的亮色系为辅助色。在页面的当眼处放上优惠券和促销信息等字眼来吸引用户。
2、不做无用功:模块化设计
在活动促销期间,我们要利用好首页的模板,看什么模块适合展示小的活动banner,什么模块适合展示分类入口,什么模块又适合展示主推款产品。然后从用户的购买心理以及购物、浏览习惯分析,做好模块化的导购。
整体设计时最重要的就是要突出体现一个点:整齐统一。活动期间,用户是来扫货的,不会像平时一样慢慢欣赏这张海报做得美不美。所以,请把时间用在刀刃上:尽量使用扁平化设计,去掉冗余的效果,省时省力!
四、小结
无线端促销活动页面设计时需要注意的点,简单的用三个字归纳就是:快、准、狠!快速响应、抓准目标、不让顾客思考。促销活动本来就是凭着快节奏,最大限度激发出顾客一瞬间爆发的购物冲动,而无线端的页面设计如果能巧妙利用好,必定是带来高转化的绝妙神器。