1. <form id='VJjI73'></form>
        <bdo id='VJjI73'><sup id='VJjI73'><div id='VJjI73'><bdo id='VJjI73'></bdo></div></sup></bdo>

          • 首页 > 建站资源 > 网站运营 > APP设计总结:底部动作栏设计

            APP设计总结:底部动作栏设计

            时间:2018-07-04    来源:人人都是产品经理

            底部动作栏属于弹框体系中模态弹框的范畴,它所代表的不是某一种弹框样式,而是一整个弹框类别。本文从优先级、易操作和指向性三个方面对底部动作栏进行分析。

            前段时间B站对视频缓存功能做了一次调整,之前用户想要缓存当前视频只需点击“缓存”图标就行了,新版本中用户必须点击右上角的“更多”图标调出底部动作栏,然后再进行缓存操作。

            但是B站官方上传的视频缓存入口依然保留在之前的位置,个人推测因为普通up主所发布的视频长短不一,良莠不齐,更多的场景是用户阅完即走,缓存的需求不是很大,所以将缓存功能收起。而官方上传的资源一般质量有保障,且时间大都较长,用户更愿意去缓存。

            当然本篇文章并不是讨论B站的这次功能改版,而且缓存功能的载体——底部动作栏。

            底部动作栏

            底部动作栏属于弹框体系中模态弹框的范畴,它所代表的不是某一种弹框样式,而是一整个弹框类别:所有从界面底部向上滑出的面板,都可以称之为底部动作栏。

            在Material Design里称之为Bottom Sheets,在iOS的设计规范中有Activity Views和Action Sheets两种。

            当然不管是MD还是iOS给的都只是一个指导意见,并不是说底部动作栏都只能这样做。底部动作栏本质上就是一个操作选项的容器,操作选项的布局样式有两种:列表式和宫格式。列表式适合展示的选项不多,一般2- 5 个,多用于用户进行操作确认或者发起一项新的任务。

            当然如果你想展示多个选项也是可以的,固定好高度,用户滑动即可。

            宫格式的优势更多体现在其视觉表现力上,因为配有图标,所以会更加讨喜一点。

            以上只是对底部动作栏做一个简单的介绍,接下来我们要拿它跟其他弹框样式进行比较。因为有很多弹框样式跟底部动作栏有共通的使用场景,如果不找出专属于底部动作栏的特征,并且据此定义准确的使用场景,很难说完全的掌握了底部动作栏。

            那么接下来我就从优先级、易操作指向性三个方面对底部动作栏进行分析。

            相关推荐
            优化界面中的文案二:提升用户体验的方式
            20大UI设计原则 设计师必备宝典
            APP应用设计教程:设计元素的应用条件
            设计完美的界面排版10个要点分享
            让UI设计显得更简约的小技巧分享
            细说用户体验设计背后的“黑暗模式”
            遵循用户需求的设计:最美APP的9条闪光定律
            微软发布Windows 8.1更新 针对鼠标键盘用户
            企鹅进化论 细数那些年我们一起用过的QQ
            用户界面设计教程:UI设计六要素分享
            谷歌将推新设计语言 统一安卓用户界面设计
            今日最佳设计:人像即按钮 社交应用新趋势
            细节决定成败!提高用户登录体验的5个细节
            百设网:专注于应用界面设计的作品交易网站
            好看好用?UI设计师不可不学的易用性原则
            如何给Android产品设计一款合适的图标?
            分享设计:Froont打造网站设计界的Github
            2014年八个最棒UI设计灵感:你最中意哪个?
            Web APP与原生APP有哪些交互设计区别?
            想让界面优雅易读?聊聊移动端字体7个准则
            天天喊着学UI 你知道安卓和iOS的区别吗?
            连按钮都设计不好 你还指望用户点击?
            分享为SOUNDWAVE设计WATCH应用的五个技巧
            这是个看脸的世界 即便你是APP也是如此
            再见METRO!WINDOWS 10通用应用设计趋势分析
            以微信网易为例:新闻型产品列表设计分析
            超实用干货!视觉设计师的五项技能修炼方法
            百度官方出品!2015-2016交互体验趋势
            界面设计:从减少点击次数到降低使用负荷
            简约至上:教你打造用户喜爱的产品设计风格
            用户为王!关于征询授权、注册及加载等待的体验优化
            APP产品设计:让用户看见 才是王道!
            简约之道:极简风格界面设计的起源与发展
            nice 启示录: 看移动 App 的产品设计和运营策略
            超实用干货!深聊时下最热门应用的11种设计模式
            网站策划:如何使简单的想法更简单?

            精彩推荐

            热门教程