
今天我將從大家經(jīng)常用到的百度外賣(iOS v4.4.1)說開去,闡述我自己分析一款A(yù)pp時運(yùn)用的思維邏輯和過程,當(dāng)然我說的不一定對,希望能給新手朋友們一些思路。
我之前有跟進(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)梳理圖:
首頁整個單元中存在幾個奇妙的交互亮點(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)驗(yàn)是,一款app,允許用戶自定義的圖文越少,產(chǎn)品就越能做到美觀,外賣產(chǎn)品要面向很多獨(dú)立商家,每戶商家logo千奇百怪,比如大家看看下面這兩張圖的對比:
對比那種四爺牛拉logo被截斷的視覺體驗(yàn)來說,首屏加入了一套滑動的小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ú)會把「粥粉面」這一項(xiàng)提前在前面獨(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中新加入的「我最常吃」、「外賣榜單」、「遇見你的菜」、「能量午餐(匠心晚餐)」和「精選專題」五項(xiàng):
這五項(xiàng)的層級都很高,大概在整個app首頁的第二屏,這樣設(shè)計到底為什么呢?
答:加入這五項(xiàng)的目的是為了減少用戶選擇!(劃重點(diǎn))
去年跨年的時候羅胖「時間的朋友2017」演講里面曾經(jīng)講了一個故事,說的是他想請客吃飯但是不知道吃什么,于是咨詢了一位吃貨朋友,那個吃貨朋友告訴他:你如果要我告訴你那你就必須聽我的,聽我的就去xxx餐館,只點(diǎn)A、B、C、D、E、F這6樣菜,蘸料只放甲、乙兩種,不好吃你回來找我。羅胖表示那一刻特別幸福,心想這個朋友太靠譜了你還能對我再粗暴點(diǎn)么。。。
這個故事其實(shí)暗合百度外賣的產(chǎn)品邏輯:
我最常吃:喏,每次點(diǎn)的都是這幾樣,要不來份兒一樣的?
外賣榜單:喏,我們這里賣得最好和最受好評的是這幾樣。
遇見你的菜:喏,你也是老主顧了,我們推測啊你應(yīng)該最喜歡吃這幾樣。
能量午餐(匠心晚餐:喏,這幾樣?xùn)|西是別人午餐(晚餐)常吃的,不然您試試?
精選專題:喏,這是俺們運(yùn)營讓我們告訴你的,常吃這些啊對身體好!
你們說,有了這五項(xiàng),誰還要一家店一家店的篩選?
如果用戶說我非要享受那種篩選的快感,那沒問題,您稍微下滑一點(diǎn)點(diǎn)兒就到篩選部分了,那部分您說了算~
可能剛開始更新的時候用戶是不太習(xí)慣前面多了這么多東西的,當(dāng)你接受了這個設(shè)定之后(不接受也沒辦法每天都要點(diǎn)餐啊——換隔壁美團(tuán)),發(fā)現(xiàn)其實(shí)會方便不少。
總結(jié):Don’t TMD make users choose.
首先感謝大家看到這里還沒有關(guān)掉,你已經(jīng)閱讀了三分之二了。
那我們就再來說一說第二個部分:訂單。
你們肯定會有疑問,第二個部分難道不是「指南」么?對的,百度外賣整個app第二個單元確實(shí)是「指南」,但是大家有沒有一個疑問,為什么外賣app會有這樣一個和外賣半毛錢關(guān)系都沒有的單元,并且Buttonbar優(yōu)先級還排在第二個?所以百度外賣的「指南」這個單元我會在未來對比愛奇藝「泡泡」和拉勾「言職」一起另起一文詳細(xì)說說為什么現(xiàn)在的大型app里面總有奇怪的東西混進(jìn)來。在這里就不做過多贅述。
關(guān)于訂單這個功能其實(shí)相對簡單:
「萬能跑腿」這個功能大家用一下就知道,我就不展開了。
我下面著重說一下訂單這個單元中間涉及到一個產(chǎn)品設(shè)計中的小把戲叫埋深層級。
產(chǎn)品經(jīng)理肯定是不鼓勵用戶進(jìn)行投訴餐館操作的,但是投訴這個功能又必須存在,那如何解決這個矛盾呢?辦法是讓投訴這個操作的成本變高。
我清楚的記得,之前用戶在訂單列表頁就可以投訴,但是后來把投訴功能入口埋深到了下一層級——即必須點(diǎn)開訂單詳情才能投訴,如圖所示:
別看投訴功能就被埋深了一個層級,但是這個小小的改動沒準(zhǔn)每個月能減少好幾萬單投訴呢。
既然說到這個了,那就不妨展開一些說點(diǎn)關(guān)于產(chǎn)品設(shè)計過程中某些功能信息層級的調(diào)整(下沉/上浮)規(guī)律,這些規(guī)律在產(chǎn)品原型或者保真迭代的時候都可以作為理論支撐的點(diǎn):
某些功能是不推薦用戶使用但是又不能沒有的:方案是功能入口適當(dāng)下沉。
比如修改密碼;登出賬號;平臺類產(chǎn)品的投訴,退款,退單;活動報名類產(chǎn)品的請假等等。
某些平行功能當(dāng)中的某一個比另外幾個點(diǎn)擊使用率大很多:該功能入口單獨(dú)適當(dāng)上浮。(反之同理)
比如上文說到的「粥粉面」;比如微信更新之后把「收付款」當(dāng)中的「付款」功能提前。
但是這里的下沉和上浮的度一定要把握好,不能影響并行的層級上其他功能使用。比如大家試想一下如果微信的buttonbar依次變成「朋友圈」、「信息」、「通訊錄」、「發(fā)現(xiàn)」、「我」會發(fā)生什么事?我覺得大概率會把微信變成一個強(qiáng)調(diào)朋友圈的微博而削弱IM功能。
某些產(chǎn)品策略上的功能入口:功能入口適當(dāng)上浮。
比如喜馬拉雅的付費(fèi)精品;脈脈的定制頭條;拉勾的言職;今日頭條之前主推的『視頻』;支付寶的一堆社交。
總結(jié):根據(jù)埋點(diǎn)數(shù)據(jù)或者用研靈活調(diào)整功能入口是產(chǎn)品設(shè)計中的常用手法,但是把握這個度的過程中,需要懷著一顆敬畏之心。
關(guān)于「我的」頁面很常規(guī)其實(shí)沒啥好講的,但是這兩個有意思的點(diǎn):
第一是陳列館式的設(shè)計讓每一個相互不搭的獨(dú)立功能都能放在第一層級。
第二是從產(chǎn)品形態(tài)上為百度錢包導(dǎo)了一波流:之前的運(yùn)營活動是使用百度錢包支付每單會便宜幾毛錢,所以我綁定了我的信用卡。
這里想起了一個百度外賣有意思的功能,大概在兩年前,百度外賣還在推廣的時候出了一個叫mvp的東西,一年大概是一百多塊錢,買了以后全年不收配送費(fèi),后來可能由于辦的人太多導(dǎo)致賠的太厲害,所以關(guān)掉了mvp這個功能入口,那已經(jīng)購買mvp的人怎么辦呢?就多出了一個我的mvp入口,到了一年之后所有人的mvp消失了,百度外賣就關(guān)掉了這個功能,假裝這一年什么事情都沒發(fā)生。
分析一款移動端產(chǎn)品的時候,一定要細(xì)心、耐心和敏銳。
好的設(shè)計師永遠(yuǎn)是解決問題的。
我們只需要看這些信息架構(gòu)如何被這款app呈現(xiàn),呈現(xiàn)方式是否優(yōu)雅,是否有一些看似奇怪而矛盾的點(diǎn),并嘗試自我分析是什么導(dǎo)致了這些矛盾點(diǎn)的發(fā)生,保證自己在產(chǎn)品設(shè)計過程中借鑒就行了。
以上就是上海網(wǎng)站建設(shè)公司——海淘科技為你整理的《以百度外賣app為例分析產(chǎn)品運(yùn)營方法》全部內(nèi)容。如果想要觀看網(wǎng)站建設(shè)案例:教育類網(wǎng)站設(shè)計欣賞,以及其他精彩的企業(yè)微博營銷技巧可直接點(diǎn)擊查看。