作為設(shè)計(jì)師，在拿到產(chǎn)品需求的時(shí)候，所要做的不僅僅是完成產(chǎn)品的設(shè)計(jì)工作，更重要的是要思考如何通過(guò)設(shè)計(jì)的的手段去推動(dòng)產(chǎn)品背后的商業(yè)價(jià)值達(dá)到最大化，提升視覺(jué)體驗(yàn)、增強(qiáng)用戶的粘性以達(dá)到用戶轉(zhuǎn)化的目的。不需要我們?cè)O(shè)計(jì)的有多么復(fù)雜，可能是一個(gè)步驟的簡(jiǎn)化、一句打動(dòng)人心的文案、貼心的提示、趣味的動(dòng)效...

01.「微信」你使用過(guò)圖片備注嗎？

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

微信好友昵稱除文字備注外，還可以使用圖片備注，保存成功后即可在設(shè)置備注頁(yè)面描述區(qū)域看到此前備注的圖片，好友信息也增加了描述入口。

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

當(dāng)我們的微信好友過(guò)多或因好友隨時(shí)改變昵稱的原因，而經(jīng)常找不到，我們就會(huì)隨手備注一個(gè)昵稱或標(biāo)簽，以便需要時(shí)方便查找，但針對(duì)當(dāng)面即時(shí)添加的好友，就算使用的昵稱備注，可依然沒(méi)有印象怎么辦？

其實(shí)微信的備注功能比我們想象的要強(qiáng)大，除了昵稱備注外，還可以使用圖片備注。當(dāng)我們因工作接觸的人較多需要添加好友時(shí)，短時(shí)間是沒(méi)有辦法把所有好友的個(gè)人信息都記熟，這時(shí)候圖片備注就能助我們一臂之力了，另外還可以直接把客戶的名片作為圖片備注，將單個(gè)好友的信息集合，實(shí)現(xiàn)一功能多用。對(duì)于記性不好或短時(shí)間內(nèi)添加好友較多的用戶非常實(shí)用。

02.「即刻」排版設(shè)置-幫你緩解視覺(jué)疲勞

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

在即刻APP的排版設(shè)置里，開(kāi)啟“中文標(biāo)點(diǎn)擠壓”和“段間距”，文本內(nèi)容會(huì)自動(dòng)減小中文符號(hào)后面的間距，且段與段之間也會(huì)增加留白，提高視覺(jué)舒適度。

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

我們?cè)诳次恼禄螂娮訒鴷r(shí)，都有過(guò)這樣感覺(jué)，當(dāng)篇幅較大時(shí)，到了一定時(shí)間，就會(huì)產(chǎn)生視覺(jué)疲勞或?qū)Ｗ⒍葴p弱的情況。視覺(jué)疲勞的強(qiáng)弱程度，用戶除了自行調(diào)整外，平臺(tái)還能通過(guò)設(shè)計(jì)手段提升用戶體驗(yàn)來(lái)緩解，常見(jiàn)的網(wǎng)絡(luò)文章會(huì)在不同位置**圖片來(lái)減輕用戶的視覺(jué)壓力，其電子書也會(huì)通過(guò)短篇幅的翻頁(yè)來(lái)緩解視覺(jué)疲勞。

在即刻APP的系統(tǒng)設(shè)置中，可通過(guò)排版設(shè)置提升瀏覽體驗(yàn)。開(kāi)啟中文標(biāo)點(diǎn)擠壓，文本將自動(dòng)減小中文標(biāo)點(diǎn)符號(hào)后的空白區(qū)域，避免間隔太大造成脫節(jié)，去掉不必要的空白，還能為內(nèi)容節(jié)省空間，畢竟內(nèi)容才是產(chǎn)品最重要的部分，所以不要沒(méi)理由的去掉特地為它預(yù)留空間，“擠擠總還是有的”；其次開(kāi)啟段間距，即段與段之間視覺(jué)更加明顯，第一反應(yīng)就能感覺(jué)出這是兩段內(nèi)容（段落的結(jié)尾如果跟上一樣最后平齊，傻傻分不清是銜接上一段還是新的一段），讓用戶瀏覽文本內(nèi)容的思維更清晰且減少思考，提升節(jié)奏和視覺(jué)平衡感。

03.「拼多多」通過(guò)搜索關(guān)鍵詞建立情感鏈接

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

在拼多多搜索“生日蛋糕”時(shí)，商品搜索結(jié)果呈現(xiàn)的同時(shí)，會(huì)有滿屏的蛋糕表情落下，以示祝福。

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

商品搜索框，顧名思義就是搜索商品使用，用戶需要查找某個(gè)商品時(shí)，輸入關(guān)鍵詞，系統(tǒng)通過(guò)后臺(tái)數(shù)據(jù)對(duì)關(guān)鍵詞進(jìn)行匹配，然后按照特定是順序呈現(xiàn)出來(lái)，旨在滿足用戶的搜索需求而生。

拼多多搜索功能除了滿足用戶的基本需求外，還增加了一個(gè)小細(xì)節(jié)，搜索部分特定的關(guān)鍵詞，結(jié)果頁(yè)會(huì)使用趣味化的微動(dòng)效。比如，在搜索“生日蛋糕”后，會(huì)有滿屏的蛋糕表情落下，給予用戶生日祝福，通過(guò)營(yíng)造情感氛圍，獲得用戶的認(rèn)可，跟用戶建立情感鏈接以鼓勵(lì)繼續(xù)下一步操作。同時(shí)平臺(tái)用趣味的微動(dòng)效生日祝福通過(guò)情感、人性化的交互方式更受人用戶青睞，可以讓用戶感到心情愉悅，進(jìn)一步增加用戶的信任度及粘性。

04.「微信讀書」替身書架-幫你瞞天過(guò)海

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

使用微信讀書，如果自己所看的書籍不想別其他人知道，或者想假裝自己在看某個(gè)領(lǐng)域的書籍，可在隱私設(shè)置中開(kāi)啟替身書架，既可以保護(hù)隱私，還可以滿足面子心理。

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

有人說(shuō)，線上看書的效果沒(méi)有看紙質(zhì)書籍的效果好，其實(shí)并非全部如此，主要因人而異，比如線上看書可以有效利用碎片化時(shí)間、不分場(chǎng)景等，不管是線上還是線下，都沒(méi)有明確的界定，只要能堅(jiān)持就好，堅(jiān)持是一件很不容易的事情，比如很多用戶喜歡把自己在看書這件事告訴所有的朋友，利用營(yíng)造人設(shè)以追求自己的面子心理，通過(guò)好友的夸贊轉(zhuǎn)化為自己堅(jiān)持下去的動(dòng)力。

微信的替身書架就可以滿足用戶的多種需求，通過(guò)隱私可以設(shè)置一個(gè)“分身”來(lái)代替真實(shí)書架，開(kāi)啟后，替身書架將代替真實(shí)書架顯示在個(gè)人資料中，除了隱藏自己真正閱讀的書籍，保護(hù)閱讀隱私，讓自己不被“視奸”外，還可以滿足用戶的面子（裝X）需求，滿足用戶想要被看到的一面，利用替身書架經(jīng)營(yíng)自己人設(shè)的需求，比如最近在讀的書籍類型、領(lǐng)域等，通過(guò)“造假”的方式滿足自己的虛榮心，來(lái)獲得他人的認(rèn)同感。替身書架一定程度上可以通過(guò)裂變手段把獲取的新增用戶轉(zhuǎn)化為活躍用戶，同時(shí)滿足了用戶保護(hù)隱私和營(yíng)造人設(shè)的需求，一舉兩得。

05.「網(wǎng)易云音樂(lè)」視頻歌單-邊聽(tīng)邊看更便捷

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

在網(wǎng)易云音樂(lè)聽(tīng)聽(tīng)歌時(shí)，如果遇到喜歡的視頻，也可以收藏到視頻歌單了，從我的-收藏和贊入口進(jìn)去就能看到。

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

一直以來(lái)，歌單是網(wǎng)易云音樂(lè)的核心功能，網(wǎng)易云音樂(lè)也是唯一一個(gè)將歌單作為核心架構(gòu)的音樂(lè)產(chǎn)品，當(dāng)我們碰到一首非常喜歡曲時(shí)，可能也會(huì)鐘情于該歌曲的MV，邊看邊聽(tīng)似乎能更好的融入歌曲的“靈魂”中，如果我們需要再次播放該MV，就要從這首歌曲處找到相應(yīng)的入口。

網(wǎng)易云音樂(lè)8.0版本最新推出了視頻歌單功能，延續(xù)了用戶喜歡的“歌單”模式，根據(jù)自己喜歡的歌單主題，將MV，視頻、mlog內(nèi)容聚合在一起，做出一個(gè)好聽(tīng)、好看，好玩的視頻歌單，讓音樂(lè)動(dòng)起來(lái)，省去了以往每次找視頻的一系列繁瑣操作，優(yōu)化路徑，讓邊聽(tīng)邊唱的體驗(yàn)更加便捷。

06.「微信」朋友圈視頻靜音播放-減少噪音污染

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

在微信朋友圈，長(zhǎng)按選中視頻，然后從彈出的選項(xiàng)中選擇“靜音播放”，跳轉(zhuǎn)到視頻播放頁(yè)面后是沒(méi)有聲音的。

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

朋友圈作為現(xiàn)在獲取好友信息的主要場(chǎng)所之一，很多的用戶都會(huì)在朋友圈發(fā)布圖文、短語(yǔ)、視頻等類型信息。我們通常習(xí)慣性的每隔一段時(shí)間就想去朋友看看，當(dāng)看到非常感興趣的視頻時(shí)，就激動(dòng)的忍不住點(diǎn)了進(jìn)入，沒(méi)想到突然來(lái)了一段勁爆的音樂(lè)，此時(shí)地鐵上的人都詭異的看著你、正在午休中的同事在仇視你、上班中的領(lǐng)導(dǎo)皺著眉頭看向你，就問(wèn)你，尷不尷尬？

其實(shí)在微信朋友圈看視頻，很早就設(shè)計(jì)了這樣一個(gè)細(xì)節(jié)，長(zhǎng)按該視頻，選擇“靜音播放”跳轉(zhuǎn)到視頻播放頁(yè)面，此時(shí)播放視頻時(shí)沒(méi)有聲音的，如果擔(dān)心視頻里的聲音影響到自己或他人，可以使用靜音播放，雖然事前把手機(jī)音量減到最低也可以解決這個(gè)問(wèn)題，但可能導(dǎo)致忘記將音量調(diào)回來(lái)而造成來(lái)電或其他聲音通知的信息遺漏。靜音播放還能方便“摸魚(yú)黨”在上班時(shí)間給自己來(lái)一個(gè)小小的放松，避免眾目睽睽之下太過(guò)張揚(yáng)給自己帶來(lái)不必要的麻煩。

07.「餓了么」趣味/情感化-有溫度的交流

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

在餓了么騎手信息頁(yè)面，點(diǎn)擊藍(lán)騎士頭像，頭頂?shù)乃{(lán)色竹蜻蜓會(huì)旋轉(zhuǎn)2秒，且配有玩味性質(zhì)的toast文案，趣味性十足，時(shí)而引發(fā)會(huì)心一笑。

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

眼尖的細(xì)心網(wǎng)友可能已發(fā)現(xiàn)，之前我們?cè)陴I了么點(diǎn)外賣，待騎手送到去取餐時(shí)，騎手頭盔上有個(gè)藍(lán)色的竹蜻蜓，這個(gè)不僅僅是裝飾作用，更是對(duì)優(yōu)秀騎手的一種激勵(lì)政策。竹蜻蜓不僅是騎手身份的象征，還因“皮膚”的創(chuàng)意讓外賣騎士職業(yè)在社交平臺(tái)攢了一波人氣，隨后美團(tuán)也在頭盔上增加了袋鼠耳朵、美猴王的“鳳翅紫金冠”等。

如果你在線下沒(méi)有看到，沒(méi)關(guān)系，餓了么已經(jīng)把竹蜻蜓搬到了線上，儼然已成了餓了么的品牌形象。在騎手的個(gè)人信息頁(yè)面，點(diǎn)擊頭像，竹蜻蜓會(huì)轉(zhuǎn)動(dòng)，利用toast彈窗配合文案提示，趣味性十足。用戶在常規(guī)的APP頁(yè)面交互過(guò)程中本來(lái)只為滿足一個(gè)需求而經(jīng)過(guò)的必要流程，用趣味化的方式體現(xiàn)，雖然沒(méi)有實(shí)質(zhì)上的幫助，但會(huì)給用戶帶來(lái)驚喜，讓整個(gè)操作過(guò)程感到放松、愉悅，也是情感化設(shè)計(jì)的體現(xiàn)，用戶偶爾暖心一笑，讓冷冰冰的頁(yè)面變成了有溫度的交流，極大的提升了用戶體驗(yàn)。

08.「高德地圖」長(zhǎng)途信息-途中所需一覽無(wú)余

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

在高德地圖路線預(yù)覽時(shí)，點(diǎn)擊長(zhǎng)途/沿途信息，即可查看路線所經(jīng)過(guò)的加油站、衛(wèi)生間及服務(wù)區(qū)等沿途信息。

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

有網(wǎng)友說(shuō)，好多次想在開(kāi)車的過(guò)程中去加油，又不想繞路，又特別的想找中石化而不是中石油，每次遇到這種情況都覺(jué)得導(dǎo)航軟件不夠人性化。其實(shí)不僅如此，在開(kāi)車途中，有時(shí)候也有餐廳、汽車維修、取款等方面的需求。

高德地圖的沿途/長(zhǎng)途信息，可讓用戶在出行之前把需要了解的信息一覽無(wú)余，提前會(huì)有心理預(yù)期，當(dāng)我們行駛在高速路上，需要知道接下來(lái)距離加油站、餐廳或汽修還有多遠(yuǎn)時(shí)，高德地圖的沿途搜索功用恰好能夠處理用戶的當(dāng)務(wù)之急，考慮周全且人性化。

09.「愛(ài)奇藝」導(dǎo)航標(biāo)題字-貼心的界面環(huán)境適配

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

愛(ài)奇藝首頁(yè)頂部導(dǎo)航切換時(shí)，主題背景跟隨切換后，標(biāo)簽文字也使用跟主題背景相近的色值，讓視覺(jué)更柔和。

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

在我們用過(guò)大多數(shù)的APP中，常見(jiàn)的大標(biāo)題都是主題色、深色或白色，所以在不同的背景色環(huán)境中顯示，視覺(jué)的舒適度總是沒(méi)有那么高，也驗(yàn)證了一句話“合格的設(shè)計(jì)千篇一律，優(yōu)秀的設(shè)計(jì)百里挑一”。

愛(ài)奇藝首頁(yè)頂部導(dǎo)航切換時(shí)，其標(biāo)簽文字的色值會(huì)跟隨主題色一起切換，讓文本逐步接近背景色，視覺(jué)上更加柔和，相比常規(guī)性的“千篇一律”舒適度更高，提升了視覺(jué)體驗(yàn)，還能起到降低視覺(jué)疲勞、保護(hù)眼睛的作用。這是一個(gè)很容易被設(shè)計(jì)師忽視的好功能，可以看出來(lái)，愛(ài)奇藝的團(tuán)隊(duì)對(duì)界面環(huán)境體驗(yàn)的考量是很貼心的。

10.「蝦米音樂(lè)」橫屏磁帶效果-滿滿的回憶殺

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

使用蝦米音樂(lè)聽(tīng)歌，在播放頁(yè)面橫屏?xí)r，界面會(huì)變成早起的音樂(lè)播放工具“磁帶”樣式，頗為復(fù)古，上滑彈出多種場(chǎng)景音效選擇，并用不同顏色的“磁帶”外觀區(qū)分，點(diǎn)擊“磁帶”的兩個(gè)孔可切換上/下一曲。

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

《荊軻傳奇》電視劇中最讓我記憶最深刻的一句話是“這個(gè)故事雖然已經(jīng)過(guò)去了2200多年，但依然會(huì)留在我們的心中，代代相傳”，而今天的蝦米音樂(lè)也將成為歷史。相信所有蝦米粉都收到一則即將停止運(yùn)營(yíng)的線上通知，且啟動(dòng)頁(yè)也變成了告別畫面，讓用戶一陣心酸，啟動(dòng)頁(yè)的那一聲告別，最后的希望也將破滅。

2021年1月5日10點(diǎn)：停止賬號(hào)注冊(cè)、會(huì)員充值、蝦幣充值、專輯購(gòu)買等服務(wù)；

2021年2月5日0點(diǎn)：停止所有歌曲試聽(tīng)、下載、評(píng)論等所有音樂(lè)內(nèi)容消費(fèi)場(chǎng)景，停止個(gè)人資料導(dǎo)出或下載；

2021年3月5日0點(diǎn)：運(yùn)營(yíng)停止，關(guān)閉服務(wù)器，屆時(shí)及以后將無(wú)法登錄.....

當(dāng)看到這則消息時(shí)，蝦米粉們有些淚目了，頗有壯士一去不復(fù)返的悲壯之感，蝦米音樂(lè)從上線到至今都沒(méi)有讓用戶失望過(guò)，尤其是音樂(lè)實(shí)驗(yàn)室一直都是音樂(lè)界里的黑科技。雖然即將成為歷史，但有的設(shè)計(jì)細(xì)節(jié)仍值得我們記住。

使用蝦米音樂(lè)聽(tīng)歌，將播放頁(yè)面橫屏，畫面變成轉(zhuǎn)動(dòng)的磁帶效果，其中還隱藏了幾個(gè)交互手勢(shì)，點(diǎn)擊磁帶的左右兩個(gè)孔可切換上/下一曲，上滑選擇場(chǎng)景音效，頗為經(jīng)典的復(fù)古效果給用戶來(lái)了一波滿滿的回憶殺，通過(guò)突出的視覺(jué)樣式，給用戶帶來(lái)美好的回憶，達(dá)到增強(qiáng)用戶記憶的目的。讓用戶用一款產(chǎn)品很容易，記住一款產(chǎn)品卻很難，蝦米音樂(lè)的磁帶效果真正起到了畫龍點(diǎn)睛的作用。

-END-