移动端导航设计:小屏幕也Neng大文章
哇哈哈, 你知道吗,移动端导航得讲究啦!像那个汉堡菜单啊,虽然小,但是用的人就少了38%哦。我听说优衣库就厉害了他们用那个“渐进式导航”,就是移动端上kan东西也Neng方便,还好kan。表格里说啦:
| 优点 |
描述 |
| 简洁 |
界面简单, 容易kan懂 |
| 可达性高 |
90%以上页面douNeng找到 |
热力图:帮你发现导航盲区
热力图是个好东西,它Nengkan到你导航里的盲区。比如说Airbnb, 他们kan了一下发现“体验活动”那个选项点击得少,就改了一下图标,后来啊点击率就提升了27%。哇, 这个方法不错,kan了一下数据:
| 改进前 |
改进后 |
效果 |
| 点击率 |
低 |
提升27% |
| 停留时长 |
1.2分钟 |
延长至3.5分钟 |
命名艺术:让导航像魔法一样神奇
导航的命名也hen重要哦!比如说那个Under Armour, 他们把“运动装备”改成“跑步紧身衣”“篮球护具”,这样一来人家就Nenggeng快找到自己想要的东西,kan了一下数据,排名变好了转化率也高了15%。表格来啦:
| 改进前 |
改进后 |
效果 |
| 关键词排名 |
后三位 |
前三位 |
| 页面转化率 |
不知道 |
增长15% |
微交互:让导航玩起来
Spotify那个导航就好玩了 你把鼠标放上去,就会有音波效果,感觉就像是在听音乐一样,这个设计让用户留下来了34%,分享也多了28%。表格来啦:
| 改进前 |
改进后 |
效果 |
| 用户留存率 |
不知道 |
提升34% |
| 社交分享量 |
不知道 |
增长28% |
关键词密度:恰到好处才好
关键词得用对地方,不然就会出问题。像Wayfair,他们发现导航栏里
关键词控制在8%-12%,用户喜欢,
搜索引擎也喜欢。Ru果太过了用户就不来了。表格来啦:
| 关键词占比 |
效果 |
| 8%-12% |
点击路径和搜索引擎权重分配好 |
| 过度强调SEO |
跳出率增加23% |
| 兼顾自然语言 |
页面留存提升15% |
网站层级深度:用户喜欢简单明了
网站不Neng太复杂, 三层以上的,用户就跑了。Google说三层以上的,用户跳出率就多了37%。我们要用“金字塔法则”,把常用东西放在前面。携程旅行网就是例子,把酒店、机票、旅游dou放在前面用户kan了dou说好。表格来啦:
| 导航层级 |
效果 |
| 超过三层 |
用户跳出率增加37% |
| 金字塔法则 |
符合用户认知, 利于搜索引擎抓取 |
扁平化设计:让用户轻松找到东西
扁平化设计hen好,就像你直接告诉人家东西在哪,不用绕弯子。携程旅行网就用了这个方法,用户一kan就懂,还快。表格来啦:
| 设计 |
效果 |
| 扁平化 |
索引速度提升20%, 用户停留时间延长 |
渐进式引导:降低认知负荷
Coursera那个导航就是好,它会根据你的进度推荐课程,感觉就像有人在你旁边帮你一样。这样一来课程完成率就高了用户也经常来。表格来啦:
| 改进前 |
改进后 |
效果 |
| 课程完成率 |
21% |
提升至49% |
| 用户月均访问频次 |
不知道 |
达到5.2次 |
网站导航:用户和搜索引擎的连接器
网站导航就像个指南针, 帮用户找到他们想要的东西,也告诉
搜索引擎你的内容。这样用户待的时间长,回头也多。表格来啦:
| 导航价值 |
描述 |
| 缩短寻找路径 |
用户找东西快 |
| 传递内容逻辑 |
搜索引擎喜欢 |
加载速度:快一点, 用户geng开心
加载慢了用户就不耐烦了。Zara那个网站,他们用CDN加速,导航栏加载时间就缩短了用户点得也多了。表格来啦:
| 改进前 |
改进后 |
效果 |
| 导航栏加载时间 |
2.3秒 |
压缩至0.8秒 |
| 用户菜单点击频次 |
不知道 |
提升41% |
用户行为数据:帮你改进导航
亚马逊那个历史浏览模块就厉害了它Neng让用户多买点东西。他们分析了2.3亿用户的点击,发现这个模块有用,复购率就提升了19%。表格来啦:
| 改进前 |
改进后 |
效果 |
| 复购率 |
不知道 |
提升19% |
| PV/UV比值 |
1:3 |
优化至1:1.8 |
| 用户路径深度 |
不知道 |
增加2.3个层级 |