@DesignerSeany ：今天我將從大家經(jīng)常用到的百度外賣(iOS v4.4.1)說開去，闡述我自己分析一款A(yù)pp時運(yùn)用的思維邏輯和過程，當(dāng)然我說的不一定對，希望能給新手朋友們一些思路。

　　信息架構(gòu)梳理

　　我之前有跟進(jìn)App迭代的習(xí)慣，比如百度外賣就是其中之一，當(dāng)它更新來到了v4.4.1之后，和之前可謂發(fā)生了天翻地覆的變化，當(dāng)我重新開始嘗試分析它的時候，我采取的辦法依舊還是和分析一款陌生App一樣，從已有產(chǎn)品的信息架構(gòu)入手。

　　一個產(chǎn)品沒有信息架構(gòu)梳理，就像在蓋一座遲早都會倒的樓。

　　信息架構(gòu)到底是個什么東西呢?其實(shí)我所理解的并沒有江湖傳說的那么懸，我一般會把App的每一個點(diǎn)擊事件都點(diǎn)擊一遍，然后做相應(yīng)的記錄，比如我做百度外賣如下這張信息架構(gòu)圖大概用了一個半小時，整個過程乏善可陳：「點(diǎn)擊一下，記錄頁面信息，再點(diǎn)擊一下」如此循環(huán)。

　　但是這就像是破案一樣，你會從中發(fā)現(xiàn)一些線索去了解百度外賣的產(chǎn)品經(jīng)理和交互設(shè)計師們當(dāng)時是如何思考的。

　　下面請看百度外賣v4.4.1信息架構(gòu)梳理圖：

　　Part 1 – 首頁

　　首頁整個單元中存在幾個奇妙的交互亮點(diǎn)：

　　用力上拉，百度外賣會根據(jù)最近的一些熱點(diǎn)更換不同的插畫。

　　這是情感化設(shè)計的一種體現(xiàn)方式，偶爾給用戶帶來發(fā)現(xiàn)的驚喜。

　　搜索框上滑消失過后會隱藏到右側(cè)，如下圖所示：

　　大Banner 不僅支持滑動，點(diǎn)擊右下角按鈕可供預(yù)覽。

　　雖然這個功能看似沒有什么特別重要的作用，但這是交互設(shè)計師為愉悅用戶設(shè)計的小把戲，明顯我感受到了他們的誠意：

　　購物車列表隱藏當(dāng)前定位不可送的物品。

　　外賣類產(chǎn)品有一個用戶情景是這樣的，用戶今天在家里面放了一堆食物在購物車但是未支付，過了幾天在公司不知道吃什么的時候，發(fā)現(xiàn)我還有個購物車，于是打開匆忙下單，誰曾想你在家時放在購物車內(nèi)的外賣不一定能送到單位地址。肯定是百度外賣遇到很多這樣的用戶反饋，所以產(chǎn)品做出了這樣的交互：隱藏當(dāng)前定位不可送達(dá)的物品。

　　說完了一些交互亮點(diǎn)之后，我們回過頭來看看首頁的信息架構(gòu)：

　　在我的信息架構(gòu)中，我把產(chǎn)品的核心邏輯流程加上了紅色五角星。也就是說一個外賣產(chǎn)品中，選擇地址，購物車，搜索功能和點(diǎn)餐流程是一定必不可少的。其中我又把點(diǎn)餐流程拆解成了選擇店鋪、從店鋪選擇菜品和支付流程三個關(guān)鍵部分以便于大家理解。

　　既然只需要紅色五角星的功能就可以滿足用戶的點(diǎn)餐流程，那么近半年來百度外賣app中加入的那些奇奇怪怪的功能是為啥呢?為了理解這個問題，我們先來看一下百度外賣這款產(chǎn)品半年來都做了哪些更新?答案是新增了。

　　外賣榜單

　　小banner

　　遇見你的菜+能量午餐(匠心晚餐)

　　精選專題

　　頻道button數(shù)量(從8個變成了現(xiàn)在的19個)

　　而且新增的這些內(nèi)容層級奇高，占據(jù)了首頁的第一、二屏。

　　關(guān)于這些新增內(nèi)容在這里我有一些自己的疑問和思考分享給大家：

　　1. 為什么之前已經(jīng)有了一個大的輪播banner之后仍然要增加一些小的滑動banner?

　　我猜想可能是出于兩種考慮:

　　為了UI的美觀

　　在之前我的經(jīng)驗是，一款app，允許用戶自定義的圖文越少，產(chǎn)品就越能做到美觀，外賣產(chǎn)品要面向很多獨(dú)立商家，每戶商家logo千奇百怪，比如大家看看下面這兩張圖的對比：

　　對比那種四爺牛拉logo被截斷的視覺體驗來說，首屏加入了一套滑動的小banner無疑是保證用戶進(jìn)入第一眼就能感到飽含食欲的關(guān)鍵。

　　但是我認(rèn)為作為一個體量這么大的產(chǎn)品，不會單純?yōu)榱艘曈X的美觀就加入這么大一組滑動banner的，百度外賣加入這個一定有更加深層次的含義，于是我苦思冥想，想出了第二種可能性。

　　2. 為了盈利創(chuàng)收

　　對的你沒有看錯，百度外賣體量這么大，總會有商業(yè)變現(xiàn)產(chǎn)品經(jīng)理思考廣告入口往哪兒放，這么多的店鋪，除了默認(rèn)算法的排名以外還有沒有一些別的辦法可以取巧?提到變現(xiàn)這種羞羞噠事情總是讓我們很害羞，但是產(chǎn)品形態(tài)體現(xiàn)上卻很誠實(shí)：(好像有什么奇怪的App產(chǎn)品混了進(jìn)去)

　　為什么圓形的頻道button數(shù)量越來越多了?

　　之前的外賣app，不論是百度還是美團(tuán)，如今種類都越來越多了，美團(tuán)從之前的8個變成了現(xiàn)在的16個，百度從之前的8個變成了現(xiàn)在的19個：(換上春節(jié)皮膚的icons)

　　有很多人可能和我有同樣的思考，比如我現(xiàn)在想喝粥吃粉吃面，那我直接去里面搜就好了啊，為什么現(xiàn)在多出了一個奇怪的「粥粉面」?比如我想吃點(diǎn)小龍蝦，我直接去搜就好了，為什么現(xiàn)在多出一個奇怪的「龍蝦盛宴」?偉大的設(shè)計準(zhǔn)則less is more為什么在這里一點(diǎn)都不less?

　　我猜想這些奇奇怪怪越來越多icons主要承擔(dān)著三個部分的產(chǎn)品作用：

　　第一個作用：更加便捷的簡化流程

　　當(dāng)我點(diǎn)擊第一個「餐飲」icon時，跳轉(zhuǎn)到了如下頁面：

　　大家可以看到上面的滑動tab其實(shí)有『全部』、『品牌館』、『小吃快餐』、『粉面粥』、『川湘風(fēng)味』、『西式快餐』、『日韓料理』、『燒烤海鮮』和『香鍋烤魚』這么多種類的，那么為什么唯獨(dú)會把「粥粉面」這一項提前在前面獨(dú)立成一個icon?我猜想肯定是數(shù)據(jù)上點(diǎn)這一個分類產(chǎn)品的用戶遠(yuǎn)遠(yuǎn)高于別的分類，所以產(chǎn)品經(jīng)理根據(jù)數(shù)據(jù)做出的產(chǎn)品形態(tài)上的改變，把「粉面粥」這個tab單獨(dú)提前變成了「粥粉面」這一個icon，如下圖所示：(這里吐槽一下，這兩個名字不統(tǒng)一是什么鬼!)

　　第二個作用：突出一些用戶以為沒有的邊緣功能，為別的產(chǎn)品導(dǎo)流

　　比如百度糯米，萬能跑腿，買藥和訂花、超市購和定蛋糕水果奶茶之類的。

　　作為一線城市的年輕人，我們當(dāng)然在用了這么幾年的外賣產(chǎn)品之后知道他們什么都能定，但是對于三四線城市的萌新來說，他們可能一直以為外賣產(chǎn)品只能定食物，所以把他們放在這里會突出效果。

　　第三個作用：為以后的運(yùn)營活動和一些奇奇怪怪的市場行為埋下入口

　　不得不承認(rèn)，這種圖標(biāo)頻道的設(shè)計方式一向就不是一種優(yōu)雅的辦法，只是在平臺類產(chǎn)品由于信息太多必須要有所分類之后在UI中形成的產(chǎn)物。

　　這種形態(tài)的UI設(shè)計模式最大的作用是有利于擴(kuò)展產(chǎn)品入口，所以萬一哪天你在百度外賣的這些頻道icon里面看到一些奇怪的廣告之類的也不用驚訝，畢竟是產(chǎn)品經(jīng)理和交互設(shè)計師們也不想的。

　　但是我認(rèn)為產(chǎn)品設(shè)計師不會這么無腦的為不可知的未來做擴(kuò)展，事實(shí)上工作中的產(chǎn)品設(shè)計主要都是為了解決當(dāng)前問題，所以這一點(diǎn)你們不要偏聽偏信，也歡迎交流別的意見。

　　聊完小Banner和這些頻道icons之后，我們來看百度外賣近半年來在app中新加入的「我最常吃」、「外賣榜單」、「遇見你的菜」、「能量午餐(匠心晚餐)」和「精選專題」五項：

　　這五項的層級都很高，大概在整個app首頁的第二屏，這樣設(shè)計到底為什么呢?

　　答：加入這五項的目的是為了減少用戶選擇!(劃重點(diǎn))