中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

底部導航為何要存在呢，與其它標簽導航相比又有什么特點，背后滿足的需求又是什么，在什么場景下會用它，用它又能給用戶、產(chǎn)品帶來什么價值？

導航是手機app經(jīng)常使用的一種方式，指引和告知用戶現(xiàn)在在哪兒、可去哪兒、那兒有什么，方便用戶快速了解產(chǎn)品。導航類型一般有標簽導航、宮格導航、懸浮導航和列表導航，它們之間可以相互結(jié)合使用。

而底部導航就屬于標簽導航的一種，位于 app的一級頁面底部。其它的標簽導航還有頂部導航、側(cè)邊導航，比如頭條的頂部導航分類（關(guān)注、推薦、抗擊肺炎、視頻、新聞等）、京東app 的分類頁面，側(cè)邊導航與宮格式導航結(jié)合。

底部導航+頂部導航? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?底部導航+側(cè)邊導航

那么這個底部導航為何要存在呢，與其它標簽導航相比又有什么特點，背后滿足的需求又是什么，在什么場景下會用它，用它又能給用戶、產(chǎn)品帶來什么價值？

一、底部導航是什么？

一般位于app一級頁面的底部，以圖標+文字的形式展示，用戶點擊相應導航可切換頁面內(nèi)容。

1. 主要特點

優(yōu)勢：

• 結(jié)構(gòu)清晰，2-5個tab，app的核心功能一目了然；
• 位置明確，文案簡潔，有導向性。

用戶打開app一眼即可知道當前在什么位置，點擊哪個tab可以看到什么內(nèi)容。比如淘寶的默認頁面是發(fā)現(xiàn)頁，這時底部導航首頁的圖標文字與其它tab會有所區(qū)別，表明這是當前選中的tab，而其它會顯示為未被選中的狀態(tài)?？吹健跋ⅰ薄ⅰ百徫镘嚒?、“我的”就明白，消息這一欄是“別人”發(fā)給我的、與我有關(guān)的消息，看到“購物車”就明白點擊后看到我在逛app時加入購物車的商品；而“我的”就是我這個人在這個產(chǎn)品上的資料、訂單等。

• 放于頁面底部，便于用戶單手操作；
• 將主要模塊提出來，便于用戶點擊切換頁面內(nèi)容，在一定程度上，可提高該模塊的用戶滲透率，提高產(chǎn)品的用戶活躍度；

不足：

• 數(shù)量有限：只適用于2-5個導航，多了則擁擠，可點擊區(qū)域變小，而用戶記憶成本也會提高；
• 底部導航一般固定懸浮于頁面底部，類目數(shù)量是固定的（除非產(chǎn)品迭代升級或其它原因），所以結(jié)構(gòu)太復雜或標簽類目不穩(wěn)定時不適合；

2. 適用場景

底部導航一般是以主導航的形式存在，當產(chǎn)品結(jié)構(gòu)不復雜且需要用戶多次切換進行查看或者進行其它操作時，可用。比如微信，在“微信”這一欄可查看誰給我發(fā)了信息，但如果“發(fā)現(xiàn)”的小紅點一亮起，就想去看看朋友們發(fā)了些什么。這個時候就需要在“微信”、“發(fā)現(xiàn)”兩個tab間來回切換去查看最新內(nèi)容，對于習慣單手操作的用戶，很實用。如果把微信的底部導航欄放置頂部，則無法達到這一效果。

二、底部導航背后滿足的需求和特定的場景是什么？

需求的產(chǎn)生來源于特定的用戶群體在特定的使用場景中遇到的問題，那我們從它自身的特點來倒推一下。

1. 既然是導航，為什么要放在頁面底部呢？

手機頁面中，頁面底部屬于用戶便于操作但視覺注意力不是很高的區(qū)域，在這兒放置導航，不會分散用戶對于屏幕中內(nèi)容的注意力，還可以幫助用戶快速切換到他感興趣的欄目。

而在Steven Hoober的移動設(shè)置使用研究中發(fā)現(xiàn)，依靠單手操作的人很多（大約占比49%），將導航放于底部便于用戶單手操作（下圖是手機），增加用戶操作頻次。

注：綠色表示用戶可以輕松到達的區(qū)域；黃色代表需要延伸的區(qū)域；紅色表示用戶需要改變下手持方式

當app的主要模塊及結(jié)構(gòu)變得更加明晰顯眼時，它們的使用頻次便會上升，一定程度上也可提高平臺的用戶活躍度。比如產(chǎn)品新上線了商業(yè)化產(chǎn)品，加入了會員。

在公司角度上，希望用戶可以經(jīng)?？吹讲⒂|達會員的內(nèi)容，以此來提高用戶的會員轉(zhuǎn)化率，而能達到高頻次操作和高觸達率的也就是底部導航，比如知乎的鹽選會員，易企秀的會員模塊等。

從上面可以看出，導航放在底部能夠滿足用戶單手操作手機的習慣，點擊后能快速切換到用戶感興趣的欄目；對產(chǎn)品來說，結(jié)構(gòu)清晰，用戶學習成本低，還提升了用戶活躍度。

2. 可用其它主導航代替嗎？

看了底部導航，我們再一起思考一下，其它類型的標簽式導航能不能滿足上文所說的需求呢？

（1）若要滿足產(chǎn)品結(jié)構(gòu)明晰

底部導航的設(shè)計數(shù)量一般在2-5個，用戶進入產(chǎn)品即可從底部導航看到產(chǎn)品的基本結(jié)構(gòu)，已是用戶習慣。而頂部導航雖然也在首頁顯示，但占據(jù)空間較小，且置于頂部，并沒有底部導航效果好。而側(cè)導航，以上下通欄的方式展示，雖然也可讓用戶清楚知曉產(chǎn)品結(jié)構(gòu)，但占據(jù)空間著實夠大，用戶本應該關(guān)注頁面中間部分的內(nèi)容，但卻影響了用戶對頁面內(nèi)容的查看效果。抽屜式導航卻是將導航隱藏，無法達到用戶一看就知道在哪兒、可去哪兒的效果。

（2）若滿足用戶單手操作并快速切換

前文所講的，底部導航是可以滿足用戶單手操作的，而且導航懸浮于一級。

頁面底部，切換導航時無需做返回操作；頂部導航結(jié)合左右滑動的操作可實現(xiàn)用戶單手操作切換；側(cè)導航無法做到用戶單手操作切換，在側(cè)邊展示，無法結(jié)合上下滑動的手勢去切換要展示的導航類目（上下滑動一般用于內(nèi)容的刷新和加載/頁面的滑動）。

（3）若要提高產(chǎn)品的用戶活躍度

底部導航的作用不僅僅是分類，它是將用戶關(guān)心的和產(chǎn)品著重要展示的模塊內(nèi)容外化出來展示給用戶，目標是根據(jù)展示內(nèi)容留住用戶或產(chǎn)生效益。而頂部導航和側(cè)導航更多是在大的模塊下的分類，與底部導航組合使用可以產(chǎn)生更好的效果，若單獨使用，在違背用戶習慣的情況下，自然無法留住用戶，從而提高產(chǎn)品的活躍度

綜合之后可看出，底部導航一般是以主導航來使用的，而頂部導航和側(cè)導航一般是在主導航的基礎(chǔ)上，對內(nèi)容進行分類展示，比如資訊類app和電商類app。但也要根據(jù)具體產(chǎn)品的定位來考慮怎么用底部導航、頂部導航和側(cè)導航。

若產(chǎn)品比較簡單，結(jié)構(gòu)單一，那就無需使用導航，若產(chǎn)品定位為地圖類工具，導航的使用情況就會發(fā)生變化，可能不使用底部導航，直接用側(cè)導航和頂部導航，這時我們就要具體情況具體分析了。

3. 那為什么有的app沒有用底部導航呢？

既然底部導航能提高產(chǎn)品的用戶活躍度，還能滿足用戶單手操作的習慣，快速切換頁面內(nèi)容，那么有的app還是沒有用底部導航呢？比如滴滴、百度地圖。

滴滴：? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?百度地圖：

這時候就需要結(jié)合用戶的使用場景來分析了?？梢韵胍幌?，我們在什么時候會用到滴滴/百度地圖呢？

A用戶每天坐公共交通上下班，有一天下班晚了，錯過了末班車，怎么回家呢？打車吧，于是打開了滴滴出行的app，輸入了目的地，等待司機接單。過了一會兒終于看到有司機接單了，是一輛白色的xx車。上車后，和師傅確認了目的地，終于能出發(fā)了。因路途較遠，他時不時的會看一下到哪兒了，還有多長時間到家。等到了目的地，下車回家后，再次打開app，支付車錢并給了師傅好評后就去忙別的事兒了。

這種場景下用戶更關(guān)注的是屏幕中的地圖，我在哪兒、我將要去哪兒、路線是什么、還得多長時間、路費是多少。屏幕中只需要根據(jù)打車進度顯示相應的信息即可，也就是只需要展示一個tab分類下的內(nèi)容即可，那底部導航關(guān)于單手操作、快速切換內(nèi)容等作用，在這種情況下就起不到效果了。

三、底部導航的價值是什么呢？

1. 讓用戶一眼明晰產(chǎn)品的基本結(jié)構(gòu)，有效降低用戶學習成本

用戶在進入產(chǎn)品后，通過底部導航可知道現(xiàn)在在什么位置，通過底部導航的標簽和文字即可知道不同標簽對應的頁面內(nèi)容是什么，當前所在位置是什么，可去哪兒；可以讓用戶對產(chǎn)品有大概的了解，想做什么操作點擊哪兒即可到達，且頁面切換方便，一定程度上能降低用戶學習成本。

2. 在一定程度上提高產(chǎn)品的用戶活躍度，吸引用戶留存

底部導航懸浮于一級頁面底部，標簽間切換無需返回再次進入，內(nèi)容切換方便，且符合用戶單手操作習慣，可在一定程度上提高產(chǎn)品的活躍度。將產(chǎn)品中極具吸引力的內(nèi)容以標簽的形式展示在底部導航，在提高用戶活躍度的同時，也可用內(nèi)容提高用戶的瀏覽時長，吸引用戶留存。

3. 提高導航所屬頁面的滲透率，實現(xiàn)相應產(chǎn)品目標

底部導航始終懸浮于一級頁面底部，用戶流量是產(chǎn)品中其它部分最高的，當產(chǎn)品想實現(xiàn)商業(yè)化或者其它某些目標時，可通過展示在底部導航的方式去吸引用戶點擊瀏覽并實現(xiàn)轉(zhuǎn)化。

四、總結(jié)

說了這么多底部導航，那么底部導航在設(shè)計時應注意什么呢？怎么能更好發(fā)揮它自身的優(yōu)勢，同時又能與其它類型的導航結(jié)合，發(fā)揮更大作用呢？

1. 可觸達性：數(shù)量一般在2-5個，多了用戶點擊區(qū)域會變小，特別是在小屏手機上，而過多的標簽也會使用戶記憶成本過高；
2. 一致性：設(shè)計、圖標、文案的風格應一致（簡短且可說明問題），間隔一致；
3. 相關(guān)性：底部導航的幾個欄目必須是同一級別、同等重要（對目標用戶來說，什么是他想看見的，或者說什么是產(chǎn)品想讓用戶注意到的）；
4. 可讀性：要讓用戶清晰的知曉當前的位置、可以去的位置，文案要讓用戶明白要去的位置正好是他想看的內(nèi)容。

做到以上幾點的同時，我們還要考慮其它導航的特性，結(jié)合使用，讓導航發(fā)揮更大作用。比如底部導航+頂部導航，在保證結(jié)構(gòu)清晰的情況下，還能讓用戶按不同的類目查看不同的內(nèi)容。底部導航+側(cè)導航（比如手機版QQ），在產(chǎn)品結(jié)果復雜時可使用此種方案，產(chǎn)品結(jié)構(gòu)清晰，又可節(jié)約頁面空間。

本文由 @阿井 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議