如何通过导航设计提升App用户体验？

喂喂,有没有发现现在好多App用起来越发起腻?划半天找不到想点的按钮,退回去又得重新找——这锅基本扣在导航设计上!今天咱就唠唠,怎么搞导航才能让用户用着顺风顺水,甚至忍不住想说「这App真懂我」～，说句实话…

一、先搞懂:用户在App里到底「迷什么路」?

不忍直视。 其实人在App里迷路,跟现实中差不多——就俩核心:要么「不知道自己在哪」,要么「不知道该往哪走」.

举个扎心例子:上次我姐打开某短视频App,刷着刷着想找「关注页」,后来啊划了三分钟没找到返回键,再说说 闹乌龙。 直接卸载说了句「智障软件」.你看,这不就是典型的「定位模糊」?连自己在哪个页面都搞不清,还谈什么体验?

平心而论... 再比如说,朋友想在购物App找「优惠券」,后来啊首页飘满广告,点进去三个入口都是「满减活动」——绕来绕去没找到券,反手就给一星差评.这就是「指路错误」:明明知道目的地,却被 navigation 带偏了路.

所以啊, navigation 设计的本质特别简单:帮用户「明确位置」+「快速到达」.搞不懂这点?再酷炫的动画都是白搭!，一句话概括...

二、底部标签:90% App都在用,但90%都踩过坑

要说 App 里最常见的 navigation ,非底部标签莫属了吧?微信支付宝淘宝全是这一套——凭啥?还不是主要原因是「大拇指友好」!

我比较认同... 你想啊,人拿手机的时候,大拇指能轻松碰到的区域只有屏幕底部三分之一.把核心功能放这儿,简直是给懒癌患者量身定制!但恕我直言,很多人用错了:

1. 图标+文字才是yyds?别光图好看!

之前见过某个美妆App搞纯图标底部标签:一个小瓶子代表「护肤品」,一个口红代表「彩妆」.看着挺文艺吧?后来啊一堆用户吐槽「分不清哪个是哪个」——小瓶子也可能是香水啊喂!

文字呢?纯文字又太占地方!比如说某理财App用纯文字标签:「理 容我插一句... 财''基金''股票''保险」——四个大字挤在底下,看着就压抑.

我的看法是... 咱就是说啊,图标+文字才是平衡点!图标传递直观感觉,文字直接戳中需求.就像支付宝早年那样:圆圆的图标配小字,谁看谁明白～

2. 标签别超5个!再多就别怪用户手滑

为什么总有人爱堆标签?生怕用户不知道你功能多是不是?某社交App硬生生塞了6个底部标签:「动态''朋友''群聊''游戏''商城''我的」——每个图标 tiny 到不行!

妥妥的！ 我同事试玩的时候吐槽:「本来想点『游戏』,后来啊戳到『商城』跳进去看了半小时零食…」为啥?主要原因是大拇指接触面积大啊!超过5个标签,每个按钮不到1厘米宽,不点错算你厉害!

勇敢一点... 我爱我家。 那功能多怎么办?学学淘宝:把不常用的塞到「更多」里!点击右下角小加号弹出二级菜单——既保留核心功能可见性,又不臃肿.

"本教程由本人收集整理并创作完成" "创作不易，如果觉得有用，请点赞收藏加关注" 版权所有 侵权必究