產品細節剖析,讓你看看大廠是如何做設計的(2021-12)

產品始于需求、立于價值、久于體驗,良好的用戶體驗是互聯網產品立于之根本,也是UI設計師、交互設計師所追求的目標之一,需要在用戶目標不清晰以及對應用不理解的情況下,利用設計手段合理、合適的跟用戶對話,并解決用戶的需求,完成應用該有的使命。

至于如何引導、如何設計,大部分往往都是通過產品的細節達到目的。

166.「蜻蜓FM」0元VIP周卡-免費只為收更多的費

1. 產品體驗

新用戶進入蜻蜓FM會員頁面,通過上方醒目的¥0元開通超級會員以及套餐列表中的0元周卡吸引用戶立即開通,走完正常的支付(0元)流程后,即可享受一周的會員服務。會員到期后,系統會按照月卡標準自動扣費。

2. 設計思考

VIP增值服務是一個應用產生盈利的重要板塊,部分產品甚至把所有的收入來源都聚焦在這里。如何讓用戶產生花錢購買增值服務的動機是需要慎重思考的,一不小心、可能因為門檻的原因把用戶拒之門外,用戶可能永遠都不再回來了,所以除了有物超所值服務和特權之外,還得有合理的手段,畢竟到了花錢的階段,誰都不傻。

不管用哪種方式引導用戶購買增值服務,用戶都會花一定的時間思考所提供的服務是否跟對應的價值成正比、是否還有別的優惠、其他同等產品會不會更好等情況,這時的心理防線最為脆弱,或許一點點正面或負面的信息出現,都可能讓用戶立即做出兩種完全相反的決策。

蜻蜓FM在會員套餐中增加了0元周卡,走完付費(無需付費)流程后,便可享受VIP所有特權和服務,這種做法明顯是利用用戶損失厭惡的心理來促進轉化。

用戶購買之前,頁面上方醒目的“¥0”足夠引起用戶的注意,同時套餐中的0元周卡會讓大部分用戶毫不猶豫的去開通VIP,畢竟“白嫖”誰不喜歡?就算在使用之后有部分不滿意,自己也毫無損失,也是基于大眾用戶心理:免費的東西拿了是應該的,不拿就是自己的損失,比如那個…砍一刀0元帶走…什么的就這么個套路。

用戶購買之后,在一星期之內可享受所有特權和服務,如果有心的話,就有足夠的時間來了解所有增值服務內容,減少周卡到期后用戶續費的決策時間和心理防備,因之前開通周卡時已走完支付流程,用戶只要在自己心里“點頭”就能無需任何操作進行接下來的自動續費,有效避免用戶在真實的續費操作過程中打“退堂鼓”。

另外用戶在使用VIP服務一段時間后,對于突如其來的中斷會很厭惡、煩惱,讓其有一種取消就會損失很嚴重的“錯覺”,促使用戶繼續使用,以此提高轉化。

(PS:暗雷,因之前在免費開通周卡服務時,同時也開通了自動按月付費流程,會有小部分用戶忘記取消或在到期后取消,系統都會正常扣費,這一個月你是注定要熬的……)

167.「網易云音樂」卡帶模式-永遠的經典

1. 產品體驗

網易云音樂的歌曲播放頁面,在延展功能菜單中,點擊切換卡帶模式,即可變成橫屏復古的磁帶效果。

2. 設計思考

有人說“情歌還是老的好”,雖然隨時都有新歌出現,但每個愛好音樂的人都有著自己的執著。

音樂不僅是娛樂、愛好和態度,更是一種情懷,許多80、90后都會有那么幾首最愛的老歌,也會視為永遠的經典,比如去KTV的時候,開始一定不是新歌,而是唱自己最拿手那一首。經典、情懷、念舊是一部分人揮之不去的回憶。

在網易云音樂播放頁面的延展功能中切換卡帶模式,橫屏磁帶出現的那一剎那,仿佛時光倒流,滿滿的回憶殺,這也是繼“尸骨未寒”的蝦米音樂離開之后,復古的磁帶效果再一次出現,經典的力量體現著部分人對音樂的態度,通過突出的復古磁帶效果,給用戶帶來美好的回憶,能讓產品獲得更多的認可與信任。

168.「淘寶」新增地址-簡單的交互讓操作更高效

1. 產品體驗

在淘寶新增收貨地址,點擊收貨人輸入框時,會自動彈出姓名+電話歷史記錄,點擊可自動錄入對應的輸入框。

2. 設計思考

關于收貨地址,想必用戶和設計師們是無比熟悉了,它是用戶下單成功之前必須要完善的功能,通常一個用戶有三五個收貨地址再正常不過,有必要的話,還會修改現有的地址或新增地址。

新增地址時,需要輸入姓名、電話、地址等一套常規信息錄入流程,看來似乎沒有什么不妥,但本著提供更好的使用體驗為目的,設計師們可以從行為預判、操作效率、狀態認知等多方面進行分析,必定能設計出更為便捷新增地址流程。

在淘寶新增地址時,點擊姓名輸入框,會自動彈出姓名+電話的歷史記錄,以便用戶通過選擇快速完成信息的輸入,對于需要在家、公司或租房處新增地址的用戶,免去了部分信息的重復輸入,節省時間成本。

給用戶新增一個簡單的交互,就可以減少時間和不必要的重復步驟,讓操作流程變的更高效,以此增加產品的易用性。

169.「網易蝸牛讀書」免費時長-解決用戶所顧慮的“缺斤少兩”

1. 產品體驗

使用網易蝸牛讀書,每日有60分鐘的免費閱讀時間,在閱讀過程中,如果查看/參與話題、評論,此階段是不計入閱讀時間的,待回到正常閱讀狀態后再次接著計時。

2. 設計思考

眾所周知,免費的東西不拿白不拿,合理的“白嫖”從來都沒覺得不體面,畢竟在網絡發達的時代,總是有層出不窮的套路身不由己,能省就省吧。雖然很多用戶都會不經思索的大肆揮霍著免費得到的東西,但終會有部分人格外珍惜,有意去避免任何不必要的浪費。

網易蝸牛讀書為用戶每天提供60分鐘的免費閱讀時間,但大家都知道,看書不是只為看書,而是要記住書中的知識或奇聞趣事,期間就免不了在評論發表自己的看法、了解別人的意見等,做閱讀之外的事情,其中必定會花費不少時間,那么60分鐘的免費閱讀時間就會大打折扣。

產品團隊似乎早就看破了用戶的這層顧慮,在閱讀過程中如有出現評論、參與話題、查看注釋等操作,則計時停止,待再次閱讀書本內容時接著計時,用戶絲毫不必擔心閱讀過程中的“小插曲”會占用免費閱讀時間,這一貼心的產品細節可謂是十分友好,非常貼心且人性化。

170.「iPhone」關機-操作流程為什么這么繁瑣?

1. 產品體驗

iPhone的關機操作需要同時按下音量+鍵和電源鍵,觸發區域置于設備的最頂部且通過長距離的滑動才能完成關機操作,需花費更多的時間,及較高的操作難度。

2. 設計思考

人言“iPhone的設計是魔鬼”,這句話一點都不假。之前在網上看到一個帖子,iPhone X發布的當天,一位女士購買后恰好趕上出差,起飛前,空姐對女士說:飛機就要起飛了,請關閉電子設備。

女士拿著新買的iPhone X無奈地說了一句:我不會關機,你幫我關一下吧。空姐接過來手機擺弄了半天,最后無奈地說了一句:我也不會,要不開飛行模式吧…試想大部分的安卓手機一個電源鍵就能搞定,那么把號稱最易用的iPhone改成這樣,良心不會痛嗎?可事實并非如此。

早前的手機,不管是取下電池充電、手機卡頓,還是裝卸SIM、內存卡,第一件事是關機,關機鍵還屬于較為頻繁的操作,只需長按電源鍵即可,偶爾還會因為誤操作或放在口袋擠壓的緣故關機了。

而如今智能時代下,手機在一個月都不關機的情況也是存在的,隨著操作頻率的降低,其重要性、權重也會隨之下降。

iPhone將關機的操作難度加大,其首要作用就是避免誤操作,試想,在我們的日常生活中使用手機時,一個特別不常用的功能沒必要做的那么方便、且還有可能因意外情況導致失誤關機,在增加關機難度之后,無論怎樣的失誤都很難同時長按音量鍵和電源鍵并滑動關機,大大降低了失誤關機的可能性;其次,因iOS系統的流暢性,很少因為卡頓進行開關機操作(個別除外),除此之外,好像沒有特別的原因去觸發。

關機意味著會結束所有應用進程、無法進行任何通訊,也在風險操作之列,另外長按音量+鍵、以及在離手指最遠、最不易操作的位置(與費茨定律相反)進行關機,則延長了操作時間,給予用戶足夠的時間思考是否確定進行下一步決策,若中途反悔,停止操作即可,不至于因操作太快而等待再次開機。

(PS:并非個人吹捧iPhone,因為站在設計師的角度,有一個不可否認常態:大部分中小型公司,只需按照ISO規范設計一套UI,即可適配iOS、Android所有機型;大部分中大型公司,在你入職之前已經備好了一臺Mac…)

171.「嗶哩嗶哩」一鍵三連-一次性“釋放”到底

1. 產品體驗

在嗶哩嗶哩視頻播放頁長按點贊,即可自動完成點贊、投幣、收藏三種操作,也被稱為B站的“一鍵三連”。

2. 設計思考

B站因其與眾不同特點,成為了國內領先的年輕人文化社區,比如:除版權方要求外,任何視頻都無廣告,達到秒開;每個人都能找到自己想要的東西;內部氛圍和諧,用戶集中在中高等教育人群;嚴格審核,UP小管家監管等,平時沒事就泡在B站,沉積在自己的世界,當看到自己喜歡的東西,點贊、投幣、收藏、轉發功能就成了極高頻率的操作。

B站為了更方便用戶操作,上線了“一鍵三連”,即長按點贊可同時完成點贊、投幣、收藏,簡化了原本操作3次的步驟,一定程度上也提高了用戶打賞的幾率。

另外一個視頻得到的三連越多,代表越多人喜歡這個視頻以及奉獻自己的金幣,也會值得后來者推薦給更多的朋友,準確的說,平臺也是為了造就更高質量(有水分)的視頻來留著自己的用戶以及吸引更多的新用戶使用的手段。

(PS:一鍵三連也一度被稱為“素質三連”,如果用戶對該視頻較喜歡,單獨操作三次會增加操作成本,完成度則會大打折扣,一鍵三連則會簡單很多,反正喜歡,何不一次性“釋放”到底?其中不乏一些感情用事、為了純粹好玩的用戶會跟風一鍵三連,流氓行為……)

172.「釘釘」搜索-便捷的“萬能入口”

1. 產品體驗

在釘釘的搜索功能中,輸入關鍵詞,即可查看與該關鍵相關的所有功能/內容,如聯系人、群組、聊天記錄…等一系列相關信息,并做了明確的標簽分類。

2. 設計思考

釘釘常用于我們的工作中,它將我們在工作中需要使用的功能轉移到線上并集合于一體,比如溝通交流、文件傳送、上/下班打卡、工資條、各種審批等,帶來了極大的方便,但也因隨著功能越來越多,造成信息量過大、路徑較深的情況,導致尋找某個功能或與某用戶相關的信息需要花費較多的時間。

釘釘將搜索功能的范圍放大至全局,小到搜索功能入口、大到搜索跟用戶相關的所信息,將想要內容通過搜索隨時盡收眼底,可稱得上是“萬能入口”了,省時且高效,解決了用戶因尋找功能入口、用戶信息要花費較大時間成本的苦惱問題,縮短操作路徑,給用戶帶來更便捷的使用體驗。

173.「豆瓣」實驗室-為功能正式上線提供先驅

1. 產品體驗

在豆瓣APP部分未上線的功能會優先發布在系統設置的實驗室中,以便用戶提前體驗及反饋建議,團隊會采納合理的建議進行優化,待功能正式上線后,會在實驗室對該功能貼上“已畢業”的標簽并停止使用。

2. 設計思考

互聯網智能時代,每個人的手機中都應該裝有三五十個APP,大半都是一線互聯網公司所開發的應用。

在使用過程中,每個禮拜更新數十個應用也不稀奇,其中不乏有迭代、優化、新功能以及解決遺留問題,甚至還有上線不到一天的功能又通過強制更新給砍掉了,其中的彎彎繞繞是產品團隊不想看到的,但用戶的不買賬不得不重新審視。

在豆瓣APP的實驗室,部分未正式上線的功能在這里展示,用戶可從此處進入優先體驗,如遇到使用中的問題或有好的想法可進行反饋建議,便于產品團隊搜集體驗數據,合理的進行優化,有效提升正式上線后的用戶體驗,減少突發問題的發生,為功能上線后的穩定性提供有力的保障。待功能正式上線后,此入口也隨之關閉。

174.「ETC車寶」開啟系統通知-時刻在引起你的注意

1. 產品體驗

首次進入ETC車寶,如果沒有開啟系統通知,后續進入消息頁面后,開啟系統通知提示將長期置于消息頁面頂部,關閉提示后暫時不顯示,若結束應用進程之后,再次進入消息頁面會再次置頂提示。

2. 設計思考

我們在下載APP后,首次進入都會收到一堆彈窗,比如訪問網絡、位置、開啟通知等權限。用戶是否會開通系統通知,一般只會把需求較為明確的應用開啟,例如QQ、微信、手機銀行及釘釘等常用或重量級的APP,其他的都是視情況而定,因為開啟一堆通知,手機滴滴響個不停也是挺煩人的。

是否開啟通知權限,自由選擇是用戶該有的權利,所以產品只能在影響最小的情況下時刻提醒用戶、并提供快捷通道促使用戶主動開啟。

進入ETC車寶,如果未開啟系統通知,消息頁面會有開啟通知的提示長期置于內容頂部,如若手動關閉,下次進入還會顯示,直至開啟為止。這么做表面上會影響用體驗,甚至會造成小部分用戶流失,但站在產品、運營、業務的角度,想提高用戶的使用頻率、讓用戶第一時間知道活動/上新等,最簡單的辦法就是推送,如果某個東西能吸引到用戶,推送出去,用戶只要打開就達到目的了。

有很多時候可能沒有兩全其美的辦法,只能通過分析平衡利弊,合理的做出取舍,長期置頂的開啟通知提示便是利弊均沾。

175.「高德地圖」打車-一方下單 八方支援

1. 產品體驗

使用高德打車,設定好起點/終點,可同時在多個平臺叫車和選擇多種車型,最終以優先搶單的平臺、車型為準。

2. 設計思考

在打車生涯中,給我印象最深的一次是兩年前的深圳火車站,晚上11左右還下著小雨,用滴滴打車下單準備回住處,等了40多分鐘無司機接單,且沒有出租車經過,最后坐了一輛私家車才得以解決。

時至今日,雖然有幾十家打車平臺誕生,但誰也不敢保證使用其中一個平臺能在任何時間叫到車,偶爾使用兩三個打車平臺同時下單也不稀奇,一旦需要趕時間,在等待的過程中真的是煎熬,甚至連部分優惠券也變的無用。

高德打車提供了一個很具特色的一站式出行服務,平臺接入了十幾個當下較為主流的打車平臺,方便給用戶多個選擇,相比其他平臺不同的是,高德無需招攬管理車輛和司機,而是讓其他平臺進駐,就像開了一個“賣家店鋪”,活生生整出一個打車版的天貓、餓了么。

對用戶來說,通過一次下單,既能做到貨比三家,還能更快叫到車輛以及共享優惠,相比以前手機同時安裝多個APP、叫不到車時多方下單要方便多了,萬一同時被多方接單,取消任何一方都有可能承擔違約責任。高德打車能有效防止單個平臺很難打到車的情況,解決了用戶在打車過程中一個很實際的痛點,為潛在的不良體驗提供了不錯的解決方案。

  • 用其他平臺打車需要排隊,前面還有幾十人的時候…
  • 趕時間去火車站、機場的時候…
  • 接人可能會遲到的時候…
  • 三更半夜,很難打到車的時候…

不妨使用高德打車,一次性勾選幾十個網約車平臺和多種車型,可能瞬間就有司機接單了。

176.「蜻蜓FM」聯合會員-產品組合策略制造物超所值的錯覺

1. 產品體驗

在蜻蜓FM的超級會員頁面,除了有常規的會員套餐外,還可以選擇系統提供的聯合會員,支付成功后,實現VIP多應用使用。

2. 設計思考

一說起付費,大部分人都避而遠之,沒有誰會跟自己的錢過不去,除非是剛需或者有足夠吸引用戶的特權服務。對于一款真正好的產品,付費理所當然,但實在有太多的產品并不值得為之付費,這也給消費者一種感覺,在眾多付費應用中,真正好用的并不過半。如何讓用戶付費購買增值服務或心甘情愿的續費變成了企業很頭痛的問題。

蜻蜓FM在會員功能中開辟了聯合會員版塊,與多個不同的平臺組合,讓用戶花一份錢即可享受多個應用的VIP服務,一會員多用,相比開通單個VIP更具誘惑力,通過多應用疊加的方式讓用戶感受到與眾不同,以明確的價值告知以達到吸引用戶、引導用戶感性消費為目的,制造出物超所值的錯覺。

177.「每日優鮮」確認下單-換購優惠促使更多轉化

1. 產品體驗

在每日優鮮選好商品后,去結算時,會彈出部分換購商品,其價格都會在原價之上給予一定的折扣優惠,一鍵加購之后即可合并支付。

2. 設計思考

對于電商產品的促銷手段,都已經見怪不怪了,所謂的一元購、免費送、第二件半價等,不管使用何種手段,其都需要讓消費者清楚這個產品的價值所在,看誰能抓住用戶的心理,否則在公開透明的套路之下,用戶并不買賬。

每日優鮮在用戶去結算時,自動彈出部分換購商品,其在原價之上都有一定的價格優惠,其目的是讓用戶明白只有購買了主產品才能享受這個特權的錯覺,那么用戶可能就會考慮是否要珍惜這次機會,如碰到后續可能想買的商品,這時一定會加強其加購欲望,促使下單轉化,大家都清楚,用戶一旦離開,很可能轉投其他平臺。

從人性角度來看,用戶對于免費的東西不會太在意,不要白不要,如果用不上,要了再扔掉也是有可能,回頭來可能還會給差評。

花了錢的東西才知道珍惜,換購優惠本是在消費行為中發生的,因用戶的主要消費行為已經定局,接下來的換購是針對之前的消費行為的一個獎勵,是福利機會,換購的優惠往往會給用戶制造出意外驚喜,這樣一來會對這一次消費的滿意度更高,那么復購率自然會隨之提升。

178.「豌豆公主」加入購物車-貼合操作需求邏輯的動效

1. 產品體驗

在豌豆公主的商品詳情頁,加入購物車時,設計了商品主圖跳入購物車的動效,非常清晰的視覺反饋。

2. 設計思考

動效在UI設計中的運用已經逐步熟練,有時候看似花哨的UI概念動效,并不只是為了耍酷而存在,在靜態頁面合理的加上一個動效,能增強產品的趣味性和親和力。在購物類型的APP中,加入購物車通常會用文字在屏幕中心、底部toast小窗提示,或者以數字動效傳達加入購物車成功之后的視覺反饋。

豌豆公主APP里的商品加入購物車時,會出現商品主圖跳入購物車的動效,相比toas純文本提示更能表達所操作的含義,體現操作之后的反饋過程,表意更清晰。此動效設計貼合了整個過程的概念,反饋后的短暫等待也不會變的那么枯燥,交互過程自然且符合用戶需求邏輯,以此帶來更好的視覺體驗。

179.「淘寶」搖一搖-隱藏的交互設計有何妙用?

1. 產品體驗

進入淘寶首頁搖一搖,會彈出搖一搖小貼士入口,進入可查看在不同頁面、場景下搖一搖所對應的功能反饋,科普搖一搖的妙用。

2. 設計思考

搖一搖算是微信的老牌功能,說到它,基本上人人都知曉,尤其是利用它引過粉的人,人們都說喜歡用搖一搖的人大概是內心有點孤獨,又渴望與這個世界有交集吧。隨著時間的推移,使用搖一搖的人越來越少,或許就慢慢的退出了歷史舞臺,但它作為人人熟知的功能,依然在部分APP中作為一個隱藏功能的存在。

在淘寶首頁搖一搖,如無匹配到附近的優惠活動或可互動的電視節目,會利用搖一搖小貼士科普搖一搖的妙用,方便用戶在合理的場景中使用。雖然目前各應用都在弱化搖一搖,但依然可在特殊場景發揮其重要的作用。作為隱藏功能的存在,既不占用空間資源、也不影響用戶使用其他功能,希望大家盡量去發現吧。

180.「快手」私密收藏-洞察人心的快捷入口

1. 產品體驗

在快手的收藏頁面,視頻下方固定提示作品是否為公開狀態,以及提供快捷入口方便用戶隨時進入隱私設置將收藏的作品公開/隱藏。

2. 設計思考

裝上抖音快手這些短視頻軟件,就能讓很多用戶全然不知時間的流逝,玩到忘情所以、看到眼睛發酸。

先不說那些搞笑段子或真正有幫助的視頻,其對于很多喜好做夢的男性來說,看著一堆節省布料、搔首弄姿的舞蹈幾乎挪不開眼,偶爾還會還會收藏幾個比較特別的日后細品,但是收藏的視頻一不小心就會被扒開謙謙君子的人設,成家的人更不用多說,要是被那位知道,就先準備好榴蓮吧。

快手似乎早就看出了這類用戶的難言之隱,用戶可在隱私設置中決定是否公開自己的收藏夾,且在收藏視頻的下方長期提示當前作品的隱私狀態并提供快捷入口,方便用戶隨時根據自己的實際情況快速進行設置,節省了原本需要進入隱私設置的操作過程,節約大量的時間,避免了多余的重復操作,考慮周全且人性化。

PS:文中并無任何男/女、職業歧視或批斗,實乃社會常態,當我們看不錯的視頻,不管是樹立自己的人設,還是內容真心有趣,都有想要分享的欲望。試想,部分拿著別人的作品收藏還要加鎖,那么到時是為什么呢……

結語

設計師需要養成體驗產品的好習慣并將優秀的產品細節記錄下來,加強自己的記憶,不僅能提升自己的語言組織和總結能力,也為日后輸出優秀的作品當鋪墊,對自己的能力提升以及未來的職業發展帶來便利。

本期產品設計細節分享結束,我們下期再見。

#專欄作家#

大漠飛鷹;公眾號:能量眼球,人人都是產品經理專欄作家。致力于產品需求的驅動、產品體驗的挖掘,利用設計的手段為受眾用戶帶來更好的體驗,即好看、好用。

本文原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協議

文章若有侵權請來信告知:品牌行銷策略,產品行銷與設計,各類型行銷推廣案例分享-品牌行銷點點讚 » 產品細節剖析,讓你看看大廠是如何做設計的(2021-12)