专栏名称: 交互设计学堂

系统学习交互知识，就找老D。干货分享、在线培训、行知书院三大版块帮你提升自己。最新资讯-全是干货还有老D点评，每天推送；交互培训-在线课程帮助小伙伴进入交互行业，只要3个月；行知书院-老D帮小伙伴们解读经典设计书籍，都是“硬”知识。

全部分类页，历经5个月的迭代回顾

交互设计学堂 · 公众号 · 设计 · 2017-06-30 19:30

正文

二、页面设计

全部分类页从内容模块上，主要由一级业务、二级业务、活动资源运营位和搜索框四个模块组成。

从框架结构上，可分为顶部导航栏、左侧导航栏、无导航引导三种类型。

1、顶部导航栏

适用于用户个性化推荐体系较精准完善的产品，通过用户实时/历史的搜索、浏览、收藏等行为数据积累，直接命中用户的查找诉求，引导用户完成交易。

优点：导航栏占据空间较小，可最大程度凸显实际内容，增加点击吸引力。

缺点：单屏露出的一级品类较少，可能导致效率低下。

2、左侧导航栏

适用于公司一级品类纷繁复杂的产品，在有限空间内曝光较多的一二级业务。

优点：曝光业务数量多于顶部导航栏，用户查找一级分类的效率更高。

缺点：导航占据屏幕接近1/3位置，不利于业务实际内容的铺陈。

3、无导航栏

适用于公司一级类目较少的产品，设计更加简单高效。

优点：最大化的曝光一二级业务内容。

缺点：1、信息布局凌乱，一二级业务区分度不高；2、信息单元仅由文字聚合，重点不突出，内容的吸引力较低；3、风格简单，美观性欠缺。

三、迭代历程

上文叙述的2种来源，3种页面框架，在点评的全部分类页迭代中，皆有涉及，经验不可谓不丰富。