For investors
股价:
5.36 美元 %For investors
股价:
5.36 美元 %认真做教育 专心促就业
符合用户操作习惯的设计虽然不能增加更多的新用户,但是可以有效的防止现有用户的流失,下面我们就通过案例分析来简单了解一下,移动端应用设计规范都有哪些。
一、底部操作列表(actionsheet)
定义:
与用户触发的操作直接相关的一系列选项功能。
用途:
底部操作列表,是当用户激发一个操作的时候,出现的浮层面板。“使用操作列表让用户可以开始一个新任务或者对破坏性操作(例如:删除、退出登录等)进行二次确认。”
使用说明:
1.点击遮罩,底部操作列表消失。
2.底部操作列表可以显示说明,作为对当前操作项的说明。
3.底部操作列表可以只展示操作选项,这样的底部操作列表更加简洁易读。
4.对于删除,退出等需要警示性的操作,可以通过红色文字来展示。
二、底部动作条(bottomsheets)
定义:
一个从屏幕底部边缘向上滑出的一个面板,使用这种方式向用户呈现一组功能。
用途:
底部动作条(BottomSheets)提供三个或三个以上的操作需要提供给用户选择,并且不需要对操作有额外解释的情景。
根据上一步的内容,向用户展示用户上一步的操作之后能够继续操作的内容,并提供模态的选择。
使用说明:
1.如果只有两个或者更少的操作,或者需要详加描述的,可以考虑使用菜单(Menu)或者对话框替代。底部动作条可以是列表样式的也可以是宫格样式。
2.显示底部动作条的时候,动画应该从屏幕底部边缘向上展开。点击其他区域会使得底部动作条伴随下滑的动画关闭掉。如果这个窗口包含的操作超出了默认的显示区域,这个窗口需要可以滑动。
3.在一个标准的列表样式的底部动作条(BottomSheets)中,每一个操作应该有一句描述和一个左对齐的icon。如果需要的话,也可以使用分隔符对这些操作进行逻辑分组,也可以为分组添加标题或者副标题。一个可以滚动的宫格样式的底部动作条,可以用来包含标准的分享操作。
三、日期时间选择(datepicker)
定义:
通过滑动来选择日期和时间。选择器的承载信息很大,可以承载很多很多的选项。
用途:
在选择器面板中可以来回选择,如果选择错误的话可以快速调整。
使用说明:
1.选择器一般位于底部,或者位于选项列表的下面(如iOS原生日历)
2.同一个竖直方向的选项属性相同
【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。