為什么主流資訊應(yīng)用都選擇4Tab的標(biāo)簽布局？這個看似理所當(dāng)然的功能設(shè)計背后有哪些前潛在的邏輯？看完文章后你可能會有個解答。

1. 為什么主流資訊應(yīng)用都選擇4Tab的標(biāo)簽布局？
2. 為什么它們的主Tab Menu都放置在屏幕底部？
3. 為什么放置在底部的Tab Menu不支持左右滑動切換？

不難發(fā)現(xiàn)上圖中列舉的三款應(yīng)用都使用了放置在底部的4Tab模式，并且在Tab樣式上都選擇了圖標(biāo)+文字的信息展示。

1.為什么都選擇4Tab的界面模式？

我印象中頁面布局要選用Tab時，應(yīng)該遵循“5±2“的原則，即Tab的數(shù)量應(yīng)該維持在這個數(shù)量區(qū)間內(nèi)。下圖顯示了2016年12月份和2017年1月份市場主流安卓手機型號，根據(jù)數(shù)據(jù)：當(dāng)前用戶使用手機的屏幕尺寸維持在5.0-5.5寸之間。在這個先提條件下，Tab的數(shù)量維持在3到5個之間無疑使最好的選擇。

在網(wǎng)絡(luò)直播和短視頻還沒有現(xiàn)在這么火熱的時候，這類資訊應(yīng)用大多是選擇3Tab的設(shè)計，隨著視頻形式媒體受到用戶的熱捧，它們迅速跟進升級，形成現(xiàn)在的4Tab格局，看上去整體比較和諧，沒有擁簇的突兀感。

Tab的信息提示以扁平化處理的小圖標(biāo)+文字標(biāo)題的形式展示，選中的Tab與其它Tab之間以顏色高亮區(qū)分顯示清晰明了，極大降低了用戶進行選擇的成本。

我個人感覺「騰訊新聞」底部Tab的布局較其它兩款應(yīng)用要略微緊湊一點，但是沒有過分擁擠的感覺，反而迎合了整體白色的色調(diào)顯得優(yōu)雅大氣，保持了新聞類信息傳遞的嚴(yán)肅緊湊性（之所以使用「嚴(yán)肅」一詞，是與下文要提到的「天天快報」形成比對）。

2.為什么Tab Menu要放置在屏幕底部？

資訊應(yīng)用大都將Tab Menu放置在屏幕底部，在屏幕頂部大都選擇沉浸式設(shè)計，緊跟二級Tab：按照信息特征進行標(biāo)簽化分類的小標(biāo)題。這些二級Tab從根本上講是隸屬于底部Tab的，是對信息的進一步整合，方便用戶對信息進行選擇甄別。

按照我們平時的閱讀習(xí)慣，是不是喜好先著眼于手機屏幕（信息媒介，如書本、報紙等）左上方呢？作為資訊應(yīng)用，它對用戶的核心價值在于媒介性，因此要保證用戶以最低的時間成本獲取到最新資訊，設(shè)置在頂部的二級Tab無疑幫助用戶減輕了閱讀壓力，使得用戶很快認(rèn)識到產(chǎn)品的核心功能與自我需求。

而主Tab顯然只是應(yīng)用的擴展功能，在保證基本的信息媒介作用基礎(chǔ)上深層次發(fā)掘用戶潛在需求，是對產(chǎn)品基本功能的補充和擴展。二級Tab對信息進行分類，按照理解從左向右的順序，其信息類別權(quán)重大體呈現(xiàn)逐級遞減（不完全保證），但是最重要的是一定是默認(rèn)選擇的Tab。上述的三款應(yīng)用中對應(yīng)的則是「要聞」、「推薦」、「頭條」，是面向主流用戶的權(quán)重最高的信息類別。

當(dāng)用戶在最短的時間成本內(nèi)獲取到滿意的信息后，他可以有兩種選擇：一是離開應(yīng)用，二是探索應(yīng)用更深層次的功能。底部的主Tab就發(fā)揮出它的功能，它是用戶在使用完基礎(chǔ)功能（信息獲取）之后目光停留的最后區(qū)域，對發(fā)掘潛在的用戶粘性和延長用戶停留在產(chǎn)品上的時間具有特殊意義。

3.為什么底部的Tab Menu不支持左右滑動切換呢？

在使用過程中，進行橫向滑動操作你會發(fā)現(xiàn)此時應(yīng)用進行二級Tab，即信息分類之間的切換，而不是位于底部的主Tab響應(yīng)。為什么主要Tab在響應(yīng)這一操作的優(yōu)先級輸給了二級Tab呢？

同樣是因為應(yīng)用基礎(chǔ)功能的需求，底部的主Tab是應(yīng)用潛在功能，而橫向滑動響應(yīng)應(yīng)該以滿足應(yīng)用的主體功能為主，方便用戶對于信息的快速選擇，這樣可以進一步降低用戶獲取資訊的成本。

此外，在一些場景用戶需要單手操作手機，而單手操作時用戶一般握持手機下半部機身，拇指的操作受到目前主流屏幕大小的限制。將主Tab放置在屏幕底部保證用戶單手握持可操作性的同時，保證更受用戶青睞的滑動操作被產(chǎn)品的基本訴求所響應(yīng)。

聯(lián)想到更多的去驗證它

基于這樣的想法，我特意去搜索了國內(nèi)主流安卓OS，小米的MIUI、魅族的Flyme以及華為的EMUI，基本上都選擇在主屏幕底部設(shè)置四個基礎(chǔ)的快速訪問圖標(biāo)（電話、信息、聯(lián)系人+其它）。微信底部有4個Tab，手Q系列是3個Tab，基本上維持了“5±2“的設(shè)計原則。

可不是所有的資訊應(yīng)用都是4Tab

首先來看一組數(shù)據(jù)：

可以看出，同樣主打資訊傳播的「天天快報」在同類應(yīng)用的安裝規(guī)模甚至超過了資深門戶網(wǎng)易、新浪和搜狐，雖然在2017年2月份的統(tǒng)計區(qū)間段內(nèi)呈下滑趨勢，但總體規(guī)模仍然位列前三。打開這款產(chǎn)品，不難發(fā)現(xiàn)它與其它應(yīng)用最大的不同之處：

「天天快報」沒有遵循其它同類產(chǎn)品的設(shè)計思路，它選擇了更加簡潔的無底部Tab Menu的設(shè)計思路，完全舍棄主流路線，僅僅保留基本的資訊訴求功能，產(chǎn)品的結(jié)構(gòu)更加扁平化，獨具產(chǎn)品特色。同時作為騰訊系產(chǎn)品，在色調(diào)上與「騰訊新聞」一貫的白色保持一致。因此我猜測應(yīng)該是與「騰訊新聞」搭成雙駕馬車，一方面與傳統(tǒng)的門戶新聞產(chǎn)品競爭，另一方面開創(chuàng)獨具特色的「快報」產(chǎn)品，在內(nèi)容更新上尋求差異化路線，以此作為產(chǎn)品吸引用戶的核心競爭點。

小結(jié)與猜測

為什么主流資訊應(yīng)用都選擇4Tab的標(biāo)簽布局？我想這個問題應(yīng)該有了一個大致的答案，在思考這個問題的時候我有兩個停留點：一是數(shù)字“4”，我在想為什么不是3，或者不是5呢？其實在短視頻和直播沒有當(dāng)下這樣火爆的時候，這些應(yīng)用確實經(jīng)歷過3Tab的格局，當(dāng)新的需求產(chǎn)生的時候要去不斷迭代升級，迎合用戶。在未來，可能會有新的需求產(chǎn)生，那么它們可能會進行擴展，到時候可能會變成5Tab，但是應(yīng)該不會有超過5Tab的時代產(chǎn)生，那樣產(chǎn)品架構(gòu)進一步復(fù)雜化，用戶的使用成本會提高，顯然不是一種更好的選擇；二是我的一個大膽猜測，未來可能會回到3Tab，信息進一步整合，當(dāng)下火熱的視頻需求也許會被取代，也說不好呢！

作者：阿坤先生，微信公眾號：阿坤先生 （ID：AKunTalk）

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