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

用户头像
上海/UI设计师/3年前/122浏览
移动端的那些导航组件(二)

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

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

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


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


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


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


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

1
阅读原文
|
举报
|
1
分享
相关推荐
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
我的钱包-UI界面设计-app
UI通用设计素材1
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
手表表盘UI系列
盲盒APP UI设计
【新年UI图标】珠宝icon
智能家居中心 简约 UI设计组件库
高级感金属拟物 UI设计组件库
UI界面 组件
【新年UI图标】30个图标
Security Camera UI kit
3D渐变流体抽象矢量UI背景图
【新年UI图标】影音icon
拟物风质感写实UI卡片合集源文件
【新年UI图标】礼物/活动icon
【新年UI图标】体育icon
APP/小程序商业项目UI模板|99个高保真UI+79个原型
户外旅行飞机情侣假日出行
【新年UI图标】活动icon
新拟态风格 UI设计组件库
高级表盘系列UI源文件
UI 登录界面设计模板包
【新年UI图标】积分icon
你可能喜欢
相关收藏夹
地产VI
地产VI
地产VI
地产VI
大家都在看
登录注册