移动端交互之导航

讨论两种导航架构在应用中的区分：底部横向导航和侧边纵向导航

1、底部横向导航

特点：横向排列与界面底部，可直接方便的切换到不同模块；对功能而言，操作频率不高，占据底部很大一块区域，对移动应用而言算是个缺点

适用于用户进入应用时有多种目的的情况。

比如电商应用，用户买东西时，可能会无目的的先浏览首页推荐，也可能目的性较强的进入搜索页，也有可能到购物车里购买之前囤好的商品，这种情况适合直接显露的底部位置的横向导航。

另外这种导航更方便切换，适合于具有更紧密逻辑的菜单项形成的导航。

电商举例，用户进入应用通常有想买的商品，第一阶段：搜索想买的商品，浏览详情，确定购买，添加到购物车，然后继续添加商品到购物车；第二阶段：从购物车到支付流程，付款完成。在这个过程中用户一般会在犹豫对比中不断调整修改选择，即在“发现-购物车-我的订单”中来回切换。

结构示意图

2、侧边纵向导航

特点：通常在界面中由一个按钮触发，节省空间，用户可更专注于界面内容；交互方式决定对这类导航的操作频率不应太高。

内容与导航间在交互上存在卡顿，更适合沉浸式浏览型的应用内容。

图片浏览型应用，应用目的是从不同维度展示更多的图片，导航项一般是分类、收藏、我的等功能，且这些功能都在为一个核心功能服务--浏览图片，这是在最大限度的提高浏览时的沉浸体验，但牺牲了交互上的流畅性，这种类型的逻辑模块结构比较适合侧边纵向导航。

结构示意图：