前言
在設(shè)計(jì)領(lǐng)域，相較于平淡無(wú)奇毫無(wú)重點(diǎn)的界面設(shè)計(jì)，其具有良好視覺(jué)層次結(jié)構(gòu)的設(shè)計(jì)更受用戶青睞。在設(shè)計(jì)過(guò)程中可能會(huì)糾結(jié)于各種可能性，比如是讓文字變大還是變小，或者增加(或減少)元素周?chē)牧舭?，顏色是該深一點(diǎn)還是淺一點(diǎn)等。其實(shí)不管何種呈現(xiàn)方式，設(shè)計(jì)出美觀、高效和可用的UI界面需花費(fèi)很長(zhǎng)的時(shí)間，需經(jīng)過(guò)反復(fù)的修改，最終才能打磨出令用戶滿意的產(chǎn)品，在滿足公司戰(zhàn)略及功能需求的情況下，其修改和優(yōu)化還可以從細(xì)節(jié)上入手。
2021 | 第03篇分享目錄（031~045）
031.「支付寶」避免超額消費(fèi)的花唄鬧鐘
032.「滴滴出行」關(guān)懷模式-老年人的出行福利
033.「愛(ài)奇藝」搜索分類(lèi)-讓結(jié)果更精準(zhǔn)
034.「美團(tuán)」突出折扣金額-引起用戶貪便宜心理
035.「餓了么」訂單備注提示-為防疫工作貢獻(xiàn)一份力量
036.「快手」不打斷視頻播放的評(píng)論功能
037.「微博」行為預(yù)判-有效提高評(píng)論的完成效率
038.「淘寶」搜索結(jié)果-你試過(guò)長(zhǎng)按商品卡片嗎？
039.「boss直聘」雙重toast彈窗-快速感知頁(yè)面類(lèi)型/內(nèi)容
040.「餓了么」店鋪營(yíng)銷(xiāo)文案-看“我”就把“我”吃掉
041.「微信」你使用過(guò)圖片備注嗎？
042.「即刻」排版設(shè)置-幫你緩解視覺(jué)疲勞
043.「拼多多」通過(guò)搜索關(guān)鍵詞建立情感鏈接
044.「微信讀書(shū)」替身書(shū)架-幫你瞞天過(guò)海
045.「網(wǎng)易云音樂(lè)」視頻歌單-邊聽(tīng)邊看更便捷
031.「支付寶」避免超額消費(fèi)的花唄鬧鐘
產(chǎn)品體驗(yàn)：
在支付寶花唄的消費(fèi)鬧鐘功能里，可設(shè)置每個(gè)月的消費(fèi)限額，當(dāng)花唄支付使用超額后，會(huì)收到對(duì)應(yīng)的消息提醒。
設(shè)計(jì)思考：
隨著互聯(lián)網(wǎng)的迅速發(fā)展，人們生活水平提高的同時(shí)、消費(fèi)水平也越來(lái)越高。各種消費(fèi)信貸產(chǎn)品如雨后春筍一樣冒出來(lái)?；▎h自出現(xiàn)后就深受人們的喜愛(ài)，首先是便捷的支付方式；其次花唄的申請(qǐng)門(mén)檻比較低，不論是學(xué)生，還是無(wú)業(yè)游民或其他沒(méi)有穩(wěn)定收入的，只要芝麻信用分達(dá)到650分以上就能開(kāi)通，在擁有額度后，就可以在支持花唄支付的平臺(tái)提前預(yù)支消費(fèi)，到次月再還款，因此花唄的便利性就完全體現(xiàn)出來(lái)了。但總是有一部分用戶在每月出賬單需要還款時(shí)才發(fā)現(xiàn)，消費(fèi)的額度遠(yuǎn)遠(yuǎn)高于自己的收入，甚至無(wú)力償還。
花唄新推出的消費(fèi)鬧鐘功能，對(duì)于花錢(qián)沒(méi)節(jié)制的用戶來(lái)說(shuō)，真的特別好用。在消費(fèi)鬧鐘里設(shè)置提醒金額，點(diǎn)擊確定設(shè)置即可，當(dāng)使用金額超過(guò)用戶設(shè)置的金額，將會(huì)收到提醒消息。此功能既可以減少用戶超額花費(fèi)的可能性，也能有效避免用戶因無(wú)力償還賬單而給平臺(tái)帶來(lái)的經(jīng)濟(jì)損失，可謂是一舉兩得。
032.「滴滴出行」關(guān)懷模式-老年人的出行福利
產(chǎn)品體驗(yàn)：
在滴滴出行的設(shè)置中開(kāi)啟關(guān)懷模式，系統(tǒng)會(huì)將字體放大且展示功能極簡(jiǎn)的打車(chē)模式頁(yè)面，方便老年人使用；
設(shè)計(jì)思考：
滴滴出行主要面對(duì)的是年輕用戶群體，因涉及到支付寶、地圖等線上線下功能的結(jié)合，操作流程復(fù)雜且使用起來(lái)學(xué)習(xí)成本較高。在當(dāng)前移動(dòng)互聯(lián)網(wǎng)時(shí)代下，老年人如何能真切感受到現(xiàn)代智能科技所帶來(lái)的便捷、人文關(guān)懷和尊重，是如今的移動(dòng)平臺(tái)所要解決的問(wèn)題。
滴滴出行的關(guān)懷模式，就是專(zhuān)為方便老年人出行而推出的。老年用戶在APP設(shè)置中心開(kāi)啟后，可快速進(jìn)行一鍵下單操作流程。關(guān)懷模式支持大號(hào)字體顯示，能提前設(shè)置五個(gè)常用地址，方便在下單時(shí)進(jìn)行一鍵操作，簡(jiǎn)化了下單流程及刪減了部分頁(yè)面內(nèi)容。不管是大號(hào)字體還是精簡(jiǎn)流程，都便于視力不好的老年用戶叫車(chē)出行，不僅有效降低了在線叫車(chē)操作的復(fù)雜程度，也能緩解老年用戶在叫車(chē)過(guò)程中出現(xiàn)的不確定性和焦慮感，提升了出行效率。
033.「愛(ài)奇藝」搜索分類(lèi)-讓結(jié)果更精準(zhǔn)
產(chǎn)品體驗(yàn)：
在愛(ài)奇藝使用搜索時(shí)，展開(kāi)搜索框前面的類(lèi)型，可選擇全網(wǎng)、圖搜劇和詞搜劇，以更精確的匹配搜索結(jié)果。
設(shè)計(jì)思考：
很多設(shè)計(jì)師認(rèn)為搜索很簡(jiǎn)單，設(shè)計(jì)一個(gè)搜索框加搜索圖標(biāo)放在主頁(yè)頂部就搞定 了，然而并非如此，需要站在用戶的角度考慮搜索前、搜索中、搜索后各個(gè)階段的用戶體驗(yàn)。搜索作為一個(gè)功能入口，除了簡(jiǎn)單的呈現(xiàn)及引導(dǎo)方式之外，搜索結(jié)果也是也是非常重要的，用戶的搜索操作不是目的，結(jié)果的精準(zhǔn)度及視覺(jué)傳達(dá)才是重點(diǎn)。大部分搜索的呈現(xiàn)就是提供搜索框，用戶一上場(chǎng)就開(kāi)始碼字，然后在海量的搜索結(jié)果中去找到自己想要的內(nèi)容。然而用戶并沒(méi)有什么耐心，不管是花大把的時(shí)間查找結(jié)果還是不停的更換關(guān)鍵詞重來(lái)，都有可以讓其失去耐性，轉(zhuǎn)而扭頭就走，導(dǎo)致平臺(tái)的用戶流失。
愛(ài)奇藝APP在搜索功能中進(jìn)行了分類(lèi)，比起常見(jiàn)的全局搜索其結(jié)果更加精準(zhǔn)，通過(guò)全網(wǎng)、圖搜或詞搜類(lèi)型改變搜索范圍，便于用戶在最短的時(shí)間內(nèi)找到自己想要的結(jié)果?？梢韵胂螅?dāng)我們?cè)诎俣炔檎倚枰膬?nèi)容時(shí)，面對(duì)幾萬(wàn)乃至幾十萬(wàn)的結(jié)果匹配時(shí)，翻過(guò)幾頁(yè)后，要么放棄、要么換掉關(guān)鍵詞。愛(ài)奇藝的分類(lèi)型搜索縮小了查找范圍，降低用戶的時(shí)間成本，還能提高對(duì)用戶的信任度，以增加其使用粘性。
034.「美團(tuán)」突出折扣金額-引起用戶貪便宜心理
產(chǎn)品體驗(yàn)：
在美團(tuán)的酒店列表價(jià)格區(qū)域，除了有劃掉的原價(jià)和優(yōu)惠之后的價(jià)格外，還特別突出展示了優(yōu)惠的實(shí)際金額，非常顯眼，以彰顯其優(yōu)惠的力度。
設(shè)計(jì)思考：
商家們都知道，定價(jià)策略是營(yíng)銷(xiāo)中一個(gè)十分關(guān)鍵的組成部分，是影響交易成敗的關(guān)鍵因素，但也難以確定，既要考慮成本的補(bǔ)償，又要考慮消費(fèi)者對(duì)價(jià)格的接受能力。縱然如此，當(dāng)商家們把最低的價(jià)格擺在消費(fèi)者面前時(shí)，才發(fā)現(xiàn)“理想很豐滿，現(xiàn)實(shí)卻骨感”，總是有那么一群人在感性的消費(fèi)，即使碰到折扣后的價(jià)格依然過(guò)高，但只要優(yōu)惠力度夠大，就感覺(jué)夠刺激，常規(guī)剁手。
一路走來(lái)才發(fā)現(xiàn)，唯有套路得人心，例如：拼多多的砍價(jià)，砍到手后低價(jià)購(gòu)買(mǎi)，算是平臺(tái)補(bǔ)償?shù)拿赓M(fèi)宣傳費(fèi)；美團(tuán)的高額滿減，是在提高原價(jià)數(shù)倍之后才有的折扣；線下商家撤離前的虧本清貨，可能是被選剩下的瑕疵產(chǎn)品......。在這些案例中，如果商家直接把折扣后的實(shí)際價(jià)格擺在那里，部分用戶根本不屑一顧。
美團(tuán)的酒店列表，在價(jià)格區(qū)域除了常規(guī)的原價(jià)、現(xiàn)價(jià)之外，還突出展示已減金額，拋開(kāi)現(xiàn)價(jià)不說(shuō)，如果優(yōu)惠的金額給力，足以引起用戶的注意。這是企業(yè)慣用的利益引誘手段，屢試不爽， 通過(guò)下單就讓利的方式來(lái)促進(jìn)商品的轉(zhuǎn)化，引起用戶的貪便宜心理，只要優(yōu)惠的數(shù)值夠高，就能引起用戶的注意力和消費(fèi)欲望，將用戶的思維轉(zhuǎn)換至優(yōu)惠力度方面，而忽略市場(chǎng)價(jià)格及性價(jià)比，會(huì)誤以為商家優(yōu)惠的金額即自己賺到的錯(cuò)覺(jué)，促使用戶下單完成轉(zhuǎn)化。
035.「餓了么」訂單備注提示-為防疫工作貢獻(xiàn)一份力量
產(chǎn)品體驗(yàn)：
在餓了么確認(rèn)訂單頁(yè)面，為了有效的控制疫情傳播，頂部會(huì)提示“為了減少接觸，降低風(fēng)險(xiǎn)，請(qǐng)修改下方備注”，進(jìn)入備注頁(yè)面，輸入框的占位符和快捷輸入都優(yōu)先展示避免接觸取餐的方法參考。
設(shè)計(jì)思考：
疫情爆發(fā)期間可謂是人心惶惶，經(jīng)過(guò)所有人長(zhǎng)時(shí)間的有效配合及預(yù)防，終于得到了緩解。疫情控制之后，人們對(duì)病毒的防范意識(shí)有所增加，通過(guò)自律做到盡量減少與他人的接觸，但在忙到的生活和工作下，很多情況總是不可避免，比如病毒防范意識(shí)降低而造成無(wú)意識(shí)的接觸、工作中的外賣(mài)取餐和寄收快遞，都會(huì)造成額外的接觸。
在餓了么APP上訂餐下單時(shí)，系統(tǒng)會(huì)給予明顯的免接觸防疫提醒，在訂單的備注中優(yōu)先展示免接觸取餐方式參考，如掛門(mén)把手、放門(mén)口等，給病毒防范意識(shí)降低的用戶敲響了警鐘，提醒用戶盡量使用無(wú)接觸方式取餐，不僅能降低病毒在人與人之間的相互傳播，還為防疫工作貢獻(xiàn)了一份力量。
036.「快手」不打斷視頻播放的評(píng)論功能
產(chǎn)品體驗(yàn)：
在快手觀看短視頻，打開(kāi)評(píng)論，頁(yè)面從底部彈出，視頻繼續(xù)以播放狀態(tài)等比例縮小置頂，編輯評(píng)論不影響播放。
設(shè)計(jì)思考：
當(dāng)我們?cè)诰€上看到一件事物，有互動(dòng)需求和強(qiáng)烈的表達(dá)需求時(shí)，此時(shí)評(píng)論功能不僅能滿足用戶需求，還能增加參與感，對(duì)增加用戶黏性大有作用。評(píng)論作為一個(gè)重要級(jí)的功能存在，在需要時(shí)會(huì)打斷用戶的當(dāng)前瀏覽或操作，通過(guò)跳轉(zhuǎn)頁(yè)面或彈窗來(lái)幫助用戶解決互動(dòng)需求，跟原本的頁(yè)面是一個(gè)上下級(jí)的關(guān)系。
在快手APP看短視頻，無(wú)論是編輯還是瀏覽評(píng)論都可以齊頭并進(jìn)。觸發(fā)評(píng)論后，頁(yè)面從底部向上彈出，視頻的頁(yè)面占比范圍會(huì)以播放狀態(tài)等比例縮小并置頂，類(lèi)似我們?cè)诳措娪皶r(shí)的橫屏和豎屏，視頻觀看及評(píng)論兩不誤。這種交互方式在滿足用戶下一個(gè)需求時(shí)，并不中斷上一步的需求，避免原本看視頻的思路被打斷，有助于用戶跟隨視頻播放的思路即興發(fā)揮評(píng)論，這也是一個(gè)容易設(shè)計(jì)師被忽視的好功能。
037.「微博」行為預(yù)判-有效提高評(píng)論的完成效率
產(chǎn)品體驗(yàn)：
當(dāng)我們?cè)谖⒉┝斜碇械哪硹l信息處停留5秒并無(wú)任何操作時(shí)，此條微博下方會(huì)自動(dòng)彈出評(píng)論框，系統(tǒng)通過(guò)行為預(yù)判感知用戶對(duì)該內(nèi)容感興趣，引導(dǎo)用戶去發(fā)表自己的想法。
設(shè)計(jì)思考：
評(píng)論在很多應(yīng)用中都有著舉足輕重的作用，尤其像微博這樣的大型并開(kāi)放式的信息平臺(tái)，更有著弘揚(yáng)先進(jìn)的思想和精神，揭露和抨擊腐敗現(xiàn)象及不正之風(fēng)，對(duì)各種不良現(xiàn)象形成強(qiáng)大的輿論壓力，實(shí)現(xiàn)有效的監(jiān)督。即便是網(wǎng)絡(luò)水軍、鍵盤(pán)俠（惡意重傷除外，畢竟大部分用戶還是理性的“噴子”），當(dāng)風(fēng)聲一邊倒時(shí)，都會(huì)逐漸走向真理化。在我們所接觸的應(yīng)用中，評(píng)論操作的方式都是通過(guò)用戶的手動(dòng)觸發(fā)。
微博編輯評(píng)論除了用戶手動(dòng)觸發(fā)之外，其還有一種非常人性化的系統(tǒng)感知觸發(fā)。當(dāng)用戶在列表中的停留5秒且沒(méi)有任何操作時(shí)，系統(tǒng)通過(guò)行為預(yù)判感知用戶可能對(duì)這條信息感興趣，即自動(dòng)彈出評(píng)論框，引導(dǎo)用戶操作，能增加產(chǎn)品跟用戶之間的交流互動(dòng)。微博的行為預(yù)判是引導(dǎo)用戶、縮短用戶行為路徑的有效設(shè)計(jì)手段，在用戶沒(méi)有作出行動(dòng)觸發(fā)的情況下進(jìn)行理解用戶可能會(huì)出現(xiàn)的操作行為，減少冗余步驟，簡(jiǎn)化操作流程，運(yùn)用最少的路徑和行為來(lái)達(dá)成用戶目標(biāo)，有效提高評(píng)論的完成效率。
038.「淘寶」搜索結(jié)果-你試過(guò)長(zhǎng)按商品卡片嗎？
產(chǎn)品體驗(yàn)：
在淘寶的商品搜索結(jié)果里列表，長(zhǎng)按某個(gè)商品卡片區(qū)域，會(huì)彈出該商品多種類(lèi)型的tab，有相似、同款、同品牌和同店，便于用戶更精準(zhǔn)快速找到自己需要的商品。
設(shè)計(jì)思考：
對(duì)于有目標(biāo)需求但不是特別明確的用戶來(lái)說(shuō)，關(guān)鍵詞搜索無(wú)疑是最好用的一個(gè)功能，當(dāng)面對(duì)海量的搜索結(jié)果，可能會(huì)眼花繚亂，找到喜歡的商品時(shí)，要么銷(xiāo)售量太低、要么價(jià)格過(guò)高，反正總有有那么一方面自己不滿意，不得已，只能把當(dāng)前商品的精準(zhǔn)關(guān)鍵詞經(jīng)過(guò)搜索框再來(lái)一遍。
在淘寶APP就無(wú)需這么麻煩。商品的搜索結(jié)果列表有個(gè)隱藏的功能，只需長(zhǎng)按商品卡片區(qū)域，就會(huì)彈出相似款、同款、同品牌、同店鋪的類(lèi)型tab欄，方便用戶能夠快速根據(jù)自身需求篩選比價(jià)，可免去不必要的麻煩操作，節(jié)省大量時(shí)間，如果你還未使用過(guò)此隱藏的交互功能，就趕緊試一試吧。
039.「boss直聘」雙重toast彈窗-快速感知頁(yè)面類(lèi)型/內(nèi)容
產(chǎn)品體驗(yàn)：
boss直聘頂部的職位tab在切換成功后，除了除了有職位更新toast提示外，屏幕中間還會(huì)通過(guò)toast彈窗提示當(dāng)前頁(yè)面職位類(lèi)型，并突出顯示。
設(shè)計(jì)思考：
關(guān)于toast彈窗樣式及出現(xiàn)的場(chǎng)景，猶如市場(chǎng)上的大白菜，所見(jiàn)過(guò)多的不能再多了。例如某個(gè)步驟操作成功、tab切換頁(yè)面、下拉刷新等，是一種輕量級(jí)的反饋，以小彈框的形式出現(xiàn)，一般出現(xiàn)1到2秒會(huì)自動(dòng)消失，且可以出現(xiàn)在屏幕上中下任意位置。對(duì)于設(shè)計(jì)師來(lái)說(shuō)，在頁(yè)面上增加toast的作用，就是將操作的結(jié)果直接反饋給用戶。
Boss直聘APP在tab欄成功切換頁(yè)面后，除了有清晰反饋操作結(jié)果“推薦職位已更新”之外，還在屏幕中間用另一個(gè)更加顯眼的toast彈出明確職位信息。其實(shí)用戶在切換tab欄時(shí)，此操作行為不僅僅是切換頁(yè)面，所對(duì)應(yīng)的類(lèi)型才是首當(dāng)其沖，當(dāng)明確類(lèi)型無(wú)誤后才會(huì)將思維轉(zhuǎn)向內(nèi)容，職位彈窗在屏幕中心提示，占據(jù)有利地形，除了讓用戶清楚當(dāng)前頁(yè)面交互狀態(tài)之外，還能快速感知類(lèi)型是否為自己所需。另外還有防錯(cuò)作用，避免用戶操作失誤后，在自己還不清楚的情況下去瀏覽內(nèi)容而浪費(fèi)大量的時(shí)間。
040.「餓了么」店鋪營(yíng)銷(xiāo)文案-看“我”就把“我”吃掉
產(chǎn)品體驗(yàn)：
餓了么的外賣(mài)店鋪列表及推薦商品下方都有極具誘惑性的廣告文案，一句話概括味道、服務(wù)、優(yōu)質(zhì)推薦等。
設(shè)計(jì)思考：
今天吃什么？隨便；那吃肯德基吧？不好，太油膩了；那到底吃什么？隨便......。這應(yīng)該是最標(biāo)準(zhǔn)的選擇性困難綜合癥晚期，尤其是給女朋友點(diǎn)外賣(mài)，你會(huì)發(fā)現(xiàn)原來(lái)“隨便”就是天大的謊言，表面上看似什么都可以，實(shí)則什么都不可以。
餓了么每個(gè)店鋪下方都使用了一句簡(jiǎn)短的文案概括菜品的味道、店鋪服務(wù)或招牌推薦等，在文案中結(jié)合用戶較為關(guān)心的利益點(diǎn)抓住眼球，引導(dǎo)目標(biāo)進(jìn)入店鋪，從而瀏覽店鋪的內(nèi)容。店鋪廣告是商家可以進(jìn)行內(nèi)容營(yíng)銷(xiāo)的重要場(chǎng)所之一，可充分利用文案向用戶進(jìn)行宣導(dǎo)，讓其感受到店鋪的用心之處，增強(qiáng)用戶體驗(yàn)，優(yōu)質(zhì)的文案不僅能帶給用戶驚喜，還有一種神秘色彩，用戶可能會(huì)抱著試一次心理想法，從而形成轉(zhuǎn)化。
另外對(duì)于吃什么、難以選擇的用戶，平臺(tái)可以通過(guò)文案的吸引，增強(qiáng)用戶的占有欲望，讓其快速做出決策，避免在選擇的時(shí)候難以抉擇，即便做出決定后仍然疑慮其它的選擇是不是更好，從而導(dǎo)致時(shí)間的浪費(fèi)，精神上的焦慮。
041.「微信」你使用過(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í)用。
042.「即刻」排版設(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è)诳次恼禄螂娮訒?shū)時(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é)壓力，其電子書(shū)也會(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é)平衡感。
043.「拼多多」通過(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)一步增加用戶的信任度及粘性。
044.「微信讀書(shū)」替身書(shū)架-幫你瞞天過(guò)海
產(chǎn)品體驗(yàn)：
使用微信讀書(shū)，如果自己所看的書(shū)籍不想別其他人知道，或者想假裝自己在看某個(gè)領(lǐng)域的書(shū)籍，可在隱私設(shè)置中開(kāi)啟替身書(shū)架，既可以保護(hù)隱私，還可以滿足面子心理。
設(shè)計(jì)思考：
有人說(shuō)，線上看書(shū)的效果沒(méi)有看紙質(zhì)書(shū)籍的效果好，其實(shí)并非全部如此，主要因人而異，比如線上看書(shū)可以有效利用碎片化時(shí)間、不分場(chǎng)景等，不管是線上還是線下，都沒(méi)有明確的界定，只要能堅(jiān)持就好，堅(jiān)持是一件很不容易的事情，比如很多用戶喜歡把自己在看書(shū)這件事告訴所有的朋友，利用營(yíng)造人設(shè)以追求自己的面子心理，通過(guò)好友的夸贊轉(zhuǎn)化為自己堅(jiān)持下去的動(dòng)力。
微信的替身書(shū)架就可以滿足用戶的多種需求，通過(guò)隱私可以設(shè)置一個(gè)“分身”來(lái)代替真實(shí)書(shū)架，開(kāi)啟后，替身書(shū)架將代替真實(shí)書(shū)架顯示在個(gè)人資料中，除了隱藏自己真正閱讀的書(shū)籍，保護(hù)閱讀隱私，讓自己不被“視奸”外，還可以滿足用戶的面子（裝X）需求，滿足用戶想要被看到的一面，利用替身書(shū)架經(jīng)營(yíng)自己人設(shè)的需求，比如最近在讀的書(shū)籍類(lèi)型、領(lǐng)域等，通過(guò)“造假”的方式滿足自己的虛榮心，來(lái)獲得他人的認(rèn)同感。替身書(shū)架一定程度上可以通過(guò)裂變手段把獲取的新增用戶轉(zhuǎn)化為活躍用戶，同時(shí)滿足了用戶保護(hù)隱私和營(yíng)造人設(shè)的需求，一舉兩得。
045.「網(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)更加便捷。
結(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)便利。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)掃碼藍(lán)小助，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系。
文章來(lái)源：站酷 作者：大漠飛鷹CYSJ
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( bouu.cn )是一家專(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ù)