APP的底部导航菜单,怎样设计体验更好?(app底部导航栏图标素材)

对于『设计师』而言, 产品体验设计不仅仅是美观,更像一场对话,人与机器之间的对话,其中导航/菜单的设计在其中扮演着极其重要的角色。今天我们将探索如何设计出体验更好的APP的底部导航/菜单。

为什么底部导航如此重要? 根据研究发现,49% 的人依靠一个拇指在手机上完成工作任务,下图中,出现在手机屏幕上的图表是近似触达图表,其中颜色表示用户可以用拇指触及哪些区域与屏幕进行交互。

绿色:用户可以轻松到达的区域;

黄色:需要拉伸的区域;

红色:这个区域需要用户改变他们持有设备的方式。

(图片来源:uxmatters)

将顶级和常用操作放置在屏幕底部很重要, 因为单指的交互就可以轻松实现这些操作。

如何设计底部导航

底部导航设计的 3 个关键时刻,好的底部导航设计遵循这三个规则。

1. 只显示最重要的栏目/频道/功能

在底部导航中可放置三至五个最重要的图标。

不要在底部导航中放置超过五个图标,否则点击目标会太小,并且彼此之间太靠近,容易误点击,造成不必要的糟糕的体验。

2. 清晰传达意思

如果菜单导航未能清晰指示用户的当前位置或意思不明,也会给用户带来糟糕的体验,比如,图标的设计,如果没有配以中文,仅仅凭借图标的形态来判断图标背后的意思,就很难照顾的所有用户,虽然这样看起来很美观很酷。如果你的产品用户跨度很广,那你要想清楚再做出你的设计决策。

3. 图标标足够大

足够大的图标可以轻松点击。计算每个底部导航操作的宽度,并将视图的宽度除以操作数。或者,将所有底部导航操作设为最大操作的宽度。

4. 保持图标一致性

尽可能让产品的每个页面的底部菜单中显示相同的图标。它会给用户一种稳定的感觉。 不要在功能不可用时删除其中某一个。

5. 隐藏该隐藏的

如果屏幕是滚动形势,则菜单导航可以在人们滚动查看新内容时隐藏,如果他们开始向下拉试图回到顶部,则导航栏会仍然显示出来。

最后,合理的导航设计应该是几乎每个『数字化』产品或网站的重中之重,你的产品越容易被人们使用,当你设计底部导航时,记得做到:可见且结构良好、清晰、简单。

特别声明:[APP的底部导航菜单,怎样设计体验更好?(app底部导航栏图标素材)] 该文观点仅代表作者本人,今日霍州系信息发布平台,霍州网仅提供信息存储空间服务。

猜你喜欢

我测试了五种方法,终于从歌曲中成功提取了伴奏音乐!(我测试了五种方法的英文)

👉 追求省事:硬柿子音视频转换器 👉 追求音质:选AI人声分离 👉 经常使用:硬柿子音视频转换器 👉 临时应急:手机App也能顶一顶⚠另外提醒一句: 不是所有歌曲都能100%无损提取伴奏,尤其是…

我测试了五种方法,终于从歌曲中成功提取了伴奏音乐!(我测试了五种方法的英文)

泰国Vlanse葳兰氏马油膏以醇厚润养,解锁肌肤持久保湿力(葳兰氏是泰国的牌子吗)

Vlanse葳兰氏马油膏,正是这样一款以珍稀泰国马油为核心,致力于从根源提升肌肤含水量的高保湿实力单品,为干燥肌肤打开一扇通往持久润泽的“新肌窗”。当你为干燥所困,不妨将这份醇厚而细腻的润养,带给每一寸渴望水…

泰国Vlanse葳兰氏马油膏以醇厚润养,解锁肌肤持久保湿力(葳兰氏是泰国的牌子吗)

这档『明星』️光脚秀:无人敢与『王楚然』同框,无人敢和曹骏拼扮嫩(『明星』️光脚在舞台上表演)

尽管如此,这场红毯活动让人眼花缭乱,除了一个被稍微吐槽的例外,其它『明星』️的状态和装扮都让人惊艳不已,各有各的魅力。 在众多青春少女中,『欧阳娜娜』的甜美气质尤为突出,尽管她可能不是最抢眼的,但她那一脸的胶原蛋白…

这档『明星』️光脚秀:无人敢与『王楚然』同框,无人敢和曹骏拼扮嫩(『明星』️光脚在舞台上表演)

倚天屠龙记中几条线索,与神雕自相矛盾,黄衫女真是小龙女后人吗(倚天屠龙记中朱元璋)

早在金庸创作《神雕侠侣》的时候,他原本的计划是让郭芙成为女主角🎭️,然而,谁能想到,命运却给了小龙女意外的安排。大家都知道,小龙女无论走到哪里,总是身着一袭素白衣裙,而到了后来的黄衫女,她的衣着竟然是黄色的。在《

倚天屠龙记中几条线索,与神雕自相矛盾,黄衫女真是小龙女后人吗(倚天屠龙记中朱元璋)

中国太空版“天工开物”启动 开启太空资源开发新篇章

中国航天科技集团表示,“十五五”期间将推动太空旅游、太空数智基础设施、太空资源开发和太空交通管理等新领域的发展

中国太空版“天工开物”启动 开启太空资源开发新篇章