討論兩種導(dǎo)航架構(gòu)在應(yīng)用中的區(qū)分：底部橫向?qū)Ш胶蛡?cè)邊縱向?qū)Ш?/p>

1、底部橫向?qū)Ш?/p>

特點：橫向排列與界面底部，可直接方便的切換到不同模塊；對功能而言，操作頻率不高，占據(jù)底部很大一塊區(qū)域，對移動應(yīng)用而言算是個缺點

適用于用戶進入應(yīng)用時有多種目的的情況。

比如電商應(yīng)用，用戶買東西時，可能會無目的的先瀏覽首頁推薦，也可能目的性較強的進入搜索頁，也有可能到購物車?yán)镔徺I之前囤好的商品，這種情況適合直接顯露的底部位置的橫向?qū)Ш健?/p>

另外這種導(dǎo)航更方便切換，適合于具有更緊密邏輯的菜單項形成的導(dǎo)航。

電商舉例，用戶進入應(yīng)用通常有想買的商品，第一階段：搜索想買的商品，瀏覽詳情，確定購買，添加到購物車，然后繼續(xù)添加商品到購物車；第二階段：從購物車到支付流程，付款完成。在這個過程中用戶一般會在猶豫對比中不斷調(diào)整修改選擇，即在“發(fā)現(xiàn)-購物車-我的訂單”中來回切換。

結(jié)構(gòu)示意圖

2、側(cè)邊縱向?qū)Ш?/p>

特點：通常在界面中由一個按鈕觸發(fā)，節(jié)省空間，用戶可更專注于界面內(nèi)容；交互方式?jīng)Q定對這類導(dǎo)航的操作頻率不應(yīng)太高。

內(nèi)容與導(dǎo)航間在交互上存在卡頓，更適合沉浸式瀏覽型的應(yīng)用內(nèi)容。

圖片瀏覽型應(yīng)用，應(yīng)用目的是從不同維度展示更多的圖片，導(dǎo)航項一般是分類、收藏、我的等功能，且這些功能都在為一個核心功能服務(wù)--瀏覽圖片，這是在最大限度的提高瀏覽時的沉浸體驗，但犧牲了交互上的流暢性，這種類型的邏輯模塊結(jié)構(gòu)比較適合側(cè)邊縱向?qū)Ш健?/p>

結(jié)構(gòu)示意圖：