10個大廠app產(chǎn)品設(shè)計的細節(jié)詳細剖析
產(chǎn)品始于需求、立于價值、久于體驗,良好的用戶體驗是互聯(lián)網(wǎng)產(chǎn)品立于之根本,也是UI設(shè)計師、交互設(shè)計師所追求的目標之一,需要在用戶目標不清晰以及對應(yīng)用不理解的情況下,利用設(shè)計手段合理、合適的跟用戶對話,并解決用戶的需求,完成應(yīng)用該有的使命。至于如何引導(dǎo)、如何設(shè)計,大部分往往都是通過產(chǎn)品的細節(jié)達到目的。
「餓了么」首頁:優(yōu)惠券彈窗刺激轉(zhuǎn)化
1. 產(chǎn)品體驗:
每日首次進入餓了么首頁,系統(tǒng)都會自動出現(xiàn)一系列優(yōu)惠券彈窗,點擊優(yōu)惠券直接進入可使用類型的店鋪列表,下單即可自動當做現(xiàn)金抵扣。
2. 設(shè)計思考:
作為電商平臺,最重要的就是消費轉(zhuǎn)化,畢竟是要靠用戶消費之后的利潤來吃飯的。對于消費轉(zhuǎn)化的提升,平臺也都會從商品運營、用戶運營及分析用戶轉(zhuǎn)化流失原因等及時的做出各種對策,保證能對用戶產(chǎn)生足夠的吸引力。常見的手段無非就是:特價、滿減、疊加折、買贈、換購、套裝組合、限時購等方式,但當所有平臺都有了這些營銷手段之后,對用戶來說又變的毫無吸引力,那么就需要去思考在何時、何地啟用這些手段才能吸引用戶呢?
餓了么APP在每日首次使用時,都會自動彈出一系列優(yōu)惠券,是典型的屬于利用彈窗進行利益引誘,在用戶還未產(chǎn)生消費欲望之前,通過福利的發(fā)放、商品的優(yōu)惠等利益刺激手段,吸引用戶繼續(xù)完成對內(nèi)容/商品的消費,以此降低用戶流失,比起把優(yōu)惠券放在商品旁邊的那種常規(guī)做法,更具吸引力。 當提示用戶有很多的優(yōu)惠券未領(lǐng)取,激起用戶的好奇心與貪便宜心理后,不管用戶是有目標還是無目標性的消費,只要優(yōu)惠的數(shù)額越大,對用戶的吸引力就越大,吸引用戶參與下單消費, 從而提升轉(zhuǎn)化。
「網(wǎng)易云音樂」雙擊播放頁面收藏歌曲
1. 產(chǎn)品體驗:
在網(wǎng)易云音樂的播放頁面,除了點擊心形圖標可以收藏外,直接雙擊屏幕空白區(qū)域,也可以收藏,去除精準點擊操作,非常便捷。
2. 設(shè)計思考:
不管是聽歌還是看視頻,遇到喜歡的我們就會點贊給予作者鼓勵,還可以進行收藏,以便于回味,收藏更像是一種不在乎天長地久,只在乎曾經(jīng)擁有的感覺,只希望在擁有它的時候,好好保存。收藏有利于用戶的二次使用,以增強用戶粘性促進消費轉(zhuǎn)化,是一個相當重要的功能,很多產(chǎn)品都會在按鈕位置、交互樣式、手勢、區(qū)域等多種方式提升用戶體驗,達到吸引用戶以觸發(fā)操作為目的。
網(wǎng)易云音樂的播放頁面,除了有常規(guī)的收藏按鈕可觸發(fā)之外,還增加雙擊屏幕空白區(qū)域收藏的方式,這樣就增大了收藏的觸發(fā)范圍,無需精準點擊,操作方式更加便捷。雙重路徑,多種方式更能提升收藏的觸發(fā)率,以便于用戶二次使用,通過增強使用粘性提高用戶消費轉(zhuǎn)化的幾率。
「UC瀏覽器」廣告帶流量、自身賺受益
1. 產(chǎn)品體驗:
UC瀏覽我的頁面會有一個紅包小動畫懸浮在設(shè)備右側(cè),吸引用戶點擊;
進入紅包頁面之后,里面有很多紅包任務(wù),在未完成的情況下若離開此頁面,會出現(xiàn)福利類型的彈窗進行利益引誘,對用戶作出挽留。
2. 設(shè)計思考:
使用過電商類型APP的用戶都再清楚不過了,為了達到轉(zhuǎn)化的目的,各種手段是層出不窮,用戶有多精,應(yīng)用的套路就有多深。雙11將近,各大電商平臺也都在使出渾身解數(shù),有用戶直呼“猝不及防的一波引誘,最后一道心理防線崩塌,就開始剁手了”。UC瀏覽器雖然不是電商類應(yīng)用,但卻是其他購物平臺打宣傳廣告的利器,只要做好流量入口,點擊量夠高,平臺的收入就不多說了。
UC瀏覽器我的頁面有一個紅包小動畫懸浮在設(shè)備右側(cè),通過動態(tài)的方式,時刻吸引著用戶的注意力。相比靜態(tài)的入口方式, 更加吸引眼球,增加視覺關(guān)注度,動態(tài) 設(shè)計豐富了圖標入口更多可能性的表達,結(jié)合對應(yīng)的動態(tài)效果表達出不同的情緒或情感,提升用戶的點擊欲望,增加點擊率。
用戶進入紅包頁面之后,在未完成紅包任務(wù)的情況下若要離開,會用彈窗對用戶作出挽留。通過彈窗里面的文案進行福利發(fā)放、商品優(yōu)惠等刺激手段對用戶進行利益引誘,這種「目標趨近效應(yīng)」的心理效果,會讓用戶繼續(xù)完成未完成的事物,目的是對用戶做出挽留,使其盡快達成目標,最終進行消費轉(zhuǎn)化。
「流利說·英語」尼爾森可用性原則:狀態(tài)的可見性
1. 產(chǎn)品體驗:
流利說·英語每天默認給用戶的學(xué)習(xí)任務(wù)時間為30分鐘。學(xué)習(xí)前,標簽欄的圖標為正常狀態(tài);學(xué)習(xí)中以百分比的環(huán)形統(tǒng)計樣式,根據(jù)學(xué)習(xí)進度實時更新數(shù)據(jù);學(xué)習(xí)后,圖標增加“對勾”提示,告知用戶已完成。
2. 設(shè)計思考:
流利說·英語是一款很棒的英語學(xué)習(xí)軟件,相信有很多用戶都是被里面的各種營銷手段所折服(當然目的也是為了學(xué)好英語),然后就開通了月/季/年會員,購買了會員之后你也會覺得物超所值,用戶體驗以及教學(xué)方式與同類型的應(yīng)用相比,都是走在最前沿的。開通了會員之后,用戶就會奔著每天的學(xué)習(xí)任務(wù)目標(不少于30分鐘)而去,應(yīng)該不會有人在沒有開通會員的情況下隨時進入流利說APP休閑娛樂吧,那么每天30分鐘學(xué)習(xí)任務(wù)的設(shè)計體驗就成了會員用戶的焦點。
用過流利說·英語APP的用戶都知道,每天的最低學(xué)習(xí)時間是30分鐘,學(xué)習(xí)進度除了用戶自身心理預(yù)期和界面提示外,還通過系統(tǒng)的可見性,在合適的時間、位置再次提醒著用戶。底部標簽欄的學(xué)習(xí)圖標根據(jù)學(xué)習(xí)前、學(xué)習(xí)中、學(xué)習(xí)完成后給予不同的狀態(tài)提示,即使在其他tab主功能頁面,也能讓用戶隨時清楚自己學(xué)習(xí)任務(wù)的完成進度。尼爾森10大可用性原則的“ 系統(tǒng)狀態(tài)的可見性”告訴我們:系統(tǒng)應(yīng)該在適當?shù)臅r間給予合適的反饋,以此讓用戶了解正在發(fā)生的事情,它包括位置可見、數(shù)量可見、狀態(tài)可見,流利說標簽欄的圖標變化正好詮釋了這一點,非常貼心。
「支付寶」掃物識別:為淘寶建立轉(zhuǎn)化通道
1. 產(chǎn)品體驗:
在支付寶首頁頂部的掃一掃功能里,選擇識物,拍取商品的照片,即可從淘寶商品庫篩選出跟照片相同/相似的商品,進入可直接從淘寶渠道完成下單。
2. 設(shè)計思考:
我們對家族產(chǎn)品了解的很多,但對于他們的推廣方式,如果沒有細品,可能還了解它們是如何互通、建議用戶認知、互相拉取流量的。比如:網(wǎng)易紅, 通過統(tǒng)一的品牌色調(diào)融入產(chǎn)品設(shè)計風(fēng)格及圖標繪制表達品牌調(diào)性,提高品牌的可識別性,建立家族品牌的認知;騰訊QQ,早前我們玩過的騰訊游戲以及微信的推出,大部分用戶可能都是從QQ宣傳渠道了解的;還有百度的全家桶、金山的捆綁……。雖然每個家族的多個產(chǎn)品都會通過不同的方式相互推廣,但推廣力度最大的要數(shù)阿里企業(yè)產(chǎn)品的「淘寶」和「支付寶」了。用過淘寶的用戶都知道,訂單支付需要用支付寶,所以支付寶不用特別宣傳就被直接帶動。
支付寶最新版本上線了拍照識物功能,之前我寫過一篇細節(jié)是關(guān)于淘寶的拍照識物功能的,這里就不多說。從支付寶的掃一掃進入選擇“識物”,即可從淘寶商品庫篩選出跟照片相同/相似的商品,直接在支付寶APP里對淘寶的產(chǎn)品下單,正所謂多一種選擇就多一個方便。拍照識物功能,對在淘寶有購物需求要使用此功能的用戶,多提供了一個渠道,還針對不了解淘寶的用戶做了一波宣傳,為淘寶拉取流量,提高轉(zhuǎn)化率,做到了家族企業(yè)血脈相連。
「興業(yè)銀行」查看銀行卡完整卡號
1. 產(chǎn)品體驗:
興業(yè)銀行我的賬戶里面,初始化卡號展示默認隱藏中間段的多個數(shù)字,可通過點擊卡號后面的眼睛圖標,輸入查詢密碼后顯示完整卡號,并有一鍵復(fù)制功能。
在賬戶頁面截圖,會出現(xiàn)toast彈層,確認是否本人操作的警告提示。
2. 設(shè)計思考:
銀行卡作為我們的個人小金庫,相信每個人都有多張在手。在如今的互聯(lián)網(wǎng)時代,不管是線下還是線上,有很多地方要用到銀行卡,而銀行為了個人財產(chǎn)安全,部分銀行并未在APP中提供卡號,以至于我們在要用的時候,因無法記住銀行卡號,導(dǎo)致接下來的需求無法完成。
興業(yè)銀行(及部分其他銀行)APP幫助用戶解決了這一難題。進入賬戶頁面,銀行卡號默認隱藏中間段的多個數(shù)字,可使用查詢密碼查看完整銀行卡號,還提供了一鍵復(fù)制操作,便于用戶在其他地方使用。通過密碼的查詢方式,既能解決賬戶安全問題,又能方便用戶隨時通過線上查詢卡號。
另外系統(tǒng)在賬戶界面檢測到有截圖行為時,會彈出toast安全提示,對這個小彈層,其作用也是眾說紜紜、各抒己見。因為自己截圖,這個toast毫無意義;如果是陌生人截圖,這個提示對賬戶本人也是沒有任何作用,從表面上看確實很雞肋。不過有一點需要說明,其他人進入到賬戶頁面就需要通過手機鎖屏密碼、APP登錄密碼、賬戶安全密碼、銀行查詢密碼(查看完整卡號),突破層層密碼防護才行,所以能達到這種條件的不是“情人”就是“基友”,對于賬戶本人基本上不用擔心財產(chǎn)問題,所以我個人認為這個toast提示是給其他人看的,只不過用心理暗示告訴對方請謹慎操作(這是我的賬戶,涉及財產(chǎn)問題,你不要瞎搞)。
「淘寶」加入購物車:清晰感知反饋狀態(tài)
1. 產(chǎn)品體驗:
使用淘寶把喜歡的商品添加到購物車時,會在屏幕中間出現(xiàn)短暫的彈窗提示,告知用戶已添加成功。
2. 設(shè)計思考:
說起購物車,簡直比自家的床還要了解,尤其是“剁手節(jié)”的將近,大家都會瘋狂的買買買,裝了一車又一車,然后坐等節(jié)日到來。雖然每個用戶都會使用購物車,不知道大家有沒有留意,哪種添加到購物車的反饋方式最友好,最符合用戶的心理預(yù)期呢?
淘寶加入購物車成功時的反饋相對來說是更符合用戶心理預(yù)期的,成功添加之后,屏幕中間會出現(xiàn)“添加成功,在購物車等親~”toast彈窗提示。我們用過的很多其他電商類型的APP,加入購物車都是直接在購物車圖標上通過數(shù)字變化反饋。而淘寶的則是通過彈窗提示,這并非僅僅只是做差異化,在屏幕中心提示,占據(jù)有利地形,可以讓用戶更清晰的感知到當前的交互狀態(tài),比起數(shù)字變化類型的反饋更加明顯,記憶更清晰,以便于用戶在短時間內(nèi)進行下一步?jīng)Q策。
「微信」青少年模式的作用
1. 產(chǎn)品體驗:
在微信的設(shè)置頁面,通過登錄密碼開啟青少年模式,設(shè)置成功后可修改大部分的功能訪問權(quán)限,能夠有效避免青少年以學(xué)習(xí)為由沉浸在網(wǎng)絡(luò)世界里。
2. 設(shè)計思考:
網(wǎng)絡(luò)帶給青少年的益處毋庸置疑,但是青少年沉迷網(wǎng)絡(luò)的問題也應(yīng)當引起廣泛的關(guān)注。之前QQ就出過青少年模式,不過起到的作用是微乎其微,因為大部分老人和孩子都只知微信而不知QQ,依然會頻繁出現(xiàn)孩子以學(xué)習(xí)為由在微信上嗨聊、刷視頻、看新聞、買了不知情商品的情況,更有甚者直接在“吃雞、王者”里花著父母的血汗錢去買皮膚,讓很多家長苦不堪言。
微信新版本上線青少年模式功能,通過登錄密碼驗證后開啟,使微信小游戲、小程序、視頻號、公眾號、搜一搜等很多功能會受到一些保護限制,家長也可根據(jù)情況設(shè)置允許訪問的范圍。其實,任何功能都沒有絕對性的,就比如上文所說,孩子玩游戲充錢買皮膚的事,家長也有不可推卸的責(zé)任,沒有手機解鎖密碼和微信的支付密碼,是不可能充值成功的,所以密碼的安全性也需要做好安全防護,只有在家長的嚴格監(jiān)督和輔助下,微信青少模式才能起到它應(yīng)有的作用。
「百度網(wǎng)盤」取消會員-善意的提醒暗藏轉(zhuǎn)化
1. 產(chǎn)品體驗:
在取消百度網(wǎng)盤超級會員時,會使用彈窗對用戶做出挽留,告知取消會員后造成的后果,需慎重思考,并弱化用戶主操作的行為召喚按鈕,讓用戶放棄取消會員的想法或通過操作失誤而終止用戶的行動。
2. 設(shè)計思考:
每個產(chǎn)品都是基于以用戶轉(zhuǎn)化為目標的,尤其是付費類型的增值業(yè)務(wù),每一個用戶的轉(zhuǎn)化都來之不易,如果用戶離開,可能是永久性質(zhì)的。當產(chǎn)品檢測到用戶有離開行為時,需要及時通過適當?shù)墓膭罨驙I銷手段在用戶離開之前作出適當?shù)耐炝?,避免用戶轉(zhuǎn)投他處。
百度網(wǎng)盤在取消超級會員時,就通過彈窗來挽留用戶。在彈窗中,羅列了部分對用戶非常重要的功能,先以文案手段作出警告,提醒用戶取消會員后可能帶來的影響、后果;然后圍繞產(chǎn)品的功能亮點進行展示說明,以此證明產(chǎn)品或內(nèi)容的質(zhì)量與真實性,讓用戶產(chǎn)生焦慮感, 強調(diào)取消會員的后果,喚醒用戶的「警惕意識」,且能帶來一定的驅(qū)動力;最后將主/次行為召喚按鈕位置對調(diào),通過視覺上的設(shè)計手段、障眼法阻止用戶‘溜走’,來達到留存,降低用戶的流失率。
「keep」跑步-屏幕常亮減少操作頻率
1. 產(chǎn)品體驗:
使用keep跑步時,因給自己設(shè)有心理目標,會經(jīng)常查看跑步用時及里程。在跑步設(shè)置里開啟屏幕常亮,可避免因息屏鎖定而需要解鎖的麻煩操作,方便隨時瀏覽運動數(shù)據(jù)。
2. 設(shè)計思考:
身體是革命的本錢,現(xiàn)一代的年輕用戶群體在緊湊的生活、工作的雙重壓力下,很多都會通過運動減壓。基于金錢和時間成本的考慮,不一定會去健身房,那么運動軟件里的跑步就成了首選,如果不給自己定下跑步目標就很難堅持下去,有了目標后,手機屏幕上的數(shù)據(jù)就成了堅持跑步的關(guān)鍵。
在跑步時,用戶需要經(jīng)常查看跑步的時長以及里程,因手機自動息屏鎖定的情況,需要解鎖方能看到數(shù)據(jù),特別是有強迫癥的用戶可能會邊跑邊操作,非常麻煩,若果手機配置較差,鎖屏后還有可能自動結(jié)束應(yīng)用進程,真是苦不堪言,嚴重的話還會導(dǎo)致用戶失去跑步的動力,而運動APP也直接被雪藏。
使用keep跑步時,這個問題迎刃而解。在跑步設(shè)置里開啟屏幕常亮功能,就可避免因息屏鎖定而需要解鎖的麻煩操作,方便用戶在跑步的過程中隨時瀏覽運動數(shù)據(jù),非常方便。
結(jié)語
設(shè)計師需要養(yǎng)成體驗產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細節(jié)記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結(jié)能力,也為日后輸出優(yōu)秀的作品當鋪墊,對自己的能力提升以及未來的職業(yè)發(fā)展帶來便利。
本期產(chǎn)品細節(jié)分享結(jié)束,我們下期再見。
作者微信公眾號:「能量眼球」
全站高品質(zhì)素材免費下載!