关于移动端电商类目导航设计,你可以先看看这些经验

一般说来,在购物类的app中,用户想要到达商品详情页的路径有以下3种:1、通过搜索直达商品列表;2、通过分类导航;3、通过运营设定的特定模块到达(比如促销活动和专区)。这三种路径基本上就涵盖了用户购物的的3种心态:第1种路径可以有效满足明确知道自己要买哪个具体商品的需求;第2种路径可以有效满足用户明确自己要买哪类商品但不知道具体要买那个哪个商品的需求;第3种路径可以满足用户逛逛的心态。接下来的篇幅我们主要讲关于分类导航的相关知识点。

分类是把商品按照固有属性、适用人群、使用场景等座位区分标准,把符合统一标准的商品归类,提高查找商品效率的一种手段。

按照分类查找商品是人类最常用到的一种思维方式和习惯,这种习惯主要来源于人们在线下购物的方式。线下商场的商品都是实体的,需要占用三维的物理空间,无法像在网上一样可以通过搜索把商品相关信息展现在用户的眼前,商品是不会动的,用户需要改变自己的地理位置去走到商品所在位置,才能拿到商品,为了能够让用户快速找到自己的商品,商场就会按照一定的标准给商品分类,符合同类标准的商品会放在同一片区域,百货商场里面1楼是化妆品、2楼是女装、3楼男装、4楼箱包、5楼文体用品……在电商刚兴起的时候,PC端的网站就是很大程度上借鉴了线下楼层的这种概念。

由于线下购物习惯的存在,分类导航始终是用户查找商品的一个重要入口,如何更高效的利用分类导航带来更多的成交,这是在电商app设计中不可忽略的一个课题。经过一些用户调研发现,用户在明确自己要买的商品大类但不知道具体商品型号的时候,90%的用户会通过类目去查找商品。

设想一个使用场景,用户想买一些零食吃,但不知道具体买哪一种。我们来看下天猫怎么做的?如果通过类目导航查找,在零食的类目下会有多种零食的种类帮助用户做出选择,经过三级类目的引导,用户可以轻易选择买哪个品类的零食;假如用户通过搜索路径,在“零食”的搜索结果页,天猫也在顶部增加了一个分类展示,企图通过分类引导的方式帮助用户快速完成任务。我们再看一样京东,京东在分类的上部分放了一个活动banner,这样的话用户又多了一种选择:反正也不知道具体买什么零食,刚好去优惠活动去看看。


图片发自简书App

在分类页面的设计样式上,基本上都采用了标签+盒子的形式,只不过标签的样式采用了横式和竖式。一级类目数量不是很多的情况下,可以优先考虑横式标签样式,这样能够把更多的空间留给二级类目;在一级类目数量比较多的情况下,建议采用竖式标签的样式,这样方便用户快捷的进行一级类目的查找。看下面的例子,左边的例子采用横式的,右边的例子采用竖式的,在类目数量非常大的情况下,显然右边的样式会更高效一点。

图片发自简书App

在一些商品数量还不是很庞大的购物app上,大部分的会在首页的顶部栏额外增加一个标签式的分类导航,提升分类导航的层级,更好的引导用户利用分类导航去找到自己想要的商品,由于每个二级分类的商品数量不是很多,可以把多个二级类目的商品全部排列在一级类目的标签页下面(仅通过滑动就可以切换到下一个类目,如下图中右图),降低了用户的二级类目切换成本,提升用户逛的沉浸感,增加商品成交量。

图片发自简书App


随着消费水平的提高,品牌因素对用户选购商品会占有越来越大的比重,按照品牌来分类也越来越多的出现在购物类的app中,如图中左边的例子,可以直接品牌列表来查找自己的要找的品牌;右边的例子在一级类目下面集成了品牌推荐,这也是对用户思路的一种引导方式。

图片发自简书App

在分类导航的逻辑中,按照商品属性分类式最基本的分类方式,但并不是唯一的方式,我们可以尝试以商品属性分类为基础+其他纬度分类结合的方式,以求能够覆盖更多的用户使用场景,响应更多的用户需求;分类导航页还渐渐的成为运营活动的展示窗口,针对类目的运营活动在这里放置一个入口再合适不过了。例如下图左边的案例,增加了以商品使用场景(送礼)为纬度的分类,和以商品属性为纬度的分类并列成为一级类目;下图右边的案例就针对该类目放置了专题活动(值得买好物)的入口。

图片发自简书App

经过上面的案例可以看出来:

1、类目导航最高效的适用场景是:用户有购物欲望,但无法确定所要购买具体商品型号;

2、按照商品属性分类仅仅是类目导航的一个基本的维度,我们还可以尝试从使用场景、使用人群、品牌、个性推荐等维度进行更多的分类尝试,以便覆盖更多的用户场景;

3、在类目导航页增加类目运营活动是提高转化率的一个有效手段,值得尝试。

4、要考虑好上下文的关系,点击二级类目进入到商品列表以后,较为合理的筛选与排序操作就是必不可少的动作了。

作为设计师的我们,在思考设计实现方案的时候一定记得从业务逻辑出发,多跟运营以及产品沟通,挖掘到更多的需求,这样才能更有效的用设计工具解决问题。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 212,294评论 6 493
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 90,493评论 3 385
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 157,790评论 0 348
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 56,595评论 1 284
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 65,718评论 6 386
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,906评论 1 290
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 39,053评论 3 410
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 37,797评论 0 268
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 44,250评论 1 303
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 36,570评论 2 327
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,711评论 1 341
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 34,388评论 4 332
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 40,018评论 3 316
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,796评论 0 21
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,023评论 1 266
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 46,461评论 2 360
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 43,595评论 2 350

推荐阅读更多精彩内容

  • 作为设计师[https://www.uisdc.com/tag/%e8%ae%be%e8%ae%a1%e5%b8%...
    艺设佳阅读 333评论 0 0
  • 作为设计师,在拿到设计需求后,不要着急做需求,先分析需求,且在思考设计视觉时一定记得从业务本身的属性出发,多跟运营...
    yolkpie阅读 710评论 0 0
  • 2017年7月16日~2017年7月17日 一、类目的出现 一个用户在电商的行为轨迹,是从「导航/搜索/SNS」开...
    晓健周阅读 32,763评论 3 46
  • 类目系统是整个电商系统中的基础部分,比较容易被忽略,但确实是比较重要的一个部分,目前淘宝或者京东的商品数量已经有...
    DearNicole阅读 18,663评论 18 53
  • 初探中提到,酒仙网的移动端运营做得比较好,于是也买酒之后再看看酒仙网。 还是先说导航。 “类目”放在导航栏里,而不...
    loveisbug阅读 759评论 0 6