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

編輯導語:一款好的產品除了功能過硬之外,還需要讓用戶在使用的時候感受到舒適,提升用戶的體驗感。而這些,往往體現在產品設計的小細節中。很多時候,我們喜歡一款產品,卻說不上來哪里打動了我們,其實被我們忽略掉的就是那些能夠提升產品體驗的小細節。

查爾斯·狄更斯在他的作品「 一年到頭 」中寫道:“有人曾經被問到這樣一個問題:什么是天才?他回答說:天才就是注意細節的人。”對設計師來說:“細節是頭等大事”,那些優秀的設計師并非都有極高的天賦,只是在做設計時候多思考了一下細節而已,所謂細節決定成敗。

181.「QQ」表情包-長按“彈射”的新玩法

1. 產品體驗

在QQ最近版本中,長按表情包會出現一堆表情彈射的炫酷霸屏動效,并配有數量提示,松開手指即發送成功。如若在彈射過程中后悔了,可拉到底部的垃圾桶中,彈射結束并取消發送。

2. 設計思考

社交是指人與人之間的交往,在我們進行社交的同時,可以通過社交提升自己的人格魅力,但社交應用已從最開始的“用”逐漸融入了“玩、樂”的屬性,其自然少不了趣味化的設計。QQ 用戶群體較年輕,而且社交群體多樣化,強調溝通的同時還突出了“樂”的重要性,年輕人愛玩,在當下好像沒有什么毛病。

QQ最新版本增加了表情彈射玩法,彈射?有沒有一聽就很刺激的感覺。

在聊天過程中,選中并長按 QQ表情,再上滑到指定位置,小表情就會噴射出去并變成大表情包,根據長按的時間拉長,彈射出的表情就會越來越多,震撼的霸屏效果以彰顯表情包的趣味性。而接受表情的一方則比發送的人感受更強烈,不僅整個屏幕畫面左右晃動,手機也會瘋狂震動,為聊天過程增加趣味性和互動性,帶來更好的社交體驗。

(功能本身雖沒有問題,合理的使用固然有趣,但長期無理的過度使用會暴露出人性的很多缺點,則就成了干擾。事在人為,所以任何時候都需要把握一個度,適可而止)

182.「支付寶」搜索“急”-為出行準備的功能集合

1. 產品體驗

在支付寶搜索“急”,結果頁首先出現的是應急指南,列表除了展示出行最常用的幾個功能之外,進入延展頁,能看到更多跟出行相關的功能。

2. 設計思考

支付寶的搜索功能里一直隱藏著部分彩蛋,之前情人節上線了搜索“在嗎”以匹配愛情歌曲來傳達內心的感情,直接被刷屏甚至被推上熱搜,這不,五一勞動節更新的版本里,在搜索中又增加了一個彩蛋。

在支付寶搜索“急”,結果頁除了與關鍵詞相關的功能外,其第一條搜索結果則是應急指南,直接設計了一個出行相關功能的集合,為出行需要使用相關功能的用戶帶來更便捷的體驗,優化路徑、高速直達,減少了用戶因使用不同功能需要頻繁單獨尋找入口的操作。

不得不說,支付寶很善于契合用戶使用場景和把控當下媒介,便于保持用戶在不同的場景、時間下隨時都有最佳的使用體驗。

183.「抖音」求更新-增添更多新鮮感和互動性

1. 產品體驗

為了表達對抖音博主作品的認可和喜歡,可在該博主個人中心頁面右上角點擊“求更新”來提醒盡快更新作品。

2. 設計思考

很多人在閑暇時間里都在刷著抖音,其中不乏一些非常有意思的博主,關注之后,時不時就會進去看看最新發布的短視頻,有時候正看的起勁,突然發現沒有了,要等下一期也不知何時,是否有種很無奈的感覺。

在抖音,如若關注的博主更新較慢或一直沒有更新的話,可在其個人中心頁面右上角點擊求更新按鈕,該博主就會收到系統的推送消息,讓其明白大家非常期待,待看到后或有可能加快更新。

這是一個挺不錯的催更提醒,還能讓粉絲更文明禮貌的與博主互動。相比以前的私信提醒,更加方便快捷,為其帶來更多新鮮感和互動性。

184.「自如」合租-提供合租人信息以供新租客選擇性租住

1. 產品體驗

在自如找合租戶型時,可在對應戶型的詳情頁“房屋信息”處瀏覽當前合租人對應性別、職業、星座等信息,可根據自己想要(不反感)的類型確定選擇性租住。

2. 設計思考

在外打拼的年輕人,其租房就是很大一筆開銷,所以很多人第一時間就想到了合租。

因合租引發的安全問題有很多,如盜搶、騷擾、猥褻(qiangjian)等,尤其是針對女租客,所以導致部分女租客在租住前都會找熟人一起,實在沒轍就只能想辦法提前了解租客信息,比如提出性別、職業等條件要求,但中介公司又不是自家開的,想要了解是何其之難啊。

在自如尋找合租戶型時,戶型詳情頁提供了當前租客的基本信息,其目的是為了方便用戶在租住之前就能了解租客部分信息,以根據自己的心理預期選擇性租住,提升安全保障,同時平臺還能通過此種方式打消用戶出于對安全方面的顧慮和猶豫不決,促使用戶快速決策以提升轉化率。

(PS:心理學方面的租客確實可以從合租人的性別、職業、星座來判斷一個人的性格,然后選擇符合自己心理預期的人合租以提升安全保障。

這么說似乎有些浮夸,但事無巨細,任何有可能提高安全方面的功能都值得推崇,哪怕只是1%。就像滴滴線上報警按鈕,等110趕到都已經出事了,但從另一方面想,信息的公開可能會讓犯罪份子的不法行為多少有些收斂)

185.「優酷」一鍵彈幕-降低看片互動交流的難度

1. 產品體驗

用優酷看片時,在打開彈幕的情況下,系統會根據視頻劇情內容提供部分用戶可能想說的話,以便快捷發彈幕。

2. 設計思考

有人問,看視頻喜歡彈幕的人是一種什么心理?其實這已經由以前的擺脫孤獨(被動)升級為現在的調侃/惡搞(主動)動機。

在視頻的播放過程中,比如劇透后面的相關劇情、或所謂的“高能預警”暗示即將出現的精彩/恐怖內容等。但也會因影片文化、地域差異出現一些無法理解或者難以發現的細節,想發彈幕卻不知如何描述,無疑增加了彈幕編輯的難度。

在優酷APP看片過程中準備發彈幕時,系統會提供部分跟劇情相關的彈幕內容,用戶點擊發彈幕即可,省去了內容編輯的過程,降低看片時彈幕互動的難度,一鍵發送、非常方便,間接的增加用戶交流互動的頻率,提升用戶使用體驗以增加產品跟用戶之間的粘性。

186.「丁香醫生」下拉刷新-科普健康小知識表達關愛之意

1. 產品體驗

在丁香醫生APP下拉加載的過程中,等待刷新完成的空檔期,頂部空白區域會分享健康小知識,且每次都不同。

2. 設計思考

當我們在APP中遇到網絡不好時、對精選的內容不滿意需要更換時,都會進行頁面刷新,而頁面(后臺傳輸數據)下拉無疑是最快的一種刷新方式了。設計師需要做好在刷新的過程中如何留住用戶繼續等待,避免用戶焦躁的情緒等預防措施,如果將加載的空檔期運用好了,可能會有意想不到的收獲。

丁香醫生APP頁面下拉刷新時,在加載過程中,通過宣傳健康小知識來表達對用戶的關愛,其融入的情感化設計以實現與用戶情感層次的交流。貼心的設計細節既能避免在刷新等待的過程中可能出現的焦慮感,還能時刻讓用戶感受到產品的溫度,快速拉近用戶與產品之間的距離。

187.「微信」增加操作難度-能及時止損

1. 產品體驗

在編輯微信朋友圈內容時,長按圖片后可拖到底部移除,與之前原地刪除相比,增加了操作的難度。

2. 設計思考

微信朋友圈不僅能承載著我們的生活軌跡,也是讓身邊人知道/了解自己現狀的最快途徑,到了飯點朋友圈先吃、健身打卡只為發個朋友圈、外出旅游朋友圈曬一曬等,發圈頻率可謂是非常之高,操作失誤的次數也會隨之增多。自從刪除朋友圈可再次編輯功能上線后,網友直呼真香,試想連發布后都會發現出錯,那么在編輯過程中存在的失誤可能就更多了。

大家應該都有印象,以前我們在編輯朋友圈時,想要刪除編輯框中的圖片,長按圖片即可在當前位置操作刪除,非常方便,而現在則需要長按圖片拖到底部才能完成,增加了操作的難度。

表面上看似乎是反其道而行之,其實不然,刪除有風險、操作需謹慎,雖然操作失誤了可以重新再次編輯,但無疑會增加用戶更多的時間成本。

微信編輯朋友圈刪除圖片的做法,是利用增加操作難度來延長刪除完成的時間,給予用戶更多時間做決策思考確定是否刪除或有無誤操作,如中途返回能及時止損,相比之前的誤操作刪除后需要再次從相冊選取圖片要更人性化。

188.「百度網盤」60秒免費高速通道-轉化用戶的利器

1. 產品體驗

使用百度網盤下載文件時,非VIP用戶感受“龜”速下載的同時,在下載頁底部會提供一個免費試用高速下載的服務體驗入口,點擊免費試用即可享受60s的高速下載,倒計時結束后即自動回到“龜”速下載。

2. 設計思考

百度網盤應該是目前用戶體量最大的云存儲工具了,雖然不時就會有“某某某”網盤面世、既免費又超級好用的說法,但在未做到普及前,我們依然會選擇百度網盤,畢竟別人用百度網盤分享給你,你還有得選嗎?

平時,我們將大量的文件存放在百度網盤(尤其是設計師,動輒幾個G、幾十個G的素材包),一旦需要下載使用時,非會員用戶就苦逼了,100kb/s左右的下載速度,等到下載完成,可能都要快“去世”了。

同時,在這個時間檔,如果用戶急用,可能會開通一個月的會員配合網盤內所有文件的下載或直接等待下載完成后卸載軟件,將這次使用定性為最后一次,然后轉投它處,更別說使會員成為忠實用戶了。

使用百度網盤下載時,系統會給非會員用戶提供一個60s的免費VIP體驗服務,到時間后則關閉高速通道,這事看起來多少都有些流氓行為,但對平臺來說,是一個非常不錯的激勵用戶方法,用戶在體驗過高速下載的快感后,基于損失厭惡的心理,對于突然回到“龜”速下載極度不適應,不管是出于頭腦發熱、還是真心想繼續使用高速下載而快速決定開通VIP服務的想法并不重要,因為針對平臺來,用戶購買增值服務的轉化得到了大幅度的提升。如果部分用戶體驗之后還是不會去開通會員,平臺并沒有損失,因為用戶原本就沒有付費的打算。

另外,基于中華傳統美德,大部分人都有互惠心理,當平臺給與一定時間的免費體驗后,也能博得用戶的部分好感(禮尚往來),其更能接受付費的做法,從而在降低心理防備的情況下激勵用戶去開通VIP服務。

(如果用戶下載的文件較小,在免費VIP的時間里足夠下載完成,相比給予“龜”速將用戶擋在VIP大門之外,更能保持其使用粘性,至少用戶不會轉頭就走。)

189.「京東」評價-不同的星級 不一樣的反饋

1. 產品體驗

在京東對訂單評價打星時,如果選擇5星好評,系統會在星星四周增加較為可愛、喜慶的動效,用開心的感覺反饋給用戶。

2. 設計思考

眾所周知,一個商品評價的好壞可能影響著后來消費者的購買決策、店鋪的綜合評分和銷量。當店鋪存在較多差評時,不光商家需要自省、改善,還可能引來平臺的介入,甚至處罰;

反之,不僅店鋪的名聲好,也會贏得平臺的推薦及其他區域的曝光。可以說,用戶評價是平臺作為數據統計、確定店鋪優劣的重要條件之一,評價功能的使用體驗是提高用戶主動作出評價的重要因素。

京東訂單的評價功能,可謂是花了心思,評價對應的星級會反饋不同的結果:

  • 1~3星(不滿意):基本屬于差評或對其中有某些不滿意,系統會彈出較為常見的問題方便用戶選擇性評價,確保評價真實性,用戶無需思考,能在短時間內快速做出決策,節省大量時間及提高評論的概率。還能讓平臺更精準捕捉到問題的類型,方便統計及日后處理;
  • 4星(滿意):對用戶來說,基本上是滿意的,沒有做出特別的反饋;
  • 5星(非常滿意):選擇5星好評時,星星的四周會出現較為喜慶的動效,平臺用非常開心的狀態對用戶的操作做出視覺反饋,融入情感化的設計,豐富互動的趣味性,也為產品設計增添了人情味,讓用戶感受到友好、親切的氛圍,以博得好感,也為用戶日后主動評價做鋪墊。

190.「QQ音樂」不同的網絡環境-暗示基本的使用

1. 產品體驗

在網絡正常的情況下打開QQ音樂,會直接進入到首頁,如遇網絡異常,則直接進入我的頁面。

2. 設計思考

在如今的信息大爆炸時代,最大的功勞應該歸功于網絡的便捷性。雖然網絡已覆蓋至各個邊邊角角,但依然有些地方偶遇網絡失效或極度不穩定。

如:火車進入大山/穿山洞、山下班地鐵的部分地下深處、地下商場的負n層,都會碰到“網荒”,這時候不管手機的應用刷新多少次,反饋給你的可能是無盡等待,基本無法使用。

QQ音樂為了讓用戶遇到“網荒”時還能保持基本的使用,在打開后直接進入到“我的”頁面,可從喜歡、本地或自建的歌單等功能中選擇音樂播放。

平臺這方面的考量是基于用戶不管是收藏喜歡的歌曲、還是自建的歌單,其前置條件是90%的歌曲以前肯定都聽過,否則何來喜歡之說,在聽歌的短暫過程中,系統已進行了緩存,雖然緩存的目的是便于用戶后續免流量播放,但也為網絡失效時能正常聽歌打下了堅實的基礎。

雖然我們都知道無網絡狀態可以聽緩存歌曲,但若無QQ音樂將其直接送至“我的”頁面進行暗示,定然有部分用戶還在首頁一個勁的刷新或直接放棄使用。

QQ音樂對于網絡環境的考量可謂是非常貼心及人性化,從用戶角度出發將體驗做到了極致,只用讓用戶在任何網絡環境下都方便使用,才能體現出產品的更大價值,哪怕只是一個小小的提醒。

191.「釘釘」自動工作狀態-避免不必要的尷尬

1. 產品體驗

在釘釘發起審批通過后,特定時間里,頭像上方的工作狀態會自動更改審批類型及時間,可手動修改其他狀態。

2. 設計思考

釘釘給我們的工作帶來的非常大的便利,尤其是2020疫情肆虐的上半年,大部分工作溝通及事項處理都是通過釘釘進行。

另外釘釘有多種類型的狀態標簽,選中設置,并能長期顯示于頭像下方,方便公司的領導、同事對我們的當前狀態一目了然,但這畢竟是手動設置,如果有時候忘記去更換,自己在無暇顧忌工作的其他狀態中依然可能收到領導的工作安排和同時的協助需求。

釘釘為了方便用戶當前狀態的即使更新,只要是通過線上發起的如請假、出差、會議等審批,待通過后,進入到所申請的時間范圍內,自己的當前工作狀態會自動更新顯示于頭像下方,便于領導隨時知道自己的當前狀態而決定是否安排接下來的工作,避免尷尬的情況出現,也能方便同事在看到自己的狀態后及時的將部分協助工作合理的延后,避免影響團隊工作進度。

(PS:本人親身經驗,在一次請了長假之后,手動將系統自動設置的請假狀態改成了其他,但很多同事并不知道我請假了,頻繁發來各種工作上的事情,當再次恢復到請假狀態后,瞬間清靜了)

192.「豆瓣」“魔戒雨”-趣味化的表達 不經意間的驚喜

1. 產品體驗

在豆瓣APP搜索指環王,會出現一堆魔戒從屏幕緩緩落下,電影入口處會一直漂浮著一個戒指的動效氣泡。

2. 設計思考

很多應用都喜歡設計一些彩蛋,通過用戶在某個不經意間的動作觸發之下,系統給出某種溫馨的反饋,讓用戶感受到應用對自己的理解或關懷,讓整個使用過程更加愉快。

豆瓣APP也在其中設計了很多彩蛋,細心的用戶會發現,在搜索指環王(魔戒再現)時,伴隨著結果內容的出現,有滿屏的“戒指雨”緩緩落下,指環王電影入口處還一直漂浮著一個戒指時刻吸引著用戶,引導用戶點擊操作,利用既有趣又貼合關鍵詞設計概念的彩蛋,通過趣味化的表現方式,不經意間帶給用戶驚喜。

193.「淘寶」提供“高速”通道-解決購物車已滿的問題

1. 產品體驗

淘寶購物車最多只能添加120件商品,達到極限后如再添加,除提示購物車已滿、請先清理的提示外,還會將最早加入購物車的商品以彈窗的形式提供給用戶加購替換,加購成功后,之前的商品移入收藏夾。

2. 設計思考

平時我們在逛購物平臺時,會把自己喜歡、稍微有點感覺的商品加入該平臺購物車,反正也不占內存,待商品有優惠折扣、降價或節日大促銷時在回來確定是否需要購買。

但購物車也不是無限大的,總不至于把平臺所有的商品加個遍吧,當購物車已滿后,就只能先去購物車清理一些不想要商品后再來。

淘寶加入購物車的商品數量達到極限后,再次添加則提供了一個快捷切換入口,系統會通過彈窗將最早加入購物車的商品顯示出來,以供用戶進行加購切換,如果對替換的的商品不滿意,通過“換一個”操作切換購物車的商品即可,加購成功,被替換的閃屏進入收藏夾。

加購切換的快捷彈窗給用戶提供了高速通道,跟用戶進入購物車整理之后再回來加入購物車相比更便捷,操作更高效,通過減少用戶的操作路徑來增加產品的易用性。

194.「安居客」VR看房-更契合線下真實的房型

1. 產品體驗

使用安居客租房時,選擇VR看房,即通過旋轉、縮放360度無死角的預覽戶型,身臨其境的感覺,左上方還提供了3D模型,使其對房屋的整體結構更加了解。

2. 設計思考

當我們有租房需求時,看過幾張房間的圖片后,不管是通過電話還是微信聊的多么細致,可真正走到房間時,與自己想象的總是天差地別,戶型不滿意、空間太小、家具設備不齊全等問題頻頻出現,眼看著就快天黑了、落腳的地方得不到解決,在極度不爽的情況下,“罵罵咧咧”的還是把房子給租下來了,但這也直接讓租客失去了對很多房源/中介的信任度,而警惕心也逐漸提高。

安居客的VR看房,結合房地產應用新興先進技術,為客戶提供一個身臨其境的感受,打破了傳統的看房方式,掃除部分看房障礙,為用戶提供模擬線下看房全流程的線上看房體驗,利用最真實的效果打消用戶的部分顧慮,讓看到的房型與真實效果的契合度更高,提升用戶信任度以達到更大轉化。

195.「支付寶」任務欄模糊-提升安全保障

1. 產品體驗

在結束設備應用進程時,多任務欄中的支付寶頁面會自動變的模糊,以最大程度保護用戶的隱私。

2. 設計思考

大家到知道,支付寶付款非常方便,但別忘了,它還是一款理財軟件,但凡有一點可能存在的安全隱患都被一一拔除,所以至今也未曾聽說有誰的資產通過支付寶被盜取。在安全方面,支付寶根據用戶使用賬戶的環境、偏好、身份、習慣等多種信息都做了綜合分析,可見還是投入了很多心思的。

當手機需要結束任務進程、調出多窗口任務欄時,支付寶的頁面會變得模糊,這是系統為了應對特殊場景對所做的加密處理,對用戶的安全隱私方面做出的保護機制,有效防止泄露用戶的賬戶/財產信息,進一步提升安全保障,自動模糊效果針對用戶隱私可謂是做的非常貼心了。

結語

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

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

#專欄作家#

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

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

題圖來自 Unsplash,基于 CC0 協議

給作者打賞,鼓勵TA抓緊創作!

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