通過健康類APP應用分析理解產(chǎn)品的設計意圖
編輯導讀:每一個產(chǎn)品根據(jù)受眾人群和使用場景,對應的產(chǎn)品設計都不相同。本文將以健康類APP為例,通過對健康類產(chǎn)品的功能、頁面進行操作體驗,理解不同產(chǎn)品的設計意圖和業(yè)務目標,通過每個模塊的功能流程以及頁面交互形式得出產(chǎn)品設計準則用于指導產(chǎn)品功能設計。
一、分析目的
第一,通過對健康類產(chǎn)品的功能、頁面進行操作體驗,理解不同產(chǎn)品的設計意圖和業(yè)務目標。
第二,通過每個模塊的功能流程以及頁面交互形式得出產(chǎn)品設計準則用于指導產(chǎn)品功能設計。
二、競品選擇
競品選擇參考指標:七麥數(shù)據(jù)IOS應用排行榜,健康健美分類前5名應用。
三、頁面功能對比
主要以首頁頁面進行功能對比,分析維度包括不限于業(yè)務目標、頁面交互等。
3.1 主功能區(qū)
在每個常規(guī)應用首頁的上方1/3 區(qū)域是非常重要的展示位置,用戶進入之后90%以上會先看到當前區(qū)域。所以市面上主流APP應用的主功能區(qū)都會將基礎業(yè)務入口放置在此處,對于用戶體驗更佳。
業(yè)務目標:用戶使用某款產(chǎn)品主要目的是為了解決自身某方面的需求,而這個需求必定是他最想做的事情,也是希望快速實現(xiàn),所以APP首頁上方區(qū)域的黃金位置就是解決用戶高頻、剛需的功能區(qū)域。
用戶習慣:豎屏手機應用頁面,上方區(qū)域符合用戶自上而下的瀏覽習慣,用戶進入首頁會首先觀察最上方區(qū)域的內容;
展示優(yōu)勢:主功能區(qū)屬于整個應用的黃金位置,用戶進入之后,不需要任何滑動就能看見此區(qū)域的內容,此位置的曝光率也是最高的,展示頻率越高,使用的概率越大。
3.1.1 搜索框
通過對比可以看到,五個APP中,keep、美柚和薄荷健康3款應用有搜索功能,并且其中有2個應用的搜索框位于最上方。
通過此功能我們可以知道該應用有許多資訊類信息或者商品信息,因為一般的搜索功能主要用于快速查詢新聞、文章、特定內容等,而垂直類的應用就會更加細分和精準,既然用戶會使用搜索功能,就肯定會有某種明確需求和目標。對應的產(chǎn)品內部也會有對應的滿足需求的內容和服務,這樣才可以形成業(yè)務閉環(huán)。
Keep的搜索框沒有位于最上方,而是在頂部導航菜單下方,因為Keep的產(chǎn)品本身變現(xiàn)需求導致,運動類產(chǎn)品流量變現(xiàn)主要有變賣課程、售賣運動裝備、廣告或其他收益。
Keep多年來有3億左右的用戶量,但是業(yè)務營收增長一直是老大難問題,基于此,在產(chǎn)品的運營角度對于營收增長的需求會十分迫切,所以在首頁最上方keep有導航菜單,主要包括會員(賣課程)、訓練營(課程方案)、活動(線下、線上活動、廣告合作等)。
這些都是結合自身平臺定位的核心業(yè)務,所以Keep會將它們都放置在APP首頁黃金區(qū)域最上方,就是因為這里的用戶瀏覽量是非常高,有更大的概率轉化付費用戶,產(chǎn)生業(yè)務營收。
導航菜單欄下方接著就是搜索欄,點擊搜索框進入到搜索頁面,頁面最上方是搜索框,下方的熱門搜索、排行榜等都是各種課程、活動推薦(引導用戶消費)。也間接說明了搜索框功能區(qū)的流量很大,用戶對于搜索有很強的需求和意愿。并且產(chǎn)品本身有足夠豐富的內容需要用戶通過搜索功能進行精準查詢。
美柚的搜索欄位于最上方,并且搜索欄最左側有消息通知圖標,最右側有簽到功能。點擊搜索進入到搜索頁,最上面同樣是搜索框,下方是各種垂直內容資訊推薦。通過這里可以清楚美柚是的主要業(yè)務就是做垂直領域的綜合服務。
薄荷健康的搜索欄位于最上方,搜索欄右側有 掃一掃功能和消息通知圖標。點擊搜索進入到搜索頁,最上面同樣是搜索框,下方是各種垂直內容推薦。
3.1.2 垂直功能區(qū)
垂直功能區(qū)一般占據(jù)頁面的黃金位置,可以讓用戶快速看見并且使用,因為這個區(qū)域的主要功能都是當前產(chǎn)品或者當前模塊主要業(yè)務,也是目標用戶的高頻、剛需需求解決入口。
- 華為運動健康:主要是手環(huán)運動步數(shù)和運動強度數(shù)據(jù)。
- 小米運動:主要是 當日運動步數(shù)和最新體重數(shù)據(jù)展示。
- 美柚: 垂直功能區(qū)主要是月經(jīng)流量記錄和最近一周月經(jīng)流量變化趨勢。
- 薄荷健康:垂直功能區(qū)主要是 家人健康圈和健康管理卡片菜單。
3.1.3 分類菜單(九宮格)
宮格設計給用戶一目了然的感覺,操作便捷是這種構圖方式最重要的優(yōu)勢。
- Keep分類菜單主要各種運動課程、活動的功能入口。
- 美柚分類菜單主要是備孕錦囊、排卵試紙、能不能吃、問醫(yī)生這類特定人群需求場景的解決方案入口。
- 華為運動健康分類菜單主要是 運動記錄、健康生活、心臟健康、睡眠檢測等各種監(jiān)測指標的查看管理入口。
3.2 底部菜單和其他功能區(qū)
在移動應用中,有兩個區(qū)域比較重要,一個是上文所述的主功能區(qū)域-黃金位置,其次是應用底部菜單-鉑金位置,這兩個位置都是展示頻率和用戶使用頻率最高的區(qū)域。
二者屬于總-分的關系,底部菜單是一個模塊或整個頁面全部功能和內容的概括,必須具備簡潔、明確的性質。而單個頁面中的黃金位置主要是滿足用戶具體和明確的高頻、剛需功能區(qū),也是產(chǎn)品本身的主要業(yè)務功能區(qū)。
所以主流產(chǎn)品都將剛需、高頻的主要業(yè)務功能放置在黃金位置,既滿足目標用戶的高頻需求,從而對自身的產(chǎn)品產(chǎn)生粘性和信任,用戶量的留存度會更高;同是也增加核心業(yè)務的高曝光率,讓新用戶進入之后可以快速發(fā)現(xiàn)主要功能,讓大量的用戶流量感受到業(yè)務痛點,愿意繼續(xù)關注和使用產(chǎn)品,達到了新增留存目的。
看下圖,可以看到 Keep底部菜單架構,主要分為5個菜單,每個菜單都對應一類服務內容,分別是 首頁的綜合服務、社區(qū)模塊的 UGC資訊內容、計劃模塊的記錄提醒功能、商城模塊的運動類商品銷售、我的模塊個人中心基礎信息匯總。
這里穿插一句,在一般APP中“個人中心”模塊具備重要的意義:個人中心是軟件所有功能點的的集合入口,流量僅次于首頁。用戶使用軟件功能時,除其他tab(底部菜單icon)亮點功能外,個人中心的修改編輯個人信息、查看線上行為信息、設置應用通用功能、掌握線上活動、查看商城訂單、聯(lián)系平臺和系統(tǒng)更新等功能都需要通過個人中心來承載。
3.2.1 首頁模塊
通過導圖梳理,可以知道,五個APP中首頁模塊主要分為兩種類型(根據(jù)主要屬性區(qū)分):
- 快速入口:各種功能、服務、內容的快速入口。
- 健康數(shù)據(jù):展示用戶或家人的最新健康數(shù)據(jù)動態(tài),數(shù)據(jù)來源于智能設備或者用戶健康評測。
3.2.2 UGC資訊
還可以看出在不同產(chǎn)品中,都有UGC資訊這個版塊,這一個共性表明了當無論是做內容服務還是智能硬件管理工具,主流APP應用都十分看重用戶自主原創(chuàng)內容這個方向,正如網(wǎng)易云音樂充分利用UGC,才得以在眾多音樂APP里殺出一條路來,現(xiàn)在主流健康類產(chǎn)品也不會放棄這條路線。
3.2.3 記錄提醒
五個APP中有4個應用都有記錄模塊,記錄也分為兩類:
- 記錄提醒:類似于消息提醒的備忘錄功能,用戶可以快速記錄和設置提醒時間。
- 運動記錄:運動記錄主要是通過手機記錄用戶運動過程時間,便于運動數(shù)據(jù)統(tǒng)計和分享展示。
3.2.4 電商商城
全部APP中都有商城模塊,說明電商賣貨是健康類產(chǎn)品殊途同歸之路,流量變現(xiàn)最終還是要靠賣東西來實現(xiàn)。不過商城也分為兩類:
- 虛擬商品:主要是各種需要付費的健康相關線上課程售賣。
- 實體商品:主要是各類運動設備、智能硬件以及健康輕食售賣。
APP首頁展示
3.3 界面風格
一款好的產(chǎn)品界面風格需具備一致性和獨特性。
一致性:主要是指界面顏色、界面結構、功能交互在整個應用內應該都是統(tǒng)一風格,不能各種顏色、icon、各種布局、各種交互方式雜亂使用。一款產(chǎn)品的風格一致性會給用戶留下的潛在形象,長期的保持一致性,會讓大部分用戶對于該產(chǎn)品更具有辨識性和依賴性。
例如:一提到淘寶,大家都會想到橘黃色的icon和整體頁面色調;提到京東就會想到一只白色小狗的圖標和紅白相間的頁面色調;如果說抖音,就會想起一個音符的圖標和整體偏深色的界面風格。
獨特性,則是指的每個產(chǎn)品要有自己的定位和調性,讓用戶一提到某個場景就會想到特定產(chǎn)品。
例如:一說到朋友圈,大部分都會想到微信的朋友圈,而不是其他產(chǎn)品的社交圈;肚子餓了需要訂外賣基本就會想到美團或餓了么。
當然這幾款產(chǎn)品都是通過資本的博弈之后在市場上具備壟斷地位的存在,大眾用戶除了用他們,很難有替換品,這也是他們巨大的優(yōu)勢,此處不多說。不過也有許多小眾產(chǎn)品,就是在細分領域抓住用戶的核心需求,并且打磨出良好的產(chǎn)品風格,也可實現(xiàn)用戶長期留存。
當前五個APP的界面風格有如下特點:
界面顏色風格:所選擇的5個健康類APP中有4種色調,紫色、粉色、橘紅色和淡青色。
- 其中keep的色調主要通過分類菜單(宮格區(qū)域)和廣告位置的圖片以及底部菜單icon表現(xiàn),觀察宮格區(qū)域的圖標回會發(fā)現(xiàn)有4種顏色存在,所以整體區(qū)域的色調過多,讓人感覺有些凌亂。
- 美柚 的色調以粉色、白色為主,主要通過主功能區(qū)域(黃金位置)的背景圖、下方的廣告位置圖片及底部菜單icon渲染色調,宮格區(qū)域的圖標控制在3種顏色以內,而且只有一行圖標,占據(jù)頁面空間較少,所以整體效果看著比較清爽,視覺效果比keep更好。
- 華為運動健康和小米運動兩款應用首頁風格都是橘紅色,而且都是通過上方主功能區(qū)域的banner背景和底部菜單icon顏色來體現(xiàn),其余部分都是偏淺色調,對于產(chǎn)品印象有點類似餐飲風格(肯德基、麥當勞、美團外賣)
- 薄荷健康首頁色調風格主要是淡青色,主要通過卡片菜單的背景、其他功能按鈕和底部菜單icon的顏色表現(xiàn),這種色調整體讓人感覺清爽、綠色和健康。不過因為整體都是兩種偏淺色系,再加上布局結構導致視覺效果難以快速找到重點。
界面結構:
5個APP在整體布局方面,分為3類,一種是搜索欄+宮格布局+列表為主的形式(Keep和美柚),另一種是靜態(tài)banenr + 卡片的形式(華為運動健康、薄荷健康),第三種就是導航菜單+數(shù)據(jù)卡片形式(小米運動)。這3類布局側重點不同,第一類可以讓用戶快速找到需要的功能服務,第二類用戶主動操作的功能會較少,因此主要以數(shù)據(jù)展示為主,第3類則是功能入口和數(shù)據(jù)展示兼顧。
從設計簡易性角度看:第1類的布局會更加好些,每個功能或服務都有明確的icon入口,用戶更容易理解;而第2類需要用戶思考數(shù)據(jù)從何而來?如何更新數(shù)據(jù)?增加用戶更多的學習使用成本;第3類同時兼顧了數(shù)據(jù)展示和功能入口,所以整體頁面布局屬于一個混搭風格。
從界面一致性角度看:華為運動健康和小米運動結構更加明確和清晰,運動健康首頁菜單“健康”,頁面內容也是全部展示健康類數(shù)據(jù)為主;小米運動首頁模塊菜單“運動”,頁面上方導航菜單也是展示各種運動分類,只是下方的內容增加了資訊、話題有些偏離。
四、產(chǎn)品設計的參考準則
4.1 關鍵區(qū)域對應高頻剛需業(yè)務
每一款應用和每個產(chǎn)品都有一個主要目的,每個產(chǎn)品的首頁黃金位置一般也是展示高頻剛需業(yè)務的為主,即用戶每次進入的時候都可以快速看見這個產(chǎn)品的高頻業(yè)務,這個高頻業(yè)務可能也是用戶使用該產(chǎn)品的主要目的。通過此方法,既可以提高應用打開率和功能使用率,還可以持續(xù)吸引新增用戶。
例如:抖音、快手對于用戶的主要需求就是看視頻或者發(fā)視頻,微信、QQ對于用戶的主要需求就是社交。
4.2 保持界面風格一致性
就是降低用戶使用產(chǎn)品的學習時間,保持跟之前用過的產(chǎn)品有相似的交互邏輯和頁面顏色風格,讓用戶更容易理解和操作。
例如:keep 和 美柚兩款應用,都在首頁上方區(qū)域有分類菜單模塊(九宮格),這樣許多用戶進入到首頁后就會習慣性的查看這兩個區(qū)域,因為現(xiàn)在90%以上的移動互聯(lián)網(wǎng)用戶都有使用過 淘寶、京東這類APP,大家都已經(jīng)習慣了在首頁的黃金區(qū)域尋找自己感興趣的功能和內容。用戶一打開APP就可以不用去其他頁面尋找需要的功能,可以快速的上手。
4.3 讓重度用戶有捷徑可用
許多APP的老用戶可能會覺得,常規(guī)的使用方式可能不夠創(chuàng)新,難以吸引他們的注意力,如果有種使用方法是可以快捷呈現(xiàn)某個功能或許能讓大家耳目一新。
4.4 提供有意義的回饋
用戶主動進入到某個環(huán)節(jié),或者被動處于某種階段,如果沒有合理的跳轉或者提示,可能會讓用戶產(chǎn)生困惑,不知道當前的狀態(tài)以及后續(xù)的操作目標。
舉例來說:目前網(wǎng)絡傳輸信號不穩(wěn)定可能需要等候一些時間;當前沒有網(wǎng)絡請檢查下網(wǎng)絡情況等。只有提供給用戶有意義的回饋,用戶才不會感覺沒有耐心,或是莫名其妙,以后不想使用這個應用!
五、總結
通過對5個APP應用的對比、分析,筆者認識到:一款產(chǎn)品要想獲得市場認可擁有成長能力,首先必須要找對賽道和目標人群,同時自身的產(chǎn)品要有一定的優(yōu)勢(資源、服務),并且對于目標人群屬于剛需。
這樣第一階段用戶只有選擇你,然后就是優(yōu)化服務體驗以及拓展更多的增值服務。否則就會淪為一次性工具,用戶在完成某個小場景之后,用完即走,不愿意停留,無法產(chǎn)生更大的運營價值;如果產(chǎn)品本身的行業(yè)壁壘不夠高,還會遭遇競爭對手的跨界打擊。
舉個例子:
美柚APP的基礎服務就是經(jīng)期記錄功能和孕期輔助,這也是大部分的用戶使用它的初衷,但是因為它的其他增值服務沒有跟上,或者說不屬于高頻剛需,導致用戶在完成當前階段主要操作之后,不知道接下來還有什么值得停留的意義,包括后續(xù)運營服務沒有跟上,也是導致美柚新增用戶量減少、老用戶留存率下降;
其次另外一款薄荷健康,雖然在初次進入首頁界面有些凌亂和,但是通過各種引導和服務讓用戶停留下來之后,薄荷健康本身有需要拓展服務,也包括了 美柚的基礎服務。這樣一來,美柚的主要功能在薄荷健康也有,薄荷健康還有更多其他服務,類似減肥專區(qū)等等,大量用戶就逐漸轉移到類似薄荷健康的產(chǎn)品。
作者:明遠;5年互聯(lián)網(wǎng)工作經(jīng)驗,主要涉及智慧養(yǎng)老、智慧社區(qū)、智能安防等方面。
本文由 @明遠 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)作者許可,禁止轉載。
題圖來自Unsplash,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!