vip
个人
VIP
企业
VIP
vip
创作
中心
vip
在线
客服
vip
设计
服务
改进
vip
返回
顶部
新图 / 设计干货 / APP底部导航栏的设计思考

APP底部导航栏的设计思考

字数:929 来源:BIGD翻译整理 发布时间:2020-01-03 01:00:36

哈喽小伙伴们~大家都知道,随着全面屏时代的到来,UI设计师们开始越来越关注界面底部下方三分之一的设计,尤其是底部导航栏,已经有不少国外设计师预测:2020年可能是传统底部导航栏面临改革的一年。

所以小编今天给大家推荐Medium上一篇2.9K赞的干货文章,作者Suchit Poojari为我们分析了2020年底部导航栏的现状,并提出了一种新的解决思路。说不定可以带给你新的灵感和思考~

什么是底部导航栏?

底部导航栏由界面底部显示的三到五个选项组成。每个选项由一个图标和一个文本标签表示。当我们点击底部导航图标时,用户会被带到与该图标关联的界面。

底部导航为什么如此重要?

研究显示,高达49%的人仅依靠一根拇指在手机上完成工作。因此只有将重要和常用的操作放在屏幕底部,才能确保用户轻松的完成交互。

底部导航栏存在哪些问题?

最主要的问题在于市场上不同设备尺寸风格的多样性。

对于iOS设备来说,这并不是什么大问题,因为iOS只能服务于iPhone设备。但就Android而言,有很多公司推出了不同款式的手机。所以设计师和开发人员所面临的主要问题就是设备的不同角半径和下颔。

现在每个Android设备都有不同的屏幕比例,对于用户来说,要在重要的导航栏中进行导航变得非常困难。

例如,我有两个设备,红米K20和oppo A9。这两款手机都是安卓系统,但下巴和转角半径不同。

如何解决?

在考虑解决方案之前,让我们先了解一下底层导航的原则和用法。

可达性

底部的导航栏在手持移动设备上很容易找到。

一致性

使用时,底部导航栏出现在每个界面的底部。

相关性

底部导航栏的每个目标选项应该是同等重要的。

解决方案——以Pinterest App为例

通过将导航栏缩小到中心,并保持在拇指点击足够舒适的宽度,用户可以很容易地进行导航。

最后

作为一名设计师,我们有必要在新的一年到来之前谋求新的思考和变革。就像Pinterest一样,底部导航栏并非只能粘在界面底部。尽管现有的迭代已经非常强大了,但是新的设计可以改善整体用户体验,也能让设计师和开发人员更轻松地创建统一的导航。

当然,这一切也只是一种新的思考方式,希望大家能通过作者的思路发现更好的设计方法和灵感,或者有什么不同的看法,也可以通过评论和大家交流一下。