寫在2016尾的感悟,關于導航框架的那些破事!

又到了寫總結的節點,這一年最核心的工作,就是對android版APP進行改版,整整折騰了一年,雖然主要工作只做了這事,但是卻讓我有機會對于框架這事有了驗證和思考的機會。

常見的導航框架有兩大類,工字型和T字型,而這一年的折騰,剛好對這兩套框架都過了一遍,根據灰度的數據和用戶反饋分析,新用戶是無感的,而對于老用戶也只是習慣受點影響(前一版是工字型,新版改成T字型),總體來說是不大,用戶更關心的是我們的產品是否能夠解決他們的需求,能否方便、快捷和省事,而一般用戶對于設計細節是不敏感的,但是如果有缺陷,他們卻感知強烈,所以在整體沒什么問題,內容和功能沒變的前提下,工字型或者T字型導航框架都能被用戶接受。

我覺得這兩套框架的選擇,更偏重于產品的選擇,從結構看,T字型框架在信息層級上更扁平,操作路徑更短,但是不利于內容和功能的拓展,對于PM來說,是希望我們的內容有更多的地方可以展示,有更多的入口滿足運營和產品需求,自然工字型是比較合適的,在底部一級導航的界面中,利用頭部空間拓展二級導航,這樣每一級都可以有五個甚至更多的二級入口,想加減什么都容易,且都在一個層級得到曝光,數據層面是能夠得到保證的,當然結構越復雜,層級越多,對于用戶來說操作也是越復雜,甚至在“不缺APP”的現在,難以形成產品印象,這對于APP來說是不可量化的影響。


為什么有這樣的結論,下面我結合我們最熟悉的 Android 應用市場來分析一下:

如下圖,主流第三方應用市場在框架下基本分兩類,以豌豆莢為代表的T型框架和以360、應用寶、百度助手為代表的工字型布局,其實應用寶最初的時候也是T型布局,后來估計是滿足不了產品需求改成現在的工字型布局。


先做個框架對比:

豌豆莢的T型框架,來自于 Android v4.0 規范的繼承,一級導航在頭部,內容在下面,這樣的布局就好比一個大寫的T字,所以統稱T型框架。


T型框架


優勢:

信息層級扁平:主入口在頭部,應用有哪些tab哪些功能一目了然;操作路徑短:橫向的左右滑動即可切換界面,不受手機屏幕的大小限制;


缺點:

層級的扁平也導致拓展空間的局限,一級導航最多不超過五個tab,從左到右滲透率會逐步遞減,超過五個之后的tab由于不能在當前界面得到曝光比前五個更難以產生滲透效果,不容易被用戶發現,另外在內容區域的二級入口由于受到其他內容的影響也會相對較弱;

所以T型布局在產品設計上就需要非常的克制,在滿足需求的同時敢于取舍,給用戶在不同的場景中提供不同的服務,豌豆莢在這方面應該是做得比較好的。


以360手機助手為代表的工型框架:

工型框架應該是最常用的一種,如果非要細分的話,它可以算是iOS傳統框架的變種,之所以叫工型布局,是因為在底部有類似iOS框架的一級導航以外,每個導航里面的頭部還有二級導航,和中間的內容一起,就好比一個工字,所以叫工型框架。


工型框架:

優勢:

可拓展空間巨大,為什么說是巨大,底部導航最多只能是五個,不可能再多,但是頂部的二級導航就可以無限拓展,像360的“熱點”欄目就有超過30個tab,只要實現tab的可配置,基本上可以隨便定義首推內容,空間大了自然容納的內容也多了。


缺點:

信息架構復雜,路徑也長了,意味著用戶需要花更多的時間成本來獲取自己想要的信息,內容多了,自然會相互影響,而對于用戶,也難以形成統一明確的產品印象,用戶粘度會受到一定的影響(不過現在大家關心的是使用時長,不在care粘不粘的問題了)。

工型框架的APP 多數屬于綜合類 APP,哪怕像360手機助手這種應用市場,現在也增加了許多新的功能,滿足不同類用戶,甚至是原來應用安裝用戶的附加需求,讓每個用戶都能在上面找到自己的興趣點,在這樣巨大拓展空間的框架下,產品設計是不需要怎么克制。


說了這么多,其實結論很簡單,對于用戶只要滿足訴求,用戶不care用怎樣的框架,反而對于產品或者商業的要求決定了框架的選擇,而在信息爆炸的2016,個人認為最好的體驗,就是場景設計,在相應的場景提供相應的服務,這是題外話,不展開了,還有10天就又一年了,寫篇文章記錄一下。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,333評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,491評論 3 416
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,263評論 0 374
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,946評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,708評論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,186評論 1 324
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,255評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,409評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,939評論 1 335
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,774評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,976評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,518評論 5 359
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,209評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,641評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,872評論 1 286
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,650評論 3 391
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,958評論 2 373

推薦閱讀更多精彩內容