当前位置: 首页 >文章 > 国外一篇2.9K高赞文章,让你改变对底部导航栏的看法
收藏
分享

国外一篇2.9K高赞文章,让你改变对底部导航栏的看法

举报BIGD0BIGD0发布于 2020-12-181515阅读0点赞
让你重新了解底部导航栏...

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


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



什么是底部导航栏?


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



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


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



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


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


对于iOS设备来说,这并不是什么大问题,因为iOS只能服务于iPhone设备。


但就Android而言,有很多公司推出了不同款式的手机。所以设计师和开发人员所面临的主要问题就是设备的不同角半径和下颔。




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



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



如何解决?


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


可达性


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


一致性


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


相关性


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



解决方案——以Pinterest App为例



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



最后


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


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


作者:Suchit Poojari

BIGD翻译整理,转载请注明出处

原文链接:https://uxplanet.org/redesigning-the-bottom-navigation-for-2020-d332ee487ddb


用设计的角度看世界,用学习的方式来成长

BigDcc


0条评论
别默默看啦~登录/注册一起参与讨论吧~

暂无评论

请选择举报理由

违反法律法规

侵犯个人权益

有害网站环境

更多训练营>>

为你推荐 · 训练营(全勤打卡报名费全额返累计全额返用户133,794人)

【6月】7天轻松入门C4D小练习
距离开班仅剩4天117人已报名
【6月】人像后期案例实操训练营
距离开班仅剩12天49人已报名
【7月】7天轻松入门C4D小练习
距离开班仅剩24天1人已报名
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习90000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了33,363
并提交了142份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 90000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证