1. <thead id="4fq7u"></thead>
    2. <th id="4fq7u"><address id="4fq7u"></address></th>
        <object id="4fq7u"></object>
      1. 徐州酷優網絡 開啟企業建站營銷新時代  站長學院 Loading
        熱線:0516-83703228
        您現在的位置:首頁 > 站長學院 > 小程序 > 經驗

        徐州網站建設用百度外賣的案例,教你學會分析移動端產品的方法

        作者:admin 日期:2017/7/3 18:51:36 人氣:79

          

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

          信息架構梳理

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

          一個產品沒有信息架構梳理,就像在蓋一座遲早都會倒的樓。

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

          但是這就像是破案一樣,你會從中發現一些線索去了解百度外賣的產品經理和交互設計師們當時是如何思考的。

          下面請看百度外賣v4.4.1信息架構梳理圖:

          

         

          Part 1 – 首頁

          

         

          首頁整個單元中存在幾個奇妙的交互亮點:

          用力上拉,百度外賣會根據最近的一些熱點更換不同的插畫。

          這是情感化設計的一種體現方式,偶爾給用戶帶來發現的驚喜。

          

         

          搜索框上滑消失過后會隱藏到右側,如下圖所示:

          

         

          大Banner 不僅支持滑動,點擊右下角按鈕可供預覽。

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

          

         

          購物車列表隱藏當前定位不可送的物品。

          外賣類產品有一個用戶情景是這樣的,用戶今天在家里面放了一堆食物在購物車但是未支付,過了幾天在公司不知道吃什么的時候,發現我還有個購物車,于是打開匆忙下單,誰曾想你在家時放在購物車內的外賣不一定能送到單位地址??隙ㄊ前俣韧赓u遇到很多這樣的用戶反饋,所以產品做出了這樣的交互:隱藏當前定位不可送達的物品。

          

         

          說完了一些交互亮點之后,我們回過頭來看看首頁的信息架構:

          

         

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

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

          外賣榜單

          小banner

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

          精選專題

          頻道button數量(從8個變成了現在的19個)

          而且新增的這些內容層級奇高,占據了首頁的第一、二屏。

          關于這些新增內容在這里我有一些自己的疑問和思考分享給大家:

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

          

         

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

          為了UI的美觀

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

          

         

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

          但是我認為作為一個體量這么大的產品,不會單純為了視覺的美觀就加入這么大一組滑動banner的,百度外賣加入這個一定有更加深層次的含義,于是我苦思冥想,想出了第二種可能性。

          2. 為了盈利創收

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

          

         

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

          之前的外賣app,不論是百度還是美團,如今種類都越來越多了,美團從之前的8個變成了現在的16個,百度從之前的8個變成了現在的19個:(換上春節皮膚的icons)

          

         

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

          我猜想這些奇奇怪怪越來越多icons主要承擔著三個部分的產品作用:

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

          當我點擊第一個「餐飲」icon時,跳轉到了如下頁面:

          

         

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

          

         

          第二個作用:突出一些用戶以為沒有的邊緣功能,為別的產品導流

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

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

          第三個作用:為以后的運營活動和一些奇奇怪怪的市場行為埋下入口

          不得不承認,這種圖標頻道的設計方式一向就不是一種優雅的辦法,只是在平臺類產品由于信息太多必須要有所分類之后在UI中形成的產物。

          這種形態的UI設計模式最大的作用是有利于擴展產品入口,所以萬一哪天你在百度外賣的這些頻道icon里面看到一些奇怪的廣告之類的也不用驚訝,畢竟是產品經理和交互設計師們也不想的。

          但是我認為產品設計師不會這么無腦的為不可知的未來做擴展,事實上工作中的產品設計主要都是為了解決當前問題,所以這一點你們不要偏聽偏信,也歡迎交流別的意見。

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

          

         

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

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


        回到頂部
        亚洲精品tv久久久久久久|久久精品2019中文字幕|精品无码国产一区二区三区51安|天天碰夜夜摸公开视频