2021-1-18 前端達(dá)人
2021年產(chǎn)品體驗(yàn)日記，小目標(biāo)365節(jié)，第016~030節(jié)。
前言
在互聯(lián)網(wǎng)產(chǎn)品日趨成熟的今天，APP同質(zhì)化越來(lái)越嚴(yán)重，使得設(shè)計(jì)不夠精致、沒(méi)有氣質(zhì)及品牌感。一個(gè)設(shè)計(jì)精致APP不應(yīng)漏過(guò)任何一個(gè)細(xì)節(jié)，美觀、可用和的界面設(shè)計(jì)都需要花費(fèi)大量的時(shí)間從細(xì)節(jié)上去打磨，并從多方面鉆研并創(chuàng)造出打動(dòng)人心的UI/UE設(shè)計(jì)。
2021 | 第02篇分享目錄（016~030）
016.「QQ」手勢(shì)力度決定頁(yè)面展示范圍
017.「高德地圖」地點(diǎn)打卡-未來(lái)回憶曾經(jīng)的足跡
018.「優(yōu)酷」會(huì)員轉(zhuǎn)化-擊潰用戶最后一道心理防線
019.「網(wǎng)易云音樂(lè)」播放中的歌曲快速定位
020.「boss直聘」多個(gè)入口-簡(jiǎn)化二次操作流程
021.「菜鳥(niǎo)」備注-快速找到列表中的包裹
022.「蝦米音樂(lè)」符合產(chǎn)品特性氣質(zhì)的標(biāo)簽欄
023.「QQ音樂(lè)」觸手可及的選擇性MV播放
024.「微信讀書(shū)」提升操作效率的進(jìn)度條控制
025.「嗶哩嗶哩」信條-承包笑點(diǎn)的逆向彈幕
026.「淘寶」應(yīng)對(duì)意外退出的通道
027.「微信」行為預(yù)判-提升操作效率
028.「抖音」搜索-撫慰每一個(gè)被情緒困擾過(guò)的靈魂
029.「京東」送禮物-更是一種神秘和驚喜
030.「叮咚買(mǎi)菜」一頓吃光-減少食材的浪費(fèi)問(wèn)題
016.「QQ」手勢(shì)力度決定頁(yè)面展示范圍
產(chǎn)品體驗(yàn)：
QQ聊天的表情列表版塊，系統(tǒng)會(huì)根據(jù)用戶上滑的力度來(lái)確定表情選擇區(qū)域的大小，力度越大，列表區(qū)域占比就越大，同屏可供選擇的表情就越多。
設(shè)計(jì)思考：
經(jīng)常使用QQ表情包的用戶都知道，其更新頻率非?？臁１热缟鐣?huì)上的最近發(fā)生的大事件、互聯(lián)網(wǎng)當(dāng)前流行的熱詞，甚至在疫情期間，凡是跟疫情相關(guān)的表情包都在不斷變化，從開(kāi)始的安全防護(hù)到后面的線上辦公等，以至于深受廣大用戶的喜愛(ài)。
QQ的表情功能其中還有一個(gè)細(xì)節(jié)，用戶在選擇表情時(shí)，系統(tǒng)根據(jù)向上滑動(dòng)的力度來(lái)確定表情區(qū)域所展示的范圍?；瑒?dòng)的力度較大時(shí)，考慮到用戶可能需要在更多的表情包中選擇的情況，固增大顯示的區(qū)域，便于用戶在同一屏界面中可瀏覽的范圍更大，同屏展示更多的表情包讓用戶在更短的時(shí)間內(nèi)找到自己所需，所見(jiàn)即所得，對(duì)用戶進(jìn)行的定性操作十分友好，從細(xì)節(jié)處理方面提升了用戶體驗(yàn)。
017.「高德地圖」地點(diǎn)打卡-未來(lái)回憶曾經(jīng)的足跡
產(chǎn)品體驗(yàn)：
在高德地圖的足跡功能里，可以對(duì)我們所在的地點(diǎn)進(jìn)行打卡，系統(tǒng)就會(huì)以亮光形式顯示我們?nèi)ミ^(guò)的城市，并留下“???”標(biāo)記，點(diǎn)擊可以查看自己的打卡時(shí)間和具體位置。
設(shè)計(jì)思考：
我們?cè)诟邏旱纳钕录懊β档墓ぷ髦校?jīng)去過(guò)很多地方游玩或者路過(guò)，隨著時(shí)間不斷的流逝，這些都成了模糊的記憶。當(dāng)有一天靜下心來(lái)細(xì)想，好想去過(guò)的地方很少，甚至回憶不起來(lái)。
高德地圖APP的足跡打卡功能可以幫助我們記錄所去過(guò)的每一個(gè)地方，分為自動(dòng)和手動(dòng)打卡。在設(shè)置中開(kāi)啟自動(dòng)打卡后，當(dāng)用戶使用導(dǎo)航的目的地屬于名勝古跡、美食地標(biāo)建筑等類(lèi)型的地點(diǎn)，導(dǎo)航結(jié)束后，即可自動(dòng)完成打卡，如有特別需要，還可以通過(guò)手動(dòng)打卡記錄每一個(gè)點(diǎn)。打卡功能雖然在表面上并非用戶硬性需求，但在未來(lái)的某個(gè)時(shí)間看到自己曾經(jīng)的足跡時(shí)也略表欣慰，還可以滿足部分用戶的虛榮心，也許在無(wú)意間就能撫慰認(rèn)為自己去過(guò)的地方太少、較為傷感的幼小心靈，給與溫暖的安撫與力量。
018.「優(yōu)酷」會(huì)員轉(zhuǎn)化-擊潰用戶最后一道心理防線
產(chǎn)品體驗(yàn)：
優(yōu)酷普通用戶在看影片前面的廣告時(shí)，倒計(jì)時(shí)后面會(huì)提示xxx元可關(guān)閉廣告，廣告下方通過(guò)展示會(huì)員特權(quán)以鼓勵(lì)普通用戶升級(jí)會(huì)員，且定時(shí)滾動(dòng)展示剛剛已加入會(huì)員的文字提醒。
設(shè)計(jì)思考：
不管哪個(gè)影視平臺(tái)，無(wú)論何種設(shè)備，非付費(fèi)會(huì)員用戶在看影片前都需要先經(jīng)過(guò)長(zhǎng)達(dá)幾十秒的廣告，這是任何人都無(wú)法避免的一堵墻，廣告除了可盈利之外，還能起到激勵(lì)普通用戶開(kāi)通付費(fèi)會(huì)員的用處。
優(yōu)酷視頻激勵(lì)普通用戶開(kāi)通會(huì)員的的手段可謂是拍案叫絕。
①、利益引誘：在廣告倒計(jì)時(shí)的后面直接展示開(kāi)通會(huì)員的金額， 通過(guò)優(yōu)惠等利益刺激手段，吸引用戶繼續(xù)完成對(duì)產(chǎn)品的消費(fèi)。較小的金額可以降低用戶的經(jīng)濟(jì)成本，同時(shí)增加用戶對(duì)會(huì)員價(jià)格的心理接受程度，減少其防備心理，有很大的幾率吸引用戶產(chǎn)生開(kāi)通會(huì)員的動(dòng)機(jī)，促使用戶行動(dòng)增強(qiáng)轉(zhuǎn)化（除了首次開(kāi)通連續(xù)付費(fèi)業(yè)務(wù)，所付出的金錢(qián)成本較低外，其他情況下價(jià)格并無(wú)優(yōu)惠，不過(guò)一旦讓用戶產(chǎn)生了付費(fèi)動(dòng)機(jī)，這些都是后話）；
② 、增加說(shuō)服力： 廣告下方羅列了部分比較重要的會(huì)員功能，圍繞開(kāi)通會(huì)員后的特權(quán)并強(qiáng)調(diào)效果，以此證明會(huì)員內(nèi)容的質(zhì)量與真實(shí)性，吸引用戶去了解，為用戶增加開(kāi)通會(huì)員驅(qū)動(dòng)力；
③、羊群效應(yīng)：提示****剛剛加入了會(huì)員，利用從眾心理，因?yàn)橛脩舻南敕ê托袨槿菀资艿街車(chē)藗兊挠绊懀鶗?huì)勝過(guò)自己的理性認(rèn)知。通過(guò)前面的用戶已做了前驅(qū)和后盾，不斷的引導(dǎo)和刺激用戶去開(kāi)通會(huì)員（羊群效應(yīng)在現(xiàn)實(shí)生活中遇到的很多。比如：大部分用戶出去吃飯，對(duì)空無(wú)一人的飯店沒(méi)有動(dòng)力，往往會(huì)選擇里面已經(jīng)坐了一些人的店鋪；走在外面，哪里圍的人多，就想擠進(jìn)去看個(gè)究竟）。
019.「網(wǎng)易云音樂(lè)」播放中的歌曲快速定位
產(chǎn)品體驗(yàn)：
在網(wǎng)易云音樂(lè)播放當(dāng)前列表的歌曲后，當(dāng)界面存在上下滑動(dòng)的操作行為時(shí)，右下角會(huì)出現(xiàn)定位圖標(biāo)，點(diǎn)擊可直接定位到正在播放的歌曲位置，如無(wú)任何操作，3秒后圖標(biāo)自動(dòng)消失。
設(shè)計(jì)思考：
我們?cè)诼?tīng)歌時(shí)，如果是無(wú)目標(biāo)的行為，基本都會(huì)進(jìn)入到某一個(gè)類(lèi)型的列表或收藏歌單，進(jìn)行順序播放，比如飆升榜、新歌榜等。如果有興趣，可能會(huì)在列表中上下滑動(dòng)來(lái)看看是否有自己熟悉的歌曲，等最后要回到正在播放的歌曲位置時(shí)，就尷尬了，需要花費(fèi)更多的時(shí)間來(lái)找到，在自己收藏的歌單中就更不用多說(shuō)了。
網(wǎng)易云音樂(lè)在歌曲列表中增加了快速定位按鈕，當(dāng)系統(tǒng)檢測(cè)到正在播放的歌曲列表中有滑動(dòng)操作時(shí)，圖標(biāo)會(huì)自動(dòng)出現(xiàn)，點(diǎn)擊快速定位播放歌曲位置，方便快捷、省時(shí)省力。如果你的歌單中添加的歌曲太多，又無(wú)法找到播放的歌曲時(shí)，不妨試試右下角的定位按鈕吧，此功能真的很人性化。
020.「boss直聘」多個(gè)入口-簡(jiǎn)化二次操作流程
產(chǎn)品體驗(yàn)：
在boss直聘求職關(guān)鍵詞頁(yè)面，單點(diǎn)復(fù)選框選中/取消，底部同時(shí)提供已選中關(guān)鍵詞，可進(jìn)行單個(gè)刪除或通過(guò)左下方的清除按鈕一鍵刪除。
設(shè)計(jì)思考：
在用戶的常規(guī)認(rèn)知里，選項(xiàng)條件為數(shù)不多的復(fù)選框操作都是單點(diǎn)選中/取消，這種操作方式基本也成了用戶的慣性思維，若站在用戶體驗(yàn)角度深挖細(xì)節(jié)的話，即使是大眾用戶都認(rèn)可，其實(shí)也沒(méi)有最好，都還有上升的空間。
boss直聘的求職關(guān)鍵詞選擇，在這方面就做的更好，除了常規(guī)的單點(diǎn)選中/取消外，其底部還提供了已選中的關(guān)鍵詞條，用戶可在小范圍內(nèi)清楚的知道已選中的內(nèi)容，讓需求更加集中，便于進(jìn)行統(tǒng)計(jì)、對(duì)比或刪除等操作，避免在頁(yè)面多個(gè)目標(biāo)中尋找而增加時(shí)間成本。另外左下角還提供了清除按鈕，需要重新選擇目標(biāo)的用戶，可一鍵刪除，節(jié)省了之前多次點(diǎn)擊的重復(fù)步驟，簡(jiǎn)化二次操作流程。
021.「菜鳥(niǎo)」備注-快速找到列表中的包裹
產(chǎn)品體驗(yàn)：
菜鳥(niǎo)的包裹列表，左滑其中的一個(gè)，可通過(guò)包裹備注修改名稱(chēng)，方便用戶在包裹較多時(shí)有目標(biāo)的查看。
設(shè)計(jì)思考：
網(wǎng)購(gòu)已成為用戶的日常習(xí)慣，沒(méi)事的時(shí)候淘寶逛一逛、京東走一走、不急用的就在拼多多砍一砍。但網(wǎng)購(gòu)平臺(tái)何其之多。我曾經(jīng)碰到過(guò)這種情況，在不同的平臺(tái)都買(mǎi)了商品，其中有急/不急用的。最為難熬的就是等待物流了，頻繁的奔波于各大電商平臺(tái)個(gè)人中心的訂單頁(yè)面查看最近物流狀況，步驟繁瑣不說(shuō)，還浪費(fèi)大量的時(shí)間，手機(jī)差的還會(huì)閃退卡頓，相信這也是很多網(wǎng)購(gòu)用戶的苦惱，直到菜鳥(niǎo)包裹的出現(xiàn)......
菜鳥(niǎo)定向的集合各大物流平臺(tái)的包裹數(shù)據(jù)，通過(guò)手機(jī)號(hào)碼，將單個(gè)用戶的包裹歸類(lèi)到一個(gè)地方，非常方便。在使用過(guò)程中，還有一個(gè)很友好的設(shè)計(jì)細(xì)節(jié)，包裹名稱(chēng)備注。在包列表中，可選中其中的一個(gè)包裹左滑，對(duì)名稱(chēng)進(jìn)行備注，便于用戶包裹過(guò)多時(shí)需要對(duì)其中部分包較急的包裹進(jìn)行頻繁的查看，備注之后一目了然，能降低因誤點(diǎn)造成重復(fù)操作的可能性，快速找到想要的包裹，方便用戶有目標(biāo)的查看。
022.「蝦米音樂(lè)」符合產(chǎn)品特性氣質(zhì)的標(biāo)簽欄
產(chǎn)品體驗(yàn)：
蝦米音樂(lè)頂部標(biāo)簽欄的選中狀態(tài)，文字放大的同時(shí)配合一段起伏較大的音頻波紋動(dòng)效，彰顯行業(yè)產(chǎn)品特性。
設(shè)計(jì)思考：
標(biāo)簽欄是APP界面中較為常見(jiàn)的控件之一，在視覺(jué)表現(xiàn)方面，只有選中、未選中兩種狀態(tài)，其設(shè)計(jì)也比較簡(jiǎn)單，通常會(huì)在文字顏色/字重大小上進(jìn)行變化，標(biāo)簽下方加上小長(zhǎng)條來(lái)區(qū)分兩者的狀態(tài)，用戶對(duì)于這種表現(xiàn)方式也是高度認(rèn)可的，如果不想被同質(zhì)化，未在細(xì)節(jié)上下足功夫，就很難設(shè)計(jì)出彩。
蝦米音樂(lè)的標(biāo)簽欄選中狀態(tài)除了文字大小對(duì)比非常明顯外，下方是一段音頻波線動(dòng)效，跳脫出較為常見(jiàn)的設(shè)計(jì)規(guī)范限制，從行業(yè)屬性中獲取靈感，把用戶在現(xiàn)實(shí)世界中物理認(rèn)知的“聲波”形象來(lái)源作為產(chǎn)品特性，提取出具有獨(dú)特氣質(zhì)的視覺(jué)音頻波紋樣式替代選中狀態(tài)的小長(zhǎng)條，這樣能建立起視覺(jué)上的聯(lián)系，讓用戶產(chǎn)生由內(nèi)而外的一致感受，既有設(shè)計(jì)感又符合產(chǎn)品特征。
023.「QQ音樂(lè)」觸手可及的選擇性MV播放
產(chǎn)品體驗(yàn)：
在QQ音樂(lè)播放頁(yè)封面圖的右下角，會(huì)顯示該歌曲相關(guān)的視頻數(shù)量，點(diǎn)擊則展開(kāi)視頻列表，通過(guò)左右滑動(dòng)選擇想看的視頻，可直接進(jìn)入視頻播放。
設(shè)計(jì)思考：
有人說(shuō)：聽(tīng)音樂(lè)是一種情緒，也是一種心情，能從不同類(lèi)型的音樂(lè)中聽(tīng)出共鳴，去發(fā)現(xiàn)一些事物的美好。當(dāng)我們發(fā)現(xiàn)自己喜歡上一首歌曲時(shí)，有沒(méi)有想打開(kāi)該歌曲MV一睹演唱者的風(fēng)采，或者邊聽(tīng)邊看去感受歌曲意境和內(nèi)容所帶來(lái)的一些理解上的輔助。
QQ音樂(lè)將歌曲的MV展示在播放頁(yè)封面圖片的右下角并提示數(shù)量，近在咫尺，便于用戶在聽(tīng)歌的過(guò)程中對(duì)視頻選擇性的播放。一般音樂(lè)類(lèi)型的應(yīng)用在都是一首歌對(duì)應(yīng)一個(gè)MV入口，需要先通過(guò)頁(yè)面的跳轉(zhuǎn)才能對(duì)視頻進(jìn)行選擇，QQ音樂(lè)的這種交互路徑能避免用戶在聽(tīng)歌過(guò)程中選擇視頻時(shí)造成中斷，通過(guò)左右滑動(dòng)選擇想看的視頻，選中即可直接進(jìn)入視頻播放頁(yè)，優(yōu)化了操作路徑，減少操作步驟，觸手可及且不打斷沉浸式的音樂(lè)享受。
024.「微信讀書(shū)」提升操作效率的進(jìn)度條控制
產(chǎn)品體驗(yàn)：
打開(kāi)微信讀書(shū)的進(jìn)度控制條，點(diǎn)擊游標(biāo)左右滑動(dòng)，除了頁(yè)面內(nèi)容變化外，進(jìn)度條上方會(huì)顯示當(dāng)前頁(yè)碼/總頁(yè)碼，并提示章節(jié)及標(biāo)題；長(zhǎng)按游標(biāo)可單獨(dú)對(duì)書(shū)本的頁(yè)碼進(jìn)行精準(zhǔn)化的切換。
設(shè)計(jì)思考：
讀書(shū)就是和世界各個(gè)行業(yè)的人物進(jìn)行一對(duì)一交流的過(guò)程，如果想通過(guò)讀書(shū)收獲成長(zhǎng)，就要靠自己看書(shū)、學(xué)習(xí)、思考，并把知識(shí)用到自己的工作和生活中，不斷讓自己做出改變，因此也誕生了很多讀書(shū)類(lèi)型的應(yīng)用，線上看書(shū)不僅能適合多樣化的環(huán)境，還能節(jié)省經(jīng)濟(jì)成本。曾經(jīng)有人感慨，電子書(shū)是線性的，而紙質(zhì)書(shū)是立體的，想看前面有聯(lián)系的內(nèi)容就可以隨時(shí)返回去再讀，而電子書(shū)只能通過(guò)目錄和書(shū)簽來(lái)解決，要經(jīng)過(guò)多次的操作和頁(yè)面的跳轉(zhuǎn)，且書(shū)本的內(nèi)容都是通過(guò)數(shù)據(jù)傳輸、每次都要刷頁(yè)面才能看到內(nèi)容，有可能會(huì)打擾用戶看書(shū)的思路，相對(duì)紙質(zhì)書(shū)籍，看書(shū)效率和吸收程度就低了許多。
其實(shí)并非全是如此，微信讀書(shū)考慮到體驗(yàn)方面，針對(duì)用戶在讀書(shū)過(guò)程中可能出現(xiàn)的前后頻繁翻頁(yè)的問(wèn)題，在進(jìn)度條控制細(xì)節(jié)上做了很多便捷化的設(shè)計(jì)。用戶可通過(guò)點(diǎn)擊或長(zhǎng)按控制條上游標(biāo)，根據(jù)自己的實(shí)際需求進(jìn)行前后長(zhǎng)/短距離的滑動(dòng)，就能輕松滿足自己所需要的頁(yè)面轉(zhuǎn)，并伴隨明顯的小窗文字提醒。此功能相對(duì)紙質(zhì)書(shū)籍雖然不能堪稱(chēng)完美，但足以解決用戶線上讀書(shū)時(shí)最基本的需求，讓操作流程變的更加簡(jiǎn)單，大幅度的提升了操作效率，節(jié)約時(shí)間成本并提成產(chǎn)品的易用性。
025.「嗶哩嗶哩」信條-承包笑點(diǎn)的逆向彈幕
產(chǎn)品體驗(yàn)：
在嗶哩嗶哩看《信條》電影，播放到時(shí)間發(fā)生逆向片段時(shí)，彈幕的文字及方向也發(fā)生逆轉(zhuǎn)，即逆向彈幕，兩者結(jié)合在一起非常應(yīng)景，網(wǎng)友幾乎被“驚掉下巴”。
設(shè)計(jì)思考：
有很多用戶喜歡開(kāi)著彈幕看視頻，彈幕有可能是視頻內(nèi)容的良好補(bǔ)充，大部分視頻是不能牢牢抓住觀眾，也不需要觀眾死死盯著看的。各種神彈幕、刷屏本身就是內(nèi)容的重要組成部分，所以看著彈幕可以給我們?cè)诳匆曨l的過(guò)程中帶來(lái)更好的氛圍及愉悅的體驗(yàn)（部分不愛(ài)開(kāi)彈幕的用戶除外）。
最近被一個(gè)腦洞的彈幕方式吸引到了-逆向彈幕。B站在《信條》電影里隱藏了一個(gè)很有趣的彩蛋，正負(fù)時(shí)間線穿插（片頭也逆向了）的情節(jié)發(fā)展，設(shè)計(jì)了讓人驚艷的逆向彈幕，跟電影的逆向片段組合在一起時(shí)非常應(yīng)景，神奇且趣味化的彈幕方式讓用戶幾乎“驚掉下巴”，看完電影后仍能記憶猶新。有人直言“當(dāng)時(shí)在電影院看完信條后，是不是倒著走出來(lái)，影院就把買(mǎi)票的錢(qián)給退了”。
026.「淘寶」應(yīng)對(duì)意外退出的通道
產(chǎn)品體驗(yàn)：
在淘寶的其他功能頁(yè)面發(fā)生閃退或意外結(jié)束應(yīng)該進(jìn)程時(shí)，再次進(jìn)入首頁(yè)，會(huì)提供“打開(kāi)上次訪問(wèn)的頁(yè)面”的快捷入口，如無(wú)需要，幾秒后入口自動(dòng)消失。
設(shè)計(jì)思考：
智能時(shí)代，每個(gè)人的手機(jī)中應(yīng)該都裝有不下幾十個(gè)APP軟件。當(dāng)我們正沉浸在某個(gè)APP當(dāng)?shù)膬?nèi)容時(shí)，因設(shè)備或其他原因意外的結(jié)束了應(yīng)用進(jìn)程，當(dāng)再次打開(kāi)時(shí)，需要憑借自己的記憶多番操作才能回到原來(lái)的內(nèi)容處，甚至永遠(yuǎn)無(wú)法找到，為此真的是很苦惱。
淘寶針對(duì)軟件意外退出的情況則留了一手，當(dāng)用戶在使用過(guò)程中，APP因意外情況退出時(shí)，下次進(jìn)入，可通過(guò)首頁(yè)提供的“打開(kāi)上次訪問(wèn)的頁(yè)面”入口，快速回到原先失蹤的頁(yè)面，再也不用擔(dān)心內(nèi)容丟失了，看似一個(gè)簡(jiǎn)單的入口，但通過(guò)細(xì)微的改進(jìn)能給用戶帶來(lái)更好的操控感和易用性，便于用戶通過(guò)短時(shí)間記憶還原。
027.「微信」行為預(yù)判-提升操作效率
產(chǎn)品體驗(yàn)：
我們?cè)谑謾C(jī)的其他界面發(fā)生截圖行為時(shí)，打開(kāi)微信對(duì)話框的工具欄，系統(tǒng)會(huì)把剛剛截取的圖片以縮略圖的方式展示在右側(cè)，暗示詢問(wèn)用戶是否有發(fā)送此圖片的需求，幾秒后會(huì)自動(dòng)消失。
設(shè)計(jì)思考：
我們不管使用何種應(yīng)用，在交流過(guò)程中有發(fā)送圖片的需求時(shí)，除了應(yīng)用本身提供的圖片之外，其他都繞不開(kāi)系統(tǒng)相冊(cè)功能。如若深究用戶體驗(yàn)，進(jìn)入相冊(cè)的操作路徑是可以減少的。
從微信對(duì)話框頁(yè)面打開(kāi)工具欄，如在相近的時(shí)間內(nèi)系統(tǒng)檢測(cè)到有截屏行為時(shí)，會(huì)把剛剛截取的圖片以縮略圖的方式展示在屏幕右側(cè)，點(diǎn)擊即可發(fā)送，通過(guò)行為感知并幫助用戶解決可能有發(fā)送此圖片的需求，提前預(yù)判用戶的操作，以提升選擇效率。若無(wú)此需求，幾秒后自動(dòng)消失，絲毫不影響用戶的其他操作。
028.「抖音」搜索-撫慰每一個(gè)被情緒困擾過(guò)的靈魂
產(chǎn)品體驗(yàn)：
在抖音搜索較為極端且消極的關(guān)鍵詞時(shí)，比如：抑郁、服毒、不想活了等，系統(tǒng)會(huì)出現(xiàn)較為溫馨的愛(ài)心畫(huà)面，并通過(guò)情感化的文案鼓勵(lì)以及提供心理援助渠道，以此來(lái)提高用戶的積極情緒。
設(shè)計(jì)思考：
人們通常會(huì)借助于歡樂(lè)、開(kāi)心來(lái)表達(dá)自己的愉悅，同時(shí)也會(huì)面臨悲傷、憂慮的情況，需要表達(dá)心中的苦悶。如果沒(méi)有得到有效的疏解、排遣，使得內(nèi)心一直處于郁悶狀態(tài)無(wú)疑是很糟糕的。尤其是目前處于高度壓力下的年前人群，在環(huán)境因素、心理與生理創(chuàng)傷、家庭環(huán)境等情況的影響下，導(dǎo)致一些人因?yàn)樾闹械目鄲灒貌坏胶芎玫匦?、發(fā)泄，走上了極端的想法，其解決問(wèn)題的方式不管是線下、線上都是從心理上入手。
抖音APP在面對(duì)極端且消極的關(guān)鍵詞搜索時(shí)，并非跟其他應(yīng)用的搜索結(jié)果雷同，而是以情緒激勵(lì)的統(tǒng)一樣式展示結(jié)果。首先通過(guò)溫馨的愛(ài)心畫(huà)面緩解較為消極的用戶情緒，并通過(guò)積極正向的文案鼓勵(lì)用戶；其次，基于用戶在心情低落時(shí)要得到安慰或鼓勵(lì)的需求，平臺(tái)提供了心理援助熱線以及消極心理的疏導(dǎo)建議，幫助用戶進(jìn)行緩解或改善消極行為。作為一個(gè)短視頻平臺(tái)，雖然沒(méi)有明確的義務(wù)去撫慰用戶，但這種做法可以用溫暖的方式傳遞愛(ài)與力量，也撫慰每一個(gè)被情緒困擾過(guò)的靈魂，讓用戶感受到親切放松的氛圍，是鞏固用戶粘性與忠誠(chéng)度十分巧妙的方式。
029.「京東」送禮物-更是一種神秘和驚喜
產(chǎn)品體驗(yàn)：
在京東商城購(gòu)物禮物時(shí)，可以通過(guò)商品詳情頁(yè)的“送禮物給TA”，節(jié)省很多中間步驟，直接在線上完成包裝、賀卡、寄語(yǔ)和快遞等“一條龍”服務(wù)，將禮物送到對(duì)方手中。
設(shè)計(jì)思考：
部分用戶在特殊情況下，都有送禮物的小習(xí)慣，不管是禮尚往來(lái)、男女朋友還是送基友，有時(shí)甚至不需要理由，只想把最好的東西送給TA們。這時(shí)候可能去會(huì)店里（線上/線下）買(mǎi)一個(gè)對(duì)方喜歡的東西，然后經(jīng)過(guò)包裝+寄語(yǔ)，再快遞給對(duì)方，因?yàn)檎麄€(gè)流程的復(fù)雜，有時(shí)候不可避免會(huì)出現(xiàn)一些突發(fā)性的狀況，難免造成尷尬。
在京東APP購(gòu)買(mǎi)禮物則省去了一些列的麻煩，只需要選好禮物，即可完成從包裝、賀卡、寄語(yǔ)和快遞等“一條龍”服務(wù)，免去不必要的麻煩以降低出錯(cuò)的可能性，將操作流程和路徑都進(jìn)行了簡(jiǎn)化，讓整個(gè)送禮的過(guò)程更。通過(guò)選擇合適禮物的包裝風(fēng)格，制造出禮物的神秘感，送出的不僅僅是禮物，更是一種浪漫和驚喜。
030.「叮咚買(mǎi)菜」一頓吃光-減少食材的浪費(fèi)問(wèn)題
產(chǎn)品體驗(yàn)：
在叮咚買(mǎi)菜分類(lèi)的“一頓吃光”列表中，菜品會(huì)根據(jù)專(zhuān)業(yè)廚師建議一頓的常規(guī)用量進(jìn)行組合搭配包裝，包括分量較小的調(diào)味品類(lèi)也進(jìn)行了小份裝的貼心組合，避免食材偏多造成浪費(fèi)或損耗。
設(shè)計(jì)思考：
“一粥一飯，當(dāng)思來(lái)之不易”，勤儉節(jié)約，珍惜糧食是我國(guó)的傳統(tǒng)美德。隨著互聯(lián)網(wǎng)帶來(lái)的便利，很多人足不出戶便可在線上平臺(tái)完成食材的購(gòu)買(mǎi)，但買(mǎi)菜也存在的很多困擾，比如買(mǎi)少了不夠吃，買(mǎi)多了又浪費(fèi)，沒(méi)有一個(gè)確切的方案可以讓買(mǎi)的一頓食材剛剛好，因此會(huì)造成食材的浪費(fèi)和更多的金錢(qián)成本。
叮咚買(mǎi)菜推出的“一頓吃光”欄目，用倡導(dǎo)勤儉節(jié)約的用餐理念與生活方式，篩選出用戶經(jīng)常購(gòu)買(mǎi)的食材搭配，再根據(jù)專(zhuān)業(yè)廚師對(duì)食材配比，進(jìn)行分量、包裝及動(dòng)態(tài)調(diào)整，以最大化滿足消費(fèi)者需求，減少食材的損耗，在很大程度上解決了買(mǎi)菜很難確定食材分量的問(wèn)題，不僅讓用戶每餐都吃得新鮮健康的同時(shí)，盡可能地減少食物浪費(fèi)。
結(jié)語(yǔ)：
設(shè)計(jì)師需要養(yǎng)成體驗(yàn)產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細(xì)節(jié)記錄下來(lái)，加強(qiáng)自己的記憶，不僅能提升自己的語(yǔ)言組織和總結(jié)能力，也為日后輸出優(yōu)秀的作品當(dāng)鋪墊，對(duì)自己的能力提升以及未來(lái)的職業(yè)發(fā)展帶來(lái)便利。
本期產(chǎn)品設(shè)計(jì)細(xì)節(jié)分享結(jié)束，我們下期再見(jiàn)。
轉(zhuǎn)自：站酷
作者：大漠飛鷹CYSJ
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com