手机淘宝首页设计布局分析


现如今我们需要的是全面而手机端淘宝店铺就成了我们所不可缺少的一部分,只有珍惜每一个流量我们才有利可图 。
在设计手机淘宝客户端首页前,我们要明白,无线店铺的首页起的作用比PC首页更大 。
从下图可以看出,无线店铺首页起着强大的分流作用,所以无线首页的布局好或是差,就决定了店铺内流量流转是否健康 。

手机淘宝首页设计布局分析

文章插图
仔细分析用户在手机淘宝的购物路径,我们不难发现,用户的购物路径非常简单,一直围绕着“商品详情页----店铺首页----商品详情页----店首页”的轴,这有别于PC端客户的访问行为,因而,我们的美工及运营一定要依据客户的实际走向来完成店铺相应页面的设计 。
注意:从用户的访问行为来看,手机店铺的首页与宝贝详情页的装修是非常重要的环节,决定了客户去向以及是否购买 。
设计无线店铺首页框架,再去各个模块单独地设计修改 。下图是我们设计的无线店铺首页的框架,从整体内容上看,无线首页必须承载八大内容:店招、会员分享、宝贝、分类、活动、形象、优惠券和微淘 。
参照上图,我们来看一下无线店铺首页框架中各个模块的主要作用及设计要点:
【店招】这一部分是告知客户店铺营销亮点,比如聚划算活动和店铺活动等 。
【标题模块】这部分是告知客户店铺的优势,品牌的理念等 。
【焦点图模块】这部分是告知客户店铺主打活动,或者主推宝贝等,也是细化活动分类 。
【优惠券模块】可以使用多图模块、左文右图等模块,细化活动分类 。
【双列图片模块】这部分可以是活动分类,也可以是产品分类 。
【左文右图模块】这部分可以是活动分类,或者店铺相关信息 。
【搭配套餐模块】这部分是告知顾客店铺搭配套餐,提高客单价的神器 。
【双列宝贝模块】这部分是店铺热卖或者主销的宝贝 。
【自定义菜单】这部分引导分类宝贝,有效促进客户分流 。
下面我们罗列下各个模块设计要求
A.店招设计:如何让店铺高大上
【店招规格】640x200 像素,大小:100KB以内,图片类型:jpg、jpeg、png 。
【图片内容】1.体现行业地位;2.体现店铺调性;3.凸显活动主题 。
举例1:体现行业地位 。店铺:三只松鼠旗舰店,如图1-3所示 。图1-3 三只松鼠旗舰店
举例2:体现店铺调性 。店铺:茵曼旗舰店,如图1-4所示 。图1-4 茵曼旗舰店
举例3:凸显活动主题 。店铺:韩都衣舍旗舰店,如图1-5所示 。图1-5 韩都衣舍旗舰店
B.焦点图模块的装修要点
焦点图的轮播设定为三轮播:第一轮播设置为店铺活动信息海报;第二轮播设置为单品爆款海报;第三轮设置为配合大促或者活动的单品爆款 。手机端焦点图的设置与PC端不同,与PC端相同的是首焦均是店铺主要活动信息,但手机店铺建议以爆款为主 。
【焦点图规格】图片尺寸608像素x304像素,文件大小100KB,格式:jpg 、png 。
【模块内容】最多可以添加4幅banner图片 。
模块中的图片内容可以为店铺主推活动,活动主题 。聚划算、手机专享、大促活动等 。
举例1:聚划算 。店铺:茵曼旗舰店,如图1-6所示 。图1-6 茵曼旗舰店
首焦图设计要点要特别注意:
第一轮播:大促信息清晰可见,避免多重信息,避免视觉混乱;
第二轮播:单品爆款为主,排版简洁,突出产品;
第三轮播:大促活动爆款推荐,信息清晰简单明了 。
【手机淘宝首页设计布局分析】


特别声明:本站内容均来自网友提供或互联网,仅供参考,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。