前言

在互聯(lián)網(wǎng)產(chǎn)品日趨成熟的今天，APP同質(zhì)化越來越嚴(yán)重，使得設(shè)計(jì)不夠精致、沒有氣質(zhì)及品牌感。一個(gè)設(shè)計(jì)精致APP不應(yīng)漏過任何一個(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)打卡-未來回憶曾經(jīng)的足跡

018.「優(yōu)酷」會(huì)員轉(zhuǎn)化-擊潰用戶最后一道心理防線

019.「網(wǎng)易云音樂」播放中的歌曲快速定位

020.「boss直聘」多個(gè)入口-簡(jiǎn)化二次操作流程

021.「菜鳥」備注-快速找到列表中的包裹

022.「蝦米音樂」符合產(chǎn)品特性氣質(zhì)的標(biāo)簽欄

023.「QQ音樂」觸手可及的選擇性MV播放

024.「微信讀書」提升操作效率的進(jìn)度條控制

025.「嗶哩嗶哩」信條-承包笑點(diǎn)的逆向彈幕

026.「淘寶」應(yīng)對(duì)意外退出的通道

027.「微信」行為預(yù)判-提升操作效率

028.「抖音」搜索-撫慰每一個(gè)被情緒困擾過的靈魂

029.「京東」送禮物-更是一種神秘和驚喜

030.「叮咚買菜」一頓吃光-減少食材的浪費(fèi)問題

016.「QQ」手勢(shì)力度決定頁(yè)面展示范圍

產(chǎn)品體驗(yàn)：

QQ聊天的表情列表版塊，系統(tǒng)會(huì)根據(jù)用戶上滑的力度來確定表情選擇區(qū)域的大小，力度越大，列表區(qū)域占比就越大，同屏可供選擇的表情就越多。

設(shè)計(jì)思考：

經(jīng)常使用QQ表情包的用戶都知道，其更新頻率非?？?。比如社會(huì)上的最近發(fā)生的大事件、互聯(lián)網(wǎng)當(dāng)前流行的熱詞，甚至在疫情期間，凡是跟疫情相關(guān)的表情包都在不斷變化，從開始的安全防護(hù)到后面的線上辦公等，以至于深受廣大用戶的喜愛。

QQ的表情功能其中還有一個(gè)細(xì)節(jié)，用戶在選擇表情時(shí)，系統(tǒng)根據(jù)向上滑動(dòng)的力度來確定表情區(qū)域所展示的范圍?；瑒?dòng)的力度較大時(shí)，考慮到用戶可能需要在更多的表情包中選擇的情況，固增大顯示的區(qū)域，便于用戶在同一屏界面中可瀏覽的范圍更大，同屏展示更多的表情包讓用戶在更短的時(shí)間內(nèi)找到自己所需，所見即所得，對(duì)用戶進(jìn)行的定性操作十分友好，從細(xì)節(jié)處理方面提升了用戶體驗(yàn)。

017.「高德地圖」地點(diǎn)打卡-未來回憶曾經(jīng)的足跡

產(chǎn)品體驗(yàn)：

在高德地圖的足跡功能里，可以對(duì)我們所在的地點(diǎn)進(jìn)行打卡，系統(tǒng)就會(huì)以亮光形式顯示我們?nèi)ミ^的城市，并留下“???”標(biāo)記，點(diǎn)擊可以查看自己的打卡時(shí)間和具體位置。

設(shè)計(jì)思考：

我們?cè)诟邏旱纳钕录懊β档墓ぷ髦校?jīng)去過很多地方游玩或者路過，隨著時(shí)間不斷的流逝，這些都成了模糊的記憶。當(dāng)有一天靜下心來細(xì)想，好想去過的地方很少，甚至回憶不起來。

高德地圖APP的足跡打卡功能可以幫助我們記錄所去過的每一個(gè)地方，分為自動(dòng)和手動(dòng)打卡。在設(shè)置中開啟自動(dòng)打卡后，當(dāng)用戶使用導(dǎo)航的目的地屬于名勝古跡、美食地標(biāo)建筑等類型的地點(diǎn)，導(dǎo)航結(jié)束后，即可自動(dòng)完成打卡，如有特別需要，還可以通過手動(dòng)打卡記錄每一個(gè)點(diǎn)。打卡功能雖然在表面上并非用戶硬性需求，但在未來的某個(gè)時(shí)間看到自己曾經(jīng)的足跡時(shí)也略表欣慰，還可以滿足部分用戶的虛榮心，也許在無意間就能撫慰認(rèn)為自己去過的地方太少、較為傷感的幼小心靈，給與溫暖的安撫與力量。

018.「優(yōu)酷」會(huì)員轉(zhuǎn)化-擊潰用戶最后一道心理防線

產(chǎn)品體驗(yàn)：

優(yōu)酷普通用戶在看影片前面的廣告時(shí)，倒計(jì)時(shí)后面會(huì)提示xxx元可關(guān)閉廣告，廣告下方通過展示會(huì)員特權(quán)以鼓勵(lì)普通用戶升級(jí)會(huì)員，且定時(shí)滾動(dòng)展示剛剛已加入會(huì)員的文字提醒。

設(shè)計(jì)思考：

不管哪個(gè)影視平臺(tái)，無論何種設(shè)備，非付費(fèi)會(huì)員用戶在看影片前都需要先經(jīng)過長(zhǎng)達(dá)幾十秒的廣告，這是任何人都無法避免的一堵墻，廣告除了可盈利之外，還能起到激勵(lì)普通用戶開通付費(fèi)會(huì)員的用處。

優(yōu)酷視頻激勵(lì)普通用戶開通會(huì)員的的手段可謂是拍案叫絕。

①、利益引誘：在廣告倒計(jì)時(shí)的后面直接展示開通會(huì)員的金額， 通過優(yōu)惠等利益刺激手段，吸引用戶繼續(xù)完成對(duì)產(chǎn)品的消費(fèi)。較小的金額可以降低用戶的經(jīng)濟(jì)成本，同時(shí)增加用戶對(duì)會(huì)員價(jià)格的心理接受程度，減少其防備心理，有很大的幾率吸引用戶產(chǎn)生開通會(huì)員的動(dòng)機(jī)，促使用戶行動(dòng)增強(qiáng)轉(zhuǎn)化（除了首次開通連續(xù)付費(fèi)業(yè)務(wù)，所付出的金錢成本較低外，其他情況下價(jià)格并無優(yōu)惠，不過一旦讓用戶產(chǎn)生了付費(fèi)動(dòng)機(jī)，這些都是后話）；

②  、增加說服力：  廣告下方羅列了部分比較重要的會(huì)員功能，圍繞開通會(huì)員后的特權(quán)并強(qiáng)調(diào)效果，以此證明會(huì)員內(nèi)容的質(zhì)量與真實(shí)性，吸引用戶去了解，為用戶增加開通會(huì)員驅(qū)動(dòng)力；

③、羊群效應(yīng)：提示****剛剛加入了會(huì)員，利用從眾心理，因?yàn)橛脩舻南敕ê托袨槿菀资艿街車藗兊挠绊?，往往?huì)勝過自己的理性認(rèn)知。通過前面的用戶已做了前驅(qū)和后盾，不斷的引導(dǎo)和刺激用戶去開通會(huì)員（羊群效應(yīng)在現(xiàn)實(shí)生活中遇到的很多。比如：大部分用戶出去吃飯，對(duì)空無一人的飯店沒有動(dòng)力，往往會(huì)選擇里面已經(jīng)坐了一些人的店鋪；走在外面，哪里圍的人多，就想擠進(jìn)去看個(gè)究竟）。

019.「網(wǎng)易云音樂」播放中的歌曲快速定位

產(chǎn)品體驗(yàn)：

在網(wǎng)易云音樂播放當(dāng)前列表的歌曲后，當(dāng)界面存在上下滑動(dòng)的操作行為時(shí)，右下角會(huì)出現(xiàn)定位圖標(biāo)，點(diǎn)擊可直接定位到正在播放的歌曲位置，如無任何操作，3秒后圖標(biāo)自動(dòng)消失。

設(shè)計(jì)思考：

我們?cè)诼牳钑r(shí)，如果是無目標(biāo)的行為，基本都會(huì)進(jìn)入到某一個(gè)類型的列表或收藏歌單，進(jìn)行順序播放，比如飆升榜、新歌榜等。如果有興趣，可能會(huì)在列表中上下滑動(dòng)來看看是否有自己熟悉的歌曲，等最后要回到正在播放的歌曲位置時(shí)，就尷尬了，需要花費(fèi)更多的時(shí)間來找到，在自己收藏的歌單中就更不用多說了。

網(wǎng)易云音樂在歌曲列表中增加了快速定位按鈕，當(dāng)系統(tǒng)檢測(cè)到正在播放的歌曲列表中有滑動(dòng)操作時(shí)，圖標(biāo)會(huì)自動(dòng)出現(xiàn)，點(diǎn)擊快速定位播放歌曲位置，方便快捷、省時(shí)省力。如果你的歌單中添加的歌曲太多，又無法找到播放的歌曲時(shí)，不妨試試右下角的定位按鈕吧，此功能真的很人性化。

020.「boss直聘」多個(gè)入口-簡(jiǎn)化二次操作流程

產(chǎn)品體驗(yàn)：

在boss直聘求職關(guān)鍵詞頁(yè)面，單點(diǎn)復(fù)選框選中/取消，底部同時(shí)提供已選中關(guān)鍵詞，可進(jìn)行單個(gè)刪除或通過左下方的清除按鈕一鍵刪除。

設(shè)計(jì)思考：

在用戶的常規(guī)認(rèn)知里，選項(xiàng)條件為數(shù)不多的復(fù)選框操作都是單點(diǎn)選中/取消，這種操作方式基本也成了用戶的慣性思維，若站在用戶體驗(yàn)角度深挖細(xì)節(jié)的話，即使是大眾用戶都認(rèn)可，其實(shí)也沒有最好，都還有上升的空間。

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.「菜鳥」備注-快速找到列表中的包裹

產(chǎn)品體驗(yàn)：

菜鳥的包裹列表，左滑其中的一個(gè)，可通過包裹備注修改名稱，方便用戶在包裹較多時(shí)有目標(biāo)的查看。

設(shè)計(jì)思考：

網(wǎng)購(gòu)已成為用戶的日常習(xí)慣，沒事的時(shí)候淘寶逛一逛、京東走一走、不急用的就在拼多多砍一砍。但網(wǎng)購(gòu)平臺(tái)何其之多。我曾經(jīng)碰到過這種情況，在不同的平臺(tái)都買了商品，其中有急/不急用的。最為難熬的就是等待物流了，頻繁的奔波于各大電商平臺(tái)個(gè)人中心的訂單頁(yè)面查看最近物流狀況，步驟繁瑣不說，還浪費(fèi)大量的時(shí)間，手機(jī)差的還會(huì)閃退卡頓，相信這也是很多網(wǎng)購(gòu)用戶的苦惱，直到菜鳥包裹的出現(xiàn)......

菜鳥定向的集合各大物流平臺(tái)的包裹數(shù)據(jù)，通過手機(jī)號(hào)碼，將單個(gè)用戶的包裹歸類到一個(gè)地方，非常方便。在使用過程中，還有一個(gè)很友好的設(shè)計(jì)細(xì)節(jié)，包裹名稱備注。在包列表中，可選中其中的一個(gè)包裹左滑，對(duì)名稱進(jìn)行備注，便于用戶包裹過多時(shí)需要對(duì)其中部分包較急的包裹進(jìn)行頻繁的查看，備注之后一目了然，能降低因誤點(diǎn)造成重復(fù)操作的可能性，快速找到想要的包裹，方便用戶有目標(biāo)的查看。

022.「蝦米音樂」符合產(chǎn)品特性氣質(zhì)的標(biāo)簽欄

產(chǎn)品體驗(yàn)：

蝦米音樂頂部標(biāo)簽欄的選中狀態(tài)，文字放大的同時(shí)配合一段起伏較大的音頻波紋動(dòng)效，彰顯行業(yè)產(chǎn)品特性。

設(shè)計(jì)思考：

標(biāo)簽欄是APP界面中較為常見的控件之一，在視覺表現(xiàn)方面，只有選中、未選中兩種狀態(tài)，其設(shè)計(jì)也比較簡(jiǎn)單，通常會(huì)在文字顏色/字重大小上進(jìn)行變化，標(biāo)簽下方加上小長(zhǎng)條來區(qū)分兩者的狀態(tài)，用戶對(duì)于這種表現(xiàn)方式也是高度認(rèn)可的，如果不想被同質(zhì)化，未在細(xì)節(jié)上下足功夫，就很難設(shè)計(jì)出彩。

蝦米音樂的標(biāo)簽欄選中狀態(tài)除了文字大小對(duì)比非常明顯外，下方是一段音頻波線動(dòng)效，跳脫出較為常見的設(shè)計(jì)規(guī)范限制，從行業(yè)屬性中獲取靈感，把用戶在現(xiàn)實(shí)世界中物理認(rèn)知的“聲波”形象來源作為產(chǎn)品特性，提取出具有獨(dú)特氣質(zhì)的視覺音頻波紋樣式替代選中狀態(tài)的小長(zhǎng)條，這樣能建立起視覺上的聯(lián)系，讓用戶產(chǎn)生由內(nèi)而外的一致感受，既有設(shè)計(jì)感又符合產(chǎn)品特征。

023.「QQ音樂」觸手可及的選擇性MV播放  

產(chǎn)品體驗(yàn)：

在QQ音樂播放頁(yè)封面圖的右下角，會(huì)顯示該歌曲相關(guān)的視頻數(shù)量，點(diǎn)擊則展開視頻列表，通過左右滑動(dòng)選擇想看的視頻，可直接進(jìn)入視頻播放。

設(shè)計(jì)思考：

有人說：聽音樂是一種情緒，也是一種心情，能從不同類型的音樂中聽出共鳴，去發(fā)現(xiàn)一些事物的美好。當(dāng)我們發(fā)現(xiàn)自己喜歡上一首歌曲時(shí)，有沒有想打開該歌曲MV一睹演唱者的風(fēng)采，或者邊聽邊看去感受歌曲意境和內(nèi)容所帶來的一些理解上的輔助。

QQ音樂將歌曲的MV展示在播放頁(yè)封面圖片的右下角并提示數(shù)量，近在咫尺，便于用戶在聽歌的過程中對(duì)視頻選擇性的播放。一般音樂類型的應(yīng)用在都是一首歌對(duì)應(yīng)一個(gè)MV入口，需要先通過頁(yè)面的跳轉(zhuǎn)才能對(duì)視頻進(jìn)行選擇，QQ音樂的這種交互路徑能避免用戶在聽歌過程中選擇視頻時(shí)造成中斷，通過左右滑動(dòng)選擇想看的視頻，選中即可直接進(jìn)入視頻播放頁(yè)，優(yōu)化了操作路徑，減少操作步驟，觸手可及且不打斷沉浸式的音樂享受。

024.「微信讀書」提升操作效率的進(jìn)度條控制

產(chǎn)品體驗(yàn)：

打開微信讀書的進(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ì)書本的頁(yè)碼進(jìn)行精準(zhǔn)化的切換。

設(shè)計(jì)思考：

讀書就是和世界各個(gè)行業(yè)的人物進(jìn)行一對(duì)一交流的過程，如果想通過讀書收獲成長(zhǎng)，就要靠自己看書、學(xué)習(xí)、思考，并把知識(shí)用到自己的工作和生活中，不斷讓自己做出改變，因此也誕生了很多讀書類型的應(yīng)用，線上看書不僅能適合多樣化的環(huán)境，還能節(jié)省經(jīng)濟(jì)成本。曾經(jīng)有人感慨，電子書是線性的，而紙質(zhì)書是立體的，想看前面有聯(lián)系的內(nèi)容就可以隨時(shí)返回去再讀，而電子書只能通過目錄和書簽來解決，要經(jīng)過多次的操作和頁(yè)面的跳轉(zhuǎn)，且書本的內(nèi)容都是通過數(shù)據(jù)傳輸、每次都要刷頁(yè)面才能看到內(nèi)容，有可能會(huì)打擾用戶看書的思路，相對(duì)紙質(zhì)書籍，看書效率和吸收程度就低了許多。

其實(shí)并非全是如此，微信讀書考慮到體驗(yàn)方面，針對(duì)用戶在讀書過程中可能出現(xiàn)的前后頻繁翻頁(yè)的問題，在進(jìn)度條控制細(xì)節(jié)上做了很多便捷化的設(shè)計(jì)。用戶可通過點(diǎn)擊或長(zhǎng)按控制條上游標(biāo)，根據(jù)自己的實(shí)際需求進(jìn)行前后長(zhǎng)/短距離的滑動(dòng)，就能輕松滿足自己所需要的頁(yè)面轉(zhuǎn)，并伴隨明顯的小窗文字提醒。此功能相對(duì)紙質(zhì)書籍雖然不能堪稱完美，但足以解決用戶線上讀書時(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ì)思考：

有很多用戶喜歡開著彈幕看視頻，彈幕有可能是視頻內(nèi)容的良好補(bǔ)充，大部分視頻是不能牢牢抓住觀眾，也不需要觀眾死死盯著看的。各種神彈幕、刷屏本身就是內(nèi)容的重要組成部分，所以看著彈幕可以給我們?cè)诳匆曨l的過程中帶來更好的氛圍及愉悅的體驗(yàn)（部分不愛開彈幕的用戶除外）。

最近被一個(gè)腦洞的彈幕方式吸引到了-逆向彈幕。B站在《信條》電影里隱藏了一個(gè)很有趣的彩蛋，正負(fù)時(shí)間線穿插（片頭也逆向了）的情節(jié)發(fā)展，設(shè)計(jì)了讓人驚艷的逆向彈幕，跟電影的逆向片段組合在一起時(shí)非常應(yīng)景，神奇且趣味化的彈幕方式讓用戶幾乎“驚掉下巴”，看完電影后仍能記憶猶新。有人直言“當(dāng)時(shí)在電影院看完信條后，是不是倒著走出來，影院就把買票的錢給退了”。

026.「淘寶」應(yīng)對(duì)意外退出的通道

產(chǎn)品體驗(yàn)：

在淘寶的其他功能頁(yè)面發(fā)生閃退或意外結(jié)束應(yīng)該進(jìn)程時(shí)，再次進(jìn)入首頁(yè)，會(huì)提供“打開上次訪問的頁(yè)面”的快捷入口，如無需要，幾秒后入口自動(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)再次打開時(shí)，需要憑借自己的記憶多番操作才能回到原來的內(nèi)容處，甚至永遠(yuǎn)無法找到，為此真的是很苦惱。

淘寶針對(duì)軟件意外退出的情況則留了一手，當(dāng)用戶在使用過程中，APP因意外情況退出時(shí)，下次進(jìn)入，可通過首頁(yè)提供的“打開上次訪問的頁(yè)面”入口，快速回到原先失蹤的頁(yè)面，再也不用擔(dān)心內(nèi)容丟失了，看似一個(gè)簡(jiǎn)單的入口，但通過細(xì)微的改進(jìn)能給用戶帶來更好的操控感和易用性，便于用戶通過短時(shí)間記憶還原。

027.「微信」行為預(yù)判-提升操作效率

產(chǎn)品體驗(yàn)：

我們?cè)谑謾C(jī)的其他界面發(fā)生截圖行為時(shí)，打開微信對(duì)話框的工具欄，系統(tǒng)會(huì)把剛剛截取的圖片以縮略圖的方式展示在右側(cè)，暗示詢問用戶是否有發(fā)送此圖片的需求，幾秒后會(huì)自動(dòng)消失。

設(shè)計(jì)思考：

我們不管使用何種應(yīng)用，在交流過程中有發(fā)送圖片的需求時(shí)，除了應(yīng)用本身提供的圖片之外，其他都繞不開系統(tǒng)相冊(cè)功能。如若深究用戶體驗(yàn)，進(jìn)入相冊(cè)的操作路徑是可以減少的。

從微信對(duì)話框頁(yè)面打開工具欄，如在相近的時(shí)間內(nèi)系統(tǒng)檢測(cè)到有截屏行為時(shí)，會(huì)把剛剛截取的圖片以縮略圖的方式展示在屏幕右側(cè)，點(diǎn)擊即可發(fā)送，通過行為感知并幫助用戶解決可能有發(fā)送此圖片的需求，提前預(yù)判用戶的操作，以提升選擇效率。若無此需求，幾秒后自動(dòng)消失，絲毫不影響用戶的其他操作。

028.「抖音」搜索-撫慰每一個(gè)被情緒困擾過的靈魂

產(chǎn)品體驗(yàn)：

在抖音搜索較為極端且消極的關(guān)鍵詞時(shí)，比如：抑郁、服毒、不想活了等，系統(tǒng)會(huì)出現(xiàn)較為溫馨的愛心畫面，并通過情感化的文案鼓勵(lì)以及提供心理援助渠道，以此來提高用戶的積極情緒。

設(shè)計(jì)思考：

人們通常會(huì)借助于歡樂、開心來表達(dá)自己的愉悅，同時(shí)也會(huì)面臨悲傷、憂慮的情況，需要表達(dá)心中的苦悶。如果沒有得到有效的疏解、排遣，使得內(nèi)心一直處于郁悶狀態(tài)無疑是很糟糕的。尤其是目前處于高度壓力下的年前人群，在環(huán)境因素、心理與生理創(chuàng)傷、家庭環(huán)境等情況的影響下，導(dǎo)致一些人因?yàn)樾闹械目鄲?，得不到很好地宣泄、發(fā)泄，走上了極端的想法，其解決問題的方式不管是線下、線上都是從心理上入手。

抖音APP在面對(duì)極端且消極的關(guān)鍵詞搜索時(shí)，并非跟其他應(yīng)用的搜索結(jié)果雷同，而是以情緒激勵(lì)的統(tǒng)一樣式展示結(jié)果。首先通過溫馨的愛心畫面緩解較為消極的用戶情緒，并通過積極正向的文案鼓勵(lì)用戶；其次，基于用戶在心情低落時(shí)要得到安慰或鼓勵(lì)的需求，平臺(tái)提供了心理援助熱線以及消極心理的疏導(dǎo)建議，幫助用戶進(jìn)行緩解或改善消極行為。作為一個(gè)短視頻平臺(tái)，雖然沒有明確的義務(wù)去撫慰用戶，但這種做法可以用溫暖的方式傳遞愛與力量，也撫慰每一個(gè)被情緒困擾過的靈魂，讓用戶感受到親切放松的氛圍，是鞏固用戶粘性與忠誠(chéng)度十分巧妙的方式。

029.「京東」送禮物-更是一種神秘和驚喜

產(chǎn)品體驗(yàn)：

在京東商城購(gòu)物禮物時(shí)，可以通過商品詳情頁(yè)的“送禮物給TA”，節(jié)省很多中間步驟，直接在線上完成包裝、賀卡、寄語(yǔ)和快遞等“一條龍”服務(wù)，將禮物送到對(duì)方手中。

設(shè)計(jì)思考：

部分用戶在特殊情況下，都有送禮物的小習(xí)慣，不管是禮尚往來、男女朋友還是送基友，有時(shí)甚至不需要理由，只想把最好的東西送給TA們。這時(shí)候可能去會(huì)店里（線上/線下）買一個(gè)對(duì)方喜歡的東西，然后經(jīng)過包裝+寄語(yǔ)，再快遞給對(duì)方，因?yàn)檎麄€(gè)流程的復(fù)雜，有時(shí)候不可避免會(huì)出現(xiàn)一些突發(fā)性的狀況，難免造成尷尬。

在京東APP購(gòu)買禮物則省去了一些列的麻煩，只需要選好禮物，即可完成從包裝、賀卡、寄語(yǔ)和快遞等“一條龍”服務(wù)，免去不必要的麻煩以降低出錯(cuò)的可能性，將操作流程和路徑都進(jìn)行了簡(jiǎn)化，讓整個(gè)送禮的過程更。通過選擇合適禮物的包裝風(fēng)格，制造出禮物的神秘感，送出的不僅僅是禮物，更是一種浪漫和驚喜。

030.「叮咚買菜」一頓吃光-減少食材的浪費(fèi)問題

產(chǎn)品體驗(yàn)：

在叮咚買菜分類的“一頓吃光”列表中，菜品會(huì)根據(jù)專業(yè)廚師建議一頓的常規(guī)用量進(jìn)行組合搭配包裝，包括分量較小的調(diào)味品類也進(jìn)行了小份裝的貼心組合，避免食材偏多造成浪費(fèi)或損耗。

設(shè)計(jì)思考：

“一粥一飯，當(dāng)思來之不易”，勤儉節(jié)約，珍惜糧食是我國(guó)的傳統(tǒng)美德。隨著互聯(lián)網(wǎng)帶來的便利，很多人足不出戶便可在線上平臺(tái)完成食材的購(gòu)買，但買菜也存在的很多困擾，比如買少了不夠吃，買多了又浪費(fèi)，沒有一個(gè)確切的方案可以讓買的一頓食材剛剛好，因此會(huì)造成食材的浪費(fèi)和更多的金錢成本。

叮咚買菜推出的“一頓吃光”欄目，用倡導(dǎo)勤儉節(jié)約的用餐理念與生活方式，篩選出用戶經(jīng)常購(gòu)買的食材搭配，再根據(jù)專業(yè)廚師對(duì)食材配比，進(jìn)行分量、包裝及動(dòng)態(tài)調(diào)整，以最大化滿足消費(fèi)者需求，減少食材的損耗，在很大程度上解決了買菜很難確定食材分量的問題，不僅讓用戶每餐都吃得新鮮健康的同時(shí)，盡可能地減少食物浪費(fèi)。

結(jié)語(yǔ)：

設(shè)計(jì)師需要養(yǎng)成體驗(yàn)產(chǎn)品的好習(xí)慣并將優(yōu)秀的產(chǎn)品細(xì)節(jié)記錄下來，加強(qiáng)自己的記憶，不僅能提升自己的語(yǔ)言組織和總結(jié)能力，也為日后輸出優(yōu)秀的作品當(dāng)鋪墊，對(duì)自己的能力提升以及未來的職業(yè)發(fā)展帶來便利。

本期產(chǎn)品設(shè)計(jì)細(xì)節(jié)分享結(jié)束，我們下期再見。

轉(zhuǎn)自：站酷

作者：大漠飛鷹CYSJ

藍(lán)藍(lán)設(shè)計(jì)( sillybuy.com )是一家專注而深入的界面設(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ù)