手机APP底部导航设计
研究发现爱49%的人用一只手操作设计,而单手操作手机时,手指在屏幕中的活动舒适度范围如下
上面两点可以得出将最重要和最常用的行动放在底部很重要,因为他们可以很舒适的用单手和单指进行操作
手机App底部导航设计的三个关键点
第一点:仅显示最重要的三到五个目的地
超过五个,靠的太近,难以点击
每多加一个目的地,app就会变得复杂
不要尝试在手机App底部导航上加滚动
,
第二点,有效传达当前位置
使用恰当的视觉线索(图标,颜色和标签)
图标:使用识别度高的图标,避免使用意义不大的图标,图标下面最好配文字
颜色:避免在手机App底部导航上出现不同颜色的图标和文字,最好使用应用程序的主颜色来着 色当前活动的标签或文字。
手机App底部导航是彩色的,当前活动的标签和文字用黑色或白色。
文本标签:避免长文本
手机App底部导航的宽度,让所有导航上的标签可以获得最大的可操作区域。
计算标签上的提示
可以在标签上显示小的信息提示。
第三点让导航心照不宣
不要在点击手机App底部导航选项卡后打开一个菜单或者弹出一个窗口。
点击手机App底部导航图标应该直接带用户到相关的视图,或者刷新当前的活动视图。
手机App底部导航应该在每一次切换都保持相同的标签,这样可以给用户带来视觉上的稳定
不要在标签不可用的时候删除标签,最好的解决方式是,保持标签被选中的状态,并解 释一下为什么选项卡的内容不可用。
可以在用户滚动屏幕的时候隐藏标签栏。
当停止滚动视图回到顶部时在显示标签栏。
避免在标签切换中使用横向运动的动画
活动和非活动视图之间的过渡应该使用淡入淡出动画。
天津天迅达科技有限公司经过多年来对APP、小程序、以及网站建设的探索,已经帮助每一个客户快速开发出属于自己的APP、小程序、网站,是万千企业之选。
- 数字孪生:现实世界的身外化身 2024-12-06
- 微信公众号全面“今日头条化”,自媒体将迎来“第二春”? 2024-12-04
- 优质长视频的破圈效应 2024-12-05
- 奶茶行业的裂变营销 2024-12-03
- 浅浅分享下支付产品经理如何写全局性的需求文档以及工作流程 2024-12-02
- “麦学”爆红:一场精心策划的营销盛宴 2024-11-29
- 如果遇到麦琳式的领导,怎么办? 2024-11-28