从背后的产品逻辑出发,深入理解导航( 二 )


清楚的知道自己要买什么但是这个人不一定知道怎么找 , 所以又分为这三种情况:
然后我们分别思考下这三种场景下用户的心理活动:
1. 知道怎么找
我很清楚商场的商品分类、每个分类的位置 , 我要找一条最近的路径直接走过去 。
这个心理活动表现在产品使用上就是这样的:我用过这个产品 , 知道怎么用 , 我也知道我的目标位置(要操作的功能或要阅读的文章等) , 我知道要先去哪个页面再点哪个button , 我希望快速的到达我的目标位置 。
于是我们就知道了针对于这种情况该怎么有效的优化导航:
1)优化产品的信息结构避免层级过深;
2)调整页面布局提高常用功能的曝光度 。
2. 不知道怎么找
我第一次来商场 , 并不知道商场里的各种商品是分类摆放的 , 甚至不确定我要买的东西属于哪一类 。 我需要先搞清楚这个商场里的东西都是怎么放的 , 要找的东西在哪 , 还要看下地标找到过去的路 。
这个心理活动表现在产品使用上就是这样的:我对这个产品很陌生、我得先看下这个产品都能干嘛、我要找的功能有可能在哪一个模块或者页面、我怎么操作才能找到这个功能 。
于是我们就知道了针对于这种情况有效的优化方式是:
1)页面标签明确与用户心理预期一致 , 我认为一把木质梳子属于日常用品类你就不要给它打上木质家具的标签;
2)清晰展示产品的框架结构 , 让用户对产品的功能范围一目了然;
3)适当的使用交互效果来引导用户快速的学会使用产品 , 比如在搜索框旁边显示一个放大镜的图标 , 多数人一看就明白这里可以搜索 。
遵守易懂大于易到达的原则 , 用户对于一个陌生的产品首先要先能看懂第一步从哪里开始、怎么开始 , 再便捷的操作路径也需要用户先知道才会去操作 。
3. 中途折回寻找
我现在刚刚吃完了美食 , 突然想到要买几件衣服 , 我得看下去服装区的路在哪 。
我记得是在二楼 , 我先看下我现在在几楼就可以了 。 但是不巧这个商场设计的太差了根本没有标注清楚现在的楼层 , 但是我记得刚进来的时候是怎么到那里的 , 我可以先回到大门口再过去 。
这种情况表现在产品使用上就是这样的:我刚看完了一篇科技类的文章 , 现在想去看一看教育类的文章 , 我得看下我现在在哪个分类 , 怎么过去教育分类 。
如果知道返回的路径的话我能不能直接一步就跳转过去 , 如果不巧产品的信息结构设计的很乱 , 用户随便跳几个页面就迷路了 , 用户很可能会希望先重新返回首页再找教育分类 。
于是我们就知道了针对这种情况有效的优化方式是:

  1. 采用悬浮导航:不管用户在页面的哪个位置都能快速的通过导航切换到目标位置;
  2. 提供相关推荐:预测用户在浏览当前内容或者使用当前功能时下一步有可能会采取的动作 , 并把他放在某个易见的区域;
  3. 明确用户的当前位置和返回的路径;
  4. 提供最近浏览是一个很好的选择;
  5. 明确首页位置 , 并尽可能的在每个页面都提供直达首页的入口 。
清楚了用户使用产品时的不同情境、在不同情境下的不同需求 , 才能采取针对性的产品优化措施 。
我们把所有对导航的需求场景总结为三类 , 从用户的心理活动出发搞清楚每一类场景背后的需求逻辑 。 我们会发现所有需要做的优化都有了方向 , 这样我们就能把工作做在前边 , 提前对产品做好规划 , 效果显著而且事半功倍 。
三、常见的导航结构
这个就是大家普遍认为的导航了 , 有抽屉式、下拉式、列表式 , 也有顶部布局、左侧布局、底部布局等等表现形式 。
其实导航的结构只是导航的外在表现形式 , 只有先理解了导航背后的产品逻辑才能看懂不同的结构各自的区别在哪里 , 从而能根据自己的产品的实际情况选择最合适的导航结构 。


推荐阅读