国外亚洲成av人片在线观看,热99re久久精品这里都是精品,天堂网在线最新版www,国产成人av区一区二区三,51久久成人国产精品麻豆

文章總結(jié)了APP種常見的幾類導(dǎo)航欄及特點，希望給大家?guī)硇﹩l(fā)。

1 一級導(dǎo)航/主導(dǎo)航

1.1 標(biāo)簽式導(dǎo)航

標(biāo)簽式導(dǎo)航又叫Tab式導(dǎo)航，是目前移動端市場上最為廣泛的導(dǎo)航設(shè)計。標(biāo)簽導(dǎo)航通常分為底部，頂部，頂、底混合使用這三種模式。

1.1.1 底部導(dǎo)航

采用文字加圖標(biāo)的方式展現(xiàn)。一般有3~5個標(biāo)簽，適合在相關(guān)的幾類信息中間頻繁的切換使用。這類信息優(yōu)先級較高、用戶使用頻繁，彼此之間相互獨立，通過標(biāo)簽式導(dǎo)航的引導(dǎo)，用戶可以迅速的實現(xiàn)頁面之間的切換且不會迷失方向，簡單而高效。它的缺點是會占用一定高度的空間，如果用戶是小屏幕手機，則視覺體驗不太好。

下圖應(yīng)用分別為微信、Facebook：

1.1.2頂部導(dǎo)航

當(dāng)內(nèi)容分類比較多，用戶對不同內(nèi)容的打開率相差不是很大，需要快速切換/調(diào)出的時候，經(jīng)常會采用頂部導(dǎo)航設(shè)計模式，常見于工具類APP中，如Wave Analytics、滴滴打車：

1.1.3 頂部、底部雙Tab導(dǎo)航

標(biāo)簽式導(dǎo)航除了設(shè)在頂部和底部，另外有些內(nèi)容比較多的產(chǎn)品會采用頂部、底部混合使用標(biāo)簽式導(dǎo)航，如簡書、網(wǎng)易云閱讀：

1.2 抽屜式導(dǎo)航

抽屜導(dǎo)航指的是一些功能菜單按鈕隱藏在當(dāng)前頁面后，點擊入口或側(cè)滑即可像拉抽屜一樣拉出菜單。這種導(dǎo)航設(shè)計比較適合于那么不需要頻繁切換的次要功能，例如對設(shè)置、關(guān)于、會員、皮膚設(shè)置等功能的隱藏。下圖分別是Wave Analytics、Gadgets News、My Rolls和Perisfind：

抽屜式導(dǎo)航的優(yōu)點在于節(jié)省頁面展示空間，使主頁面更加簡潔美觀，讓用戶將更多的注意力聚焦到當(dāng)前頁面。

缺點在于次功能入口比較隱蔽，用戶不容易發(fā)現(xiàn)；使用次功能需要二次點擊，增加用戶使用成本。

1.3 桌面式導(dǎo)航

桌面式導(dǎo)航類似于操作系統(tǒng)或啟動控制面板，其特色是主頁由多個按鈕組成。均衡布局時，按鈕通常大小一致，以3*3、2*3、2*2和1*2等形式排布于桌面。點擊按鈕時，跳轉(zhuǎn)至其他內(nèi)部子系統(tǒng)/子模塊。

如圖，Strides和Finance采用了基于圓形按鈕的均衡布局：

而360和日語五十音圖則采用了基于圓角矩形按鈕的均衡布局：

注：當(dāng)圓角矩形弧度越來越小，甚至消失不見成為正方形的時候，往往用方形格子隔開各個按鈕，使得視覺效果最好，這種模式見于下一節(jié)的“宮格式導(dǎo)航”中。

市面上還存在著一些極少數(shù)應(yīng)用，它們內(nèi)部生態(tài)繁雜，提供（自己的或者來自第三方服務(wù)）眼花繚亂、不勝枚舉的服務(wù)項目，有些服務(wù)項目單獨拎出來，做成一款應(yīng)用，都可以匹敵一家小型互聯(lián)網(wǎng)公司，甚至是中型互聯(lián)網(wǎng)公司，但是出于業(yè)務(wù)整合、平臺搭建、體系構(gòu)建、服務(wù)扁平化，它們會被塞到一個“殼子”里，形成“超級服務(wù)平臺類”APP，比如阿里系的支付寶和千牛工作臺：

支付寶首頁的服務(wù)項目，可以在“全部”頁面中進行個性化配置；千牛工作臺首頁的三方服務(wù)，可以在“設(shè)置”頁面中進行個性化配置。兩個APP都支持用戶根據(jù)自己實際需求和使用頻度，優(yōu)化服務(wù)項目的顯示順序，進行入口優(yōu)化。

這種“超級服務(wù)平臺類”APP，目前我僅在阿里系的產(chǎn)品中看到過，其特點是：

• 高頻/超高頻使用，用戶粘性極高，應(yīng)用處于市場壟斷地位，幾乎無可替代產(chǎn)品（生態(tài)龐大帶來的優(yōu)勢）；
• 應(yīng)用服務(wù)種類多且扁平化（使得并列式的桌面布局模式成為必選項）；
• 可以當(dāng)做企業(yè)移動后臺來使用（支付寶的服務(wù)包括衣食住行，可認(rèn)為是企業(yè)個人），我稱之為“行走的ERP”；
• 商業(yè)氛圍濃厚。

最佳實踐：菜單無主次之分，每個菜單所占空間大小一致。菜單有主次之分，主要的占空間較大，其余的占空間較小。在使用桌面式導(dǎo)航布局時，要充分考慮到給客戶提供個性化和定制化功能。

1.4 宮格式導(dǎo)航

宮格導(dǎo)航是將主要入口全部聚合在主頁面中（因其布局比較像傳統(tǒng)PC桌面上的圖標(biāo)排列，又被稱為“桌面式導(dǎo)航”），每個宮格相互獨立，它們的信息間也沒有任何交集，無法跳轉(zhuǎn)互通。因為這種特質(zhì)，宮格式導(dǎo)航被廣泛應(yīng)用于各平臺系統(tǒng)的中心頁面。這樣的組織方式無法讓用戶在第一時間看到內(nèi)容，選擇壓力較大，因此現(xiàn)在采用這種導(dǎo)航的APP已經(jīng)越來越少，往往用在二級頁作為內(nèi)容列表的一種圖形化形式呈現(xiàn)，或是作為一系列工具入口的聚合。下圖應(yīng)用分別是釘釘和epocrates：

作為二級導(dǎo)航的宮格式導(dǎo)航：

1.5 舵式導(dǎo)航

在有些情況下，簡單的底部tab式導(dǎo)航難以滿足更多的操作功能，這個時候我們就需要一些擴展形式來滿足需求 ，新浪微博、lofter、閑魚底部采用的就是舵式導(dǎo)航，舵式導(dǎo)航（之前看到別人這么叫所以我也就這么稱呼吧）跟標(biāo)簽式導(dǎo)航相比，區(qū)別在于舵式導(dǎo)航把類似生產(chǎn)內(nèi)容的主功能按鈕放在中間，標(biāo)簽更加突出醒目，同時該主功能標(biāo)簽做了功能擴展，也因此給設(shè)計增加了一些個性化的亮點。如新浪微博和育學(xué)園：

1.6 隱喻式導(dǎo)航

這種模式的特點是用一個頁面來體現(xiàn)整個應(yīng)用程序。常用于游戲app，如Air Supremacy和2020:My country。

此外，在分類物品（如各類筆記、書籍、酒品）應(yīng)用，和其他單一功能應(yīng)用中也能經(jīng)?？吹诫[喻式Tab。如DAKA、石墨文檔、拼圖醬和Moment：

最佳實踐：使用隱喻式要慎重，一個執(zhí)行起來不明確的隱喻，反而會起到反作用。

2 二級導(dǎo)航

二級導(dǎo)航用于在頁面及模塊中進行導(dǎo)航，因此這種應(yīng)用通常來講至少有3層信息結(jié)構(gòu)，最常見的就是國內(nèi)絕大多數(shù)APP都有的“我的”功能菜單。

2.1 列表式導(dǎo)航

列表式導(dǎo)航作為信息組織框架，是我們在產(chǎn)品設(shè)計中必不可少的一個信息承載模式。列表導(dǎo)航與宮格導(dǎo)航類似，常用于二級頁面，不會默認(rèn)展示任何實質(zhì)內(nèi)容，所以通常app不會在首頁使用它。這種導(dǎo)航結(jié)構(gòu)清晰，易于用戶理解，能夠幫助用戶快速的定位去到對應(yīng)的頁面。下圖應(yīng)用分別是微信和Strides：

列表菜單導(dǎo)航的每個列表均指向相應(yīng)的功能/內(nèi)容選項，它有許多衍生形態(tài)，包括個性化菜單列表、分組菜單列表和增強型菜單列表。增強型菜單列表是指在簡單列表的基礎(chǔ)上，帶有額外的搜索、瀏覽及過濾功能。

下圖應(yīng)用分別是：QQ、有道云筆記、Retrica和Strides：

最佳實踐：列表菜單導(dǎo)航適合長標(biāo)題或者有副標(biāo)題說明，使用類表菜單導(dǎo)航應(yīng)該提供一個從子頁面返回類表頁面的方式，通常在標(biāo)題欄添加一個帶有菜單字樣的按鈕作為返回按鈕。

2.2 選項卡式

底部選項卡現(xiàn)在幾乎成了IOS和Android兩大系統(tǒng)（黑莓和webOS也比較廣泛，但因為已經(jīng)不是主流系統(tǒng)，因此暫不討論）陣營中，絕大多數(shù)應(yīng)用的標(biāo)配。如Facebook、Twitter、微信和新浪微博：

也有非常多的應(yīng)用，將Tab標(biāo)簽設(shè)置再了導(dǎo)航欄下，即頂部導(dǎo)航，有點類似于傳統(tǒng)網(wǎng)站導(dǎo)航，如360云盤、扇貝單詞、豆瓣和Facebook等。

最佳實踐：使用選項卡導(dǎo)航要注意視覺上對已選擇和未選擇的選項進行有效區(qū)分。

2.3 圖庫式

圖庫式界面被分割成用于導(dǎo)航的各個內(nèi)容區(qū)塊。內(nèi)容區(qū)通常載有單獨的文章、標(biāo)題、照片、產(chǎn)品和其他能夠放置在內(nèi)容區(qū)、網(wǎng)格或幻燈片里展示的內(nèi)容。如TED、BBC NEWS、Bilibili、搜狐視頻等。

有時候如果內(nèi)容區(qū)是以分組形式布局，分組的內(nèi)容應(yīng)設(shè)計得容易被用戶瀏覽到，如使用側(cè)Tab形式（也稱抽屜式導(dǎo)航）去管理分組內(nèi)容，讓用戶能夠在Tab中切換，查看不同分組，下圖應(yīng)用分別是My Rolls和Perisfind：

最佳實踐：圖庫式界面的設(shè)計模式適用于用戶想要瀏覽的、經(jīng)常更新的內(nèi)容。

2.4 頁面旋轉(zhuǎn)式

頁面旋轉(zhuǎn)常見模式是使用左右滑動手勢在頁面間快速切換，用戶滑動時將顯示下一個頁面。頁面指示器（IOS系統(tǒng)下面的小點）顯示一共有多少頁可供切換。下圖應(yīng)用分別是tapas和ConnectID：

頁面旋轉(zhuǎn)導(dǎo)航模式有一定的局限性，當(dāng)頁面超過8個時，要考慮使用列表導(dǎo)航。

最佳實踐：

1. 頁面旋轉(zhuǎn)導(dǎo)航適用于頁面數(shù)量較少的情況；
2. 使用指示器反應(yīng)頁面數(shù)量和當(dāng)前頁面；
3. 左右滑動手勢是最常見的旋轉(zhuǎn)導(dǎo)航手勢。

2.5 圖片旋轉(zhuǎn)式

圖片旋轉(zhuǎn)式的常見形態(tài)，是類似于2D旋轉(zhuǎn)木馬形式，圖片可以左右滑動，且沿任意方向一直滑動可重新回到初始圖片處。下圖分別來自應(yīng)用TED、BBC NEWS、IMOB：

3 其他類型

3.1 儀表盤式

儀表盤匯總展示了一些關(guān)鍵指標(biāo)。進入每一種度量方式后，都可以了解更多額外信息。這種主導(dǎo)航模式常用于金融應(yīng)用程序、分析工具、銷售和營銷應(yīng)用程序，如友盟統(tǒng)計：

最佳實踐：儀表盤只需要載入被研究確認(rèn)過的關(guān)鍵數(shù)據(jù)即可，不需要過多內(nèi)容。

待續(xù)…

作者：check hou，知乎專欄：cheka的產(chǎn)品筆記

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