移动端的那些导航组件(二)

上海/UI设计师/2年前/75浏览
移动端的那些导航组件(二)

认识移动端的那些导航组件

认识一下移动端的那些导航组件。

今天继续认识移动端导航组件,分别是分页(Pagination)、索引栏(IndexBar)和步骤条(Steps)。


分页 Pagination
分页在B端设计中是一个非常常见的组件。当一个页面数据量很大时会考虑使用分页,从用户体验而言,分页可以让用户在切换下一页的时候有停顿喘息和思考的时间,同时,用户能够让用户更容易记住自己要找的东西大概在什么位置。


移动端和Web端分页有很大的区别,移动端屏幕尺寸有限,以轻量操作为主,大多都是采用滚动加载新数据,尤其是在Feed流中,用户滑动屏幕,就可以在短时间内被喂养大量信息,从中发现自己最感兴趣的信息。在移动端上为了让用户快速定位到自己感兴趣的信息,通常会在页面搭配搜索组件、标签页、筛选组件。由此可以看出,分页其实并不适合用在移动端上。


索引栏 IndexBar
索引栏在Nut UI叫做Elevator,在Tini设计系统里叫做Alphabet bar。索引栏主要用于快速浏览和定位,移动端最常见的就是应用在地区选择上。


步骤条 Steps
步骤条用于让用户了解当前操作在整体流程中的位置,步骤条可以横向或者竖向展示样式。

1
阅读原文
|
Report
|
1
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
文创
文创
文创
文创
精选收藏夹
作品收藏夹
一些小动物
一些小动物
一些小动物
一些小动物
精选收藏夹
作品收藏夹
大家都在看
Log in