专栏名称: 学ui网
欢迎关注学UI网,国内棒棒哒新手学习UI的教程平台!www.xueui.cn。无数新人在这里学习最终找到UI设计工作。
目录
相关文章推荐
上海证券报  ·  破4亿! ·  昨天  
广发证券研究  ·  广发研究 | 6月投资日历 ·  昨天  
上海证券报  ·  603003,即将退市,诸多谜团仍待解 ·  昨天  
冠南固收视野  ·  信用周报:信用债ETF质押式回购即将落地 ·  2 天前  
51好读  ›  专栏  ›  学ui网

快速掌握列表导航的布局

学ui网  · 公众号  ·  · 2018-11-11 20:59

正文

请到「今天看啥」查看全文





列表导航的入口


a.从核心功能区进入


一般会放到核心功能区的最后一个功能里,展开之后是列表导航页。如下图:


优点: 符合用户习惯,当核心功能区产品种类较多时,会引导用户会主动去最后一个功能查找更多分类。


缺点: 当功能特别多的时候,全部分类可能会被翻页隐藏掉,从而被用户忽视。当页面用户沉浸页面时,不方便用户即时使用。



b.从底部导航栏进入


一般会将产品的分类放置于底部导航栏里,展开之后是列表导航,如下图:

优点: 由于底部导航栏的跟随状态,使得用户随时可进入列表导航,方便用户查阅。



c.从列表进入


一般会从首页的产品列表页进入产品筛选的列表导航页。如下图:



优点: 符合用户预期,进入导航列表就是用户想要的产品陈列状态。



d.多层级点击进入


一般会从首页的某个分支功能进入,之后再从分支功能在进入产品分类的列表导航页。如下图:








请到「今天看啥」查看全文