赞助商
立即赞助

想做好分类导航设计?从这四要素开始!

交互设计3年前 (2021)发布 流光
1.9K 0 0

作设师的我们,思考设实方案的时候一记得从业务逻辑出发,多运营以及产品沟通,挖掘到多的需求,这样能效的用设具解决问题。

般说来,在物类app,用户想要到商品详情页路径有以下3:

  • 通过搜索直达商品列表;
  • 过分类导航
  • 过运设定特定模块到(比如促销活动和专区)。

这三种径基本就涵盖了用户购的的3种态:

  • 第1种路径可有效满足户明确知道自己要哪个具体商的需求;
  • 第2种径可以效满足用户明确自己买哪类商品但不知道具体买哪商品的需求;
  • 第3路径可以满足用户逛逛心态。

分类导航设计

接来的篇幅我们要讲于分类导航的相知识点。

分类把商品按照固属性、用人群、使用场景区分标准,把符合统一标准的商品归类,提高查找商品效率的一种手段。

按照分类查找商品是类最常用到思维和习惯,这习惯主要来于们在线下物。线下商场商品都是实体,需要占用三维物理空,法像在网上样可以过搜索把商品相关信息展现在用户眼前,商品是不会动,用户需要改变自己地理位去走到商品所在位,才能拿到商品,为了能够让用户快速找到自己商品,商场会按照定标准商品分类,符合类标准商品会放在片区域,百货商场里1楼是化妆品、2楼是女装、3楼男装、4楼箱、5楼文体用品……在电商刚兴起时候,PC端网站是很大程度上借鉴了线下楼层这概念。

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

使用场景

想一个使用景,用户想买一些零食吃,但不知道体买哪一种。来下猫怎做的?如果通过类目导航查找,在零食的类目下会有多种零食的种类帮助用户做出选择,经过三类目的引导,用户可以轻易选择买哪个品类的零食;假如用户通过搜索路径,在“零食”的搜索结果页,猫也在顶部增加了一个类展示,企图通过类引导的方式帮助用户快速完成任。再一,在类的上部放了一个活动banner,这的话用户多了一种选择:反正也不知道体买什零食,刚好去优惠活动去。

想做好分类导航设计?从这四要素开始!

页面设计

在分类页设计样上,基本上都采用了标签+盒子形,不过标签样采用了和竖。级类目数量不是很多情况下,可以优先考虑标签样,这样能够把更多空留级类目;在级类目数量比较多情况下,议采用竖标签样,这样便用户快捷进级类目查找。看下例子,左边例子采用,右边例子采用竖,在类目数量常大情况下,显然右边样会更高效。

想做好分类导航设计?从这四要素开始!

在些商品数量不是很庞大物app上,大部分会在首页顶部栏额增加个标签分类导航,提升分类导航层级,更好引导用户利用分类导航去找到自己想要商品,由于个级分类商品数量不是很多,可以把多个级类目商品全部排列在级类目标签页下(仅过滑动可以切换到下个类目,如下图右图),降低了用户级类目切换成本,提升用户逛沉浸感,增加商品成交量。

想做好分类导航设计?从这四要素开始!

品牌因素

随消费水平的提高,品牌因素对用户选购商品会占越越的比重,按照品牌分类也越越多的出购类的app中,如图中左的例子,可以直接通过品牌列表查找自己找的品牌;右的例子一级类目下面集了品牌推荐,这也对用户思的一种引导方式。

想做好分类导航设计?从这四要素开始!

商品属性

在分类导航的逻辑中,按照商属性分类是最基本的分类方式,但并是唯一的方式,我们可尝试商属性分类为基础+他纬分类结合的方式,求够覆盖更多的户使场景,响应更多的户需求;分类导航页还渐渐地成为营的展示口,针对类目的营在这里放置一个入口再合适过了。例如图左边的案例,增了商使场景(送礼)为纬的分类,和商属性为纬的分类并列成为一级类目;图右边的案例就针对该类目放置了专题(值得好物)的入口。

想做好分类导航设计?从这四要素开始!

经过上面的案例可看来:

  • 类目导航最高效的适用场是:用户有购物欲望,但无法确定所要购买具品型号;
  • 按照商属性分类仅仅是类目导航的一个基本的维,我们还可尝试从使场景、使人群、牌、个性推荐等维进行更多的分类尝试,覆盖更多的户场景;
  • 类目导航页增加类目运营活动提高转化率的一效手段,得试;
  • 要考虑好上下文关系,击级类目进入到商品列表以后,较为合理筛选与排序操作是必不可少动作了。

作设师的我们,思考设实方案的时候一记得从业务逻辑出发,多运营以及产品沟通,挖掘到多的需求,这样能效的用设具解决问题。

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

在前边的文章中我们已经全方位立体式的讲解了系统图标的相关知识点。即讲到了系统图标的设计风格,也讲到图标设计的栅格体系...
Icon设计
弹窗现在越来越成为了个磨人的小妖精。 早年我们受够了太多不明错误弹窗的骚扰,现在又却要承受各种广告弹窗的轰炸。 我...
ui设计
生活条件的提升使得大家对于健康的生活方式有了更多的需求。健身类的应用就是帮助力求健康的用户提升生活品质的帮手。借助这...
App设计
前不久我在讲标签栏专题的时候,有聊到过一次图标。(前文已提及到部分规范,本文将直接引用,为防止新读者理解脱节,建议先...
UI
UI界面是否设计得足够清晰,各种元素之间是否协调、平衡,用户能否轻松感知到屏幕上的信息,交互是否顺畅舒适,这些因素决定...
Tubik Studio
借着疫情期间在家休假的时间,将平时用到的一些零零散散的图标绘制方法与思路进行了一次全面的汇总与沉淀。从实习期间画一组...
UI
设计师的厉害之处不是设计方案有多么天马行空,而是是否有能将其落地的能力。 你们是否遇到过这种情况:自己做的设计方案在...
ui设计
在 UI 界面当中使用动效已经成为这几年一直被讨论的热门话题了。动效要怎么用,什么样的动效更优秀等等,这样的探讨层出不穷...
UI动效