產(chǎn)品體驗(yàn)系列模塊正式啟動(dòng)啦~
每期分享10個(gè)優(yōu)秀設(shè)計(jì)+1個(gè)思考；
靈感、方案、審美、眼界 來源于日常儲(chǔ)備。
1.網(wǎng)易云音樂
設(shè)計(jì)點(diǎn)：通過使用場(chǎng)景定制頁面，找準(zhǔn)用戶當(dāng)前最需要什么
“網(wǎng)易云音樂”在有網(wǎng)與無網(wǎng)狀態(tài)下打開應(yīng)用的跳轉(zhuǎn)頁面是不同的。因?yàn)閷?duì)于用戶而言，只有在有網(wǎng)絡(luò)的場(chǎng)景里才會(huì)在線聽歌，當(dāng)播放器處于無網(wǎng)狀態(tài)下能夠播放的只有本地音樂。所以設(shè)計(jì)團(tuán)隊(duì)根據(jù)用戶具體的使用場(chǎng)景，設(shè)定用戶在有網(wǎng)狀態(tài)下打開App會(huì)進(jìn)入“發(fā)現(xiàn)”的音樂首頁，而在無網(wǎng)場(chǎng)景里會(huì)直接跳轉(zhuǎn)到“我的音樂”頁面。音樂首頁便于用戶發(fā)現(xiàn)最新音樂資訊與歌單推薦，在線聽歌；而“我的音樂”方便直接打開“本地音樂”列表，離線聽歌。好的體驗(yàn)永遠(yuǎn)離不開場(chǎng)景特征與需求，區(qū)別化的頁面跳轉(zhuǎn)為用戶縮短了行為路徑，節(jié)省了操作步驟，讓使用體驗(yàn)更貼合具體使用場(chǎng)景。
2.虎嗅網(wǎng)
?在“虎嗅網(wǎng)”閱讀文章資訊的時(shí)候，看到某些點(diǎn)切中要害難免要去看一下其他用戶的評(píng)論。點(diǎn)擊評(píng)論圖標(biāo)，頁面會(huì)快速略過中間頁面滾動(dòng)到評(píng)論區(qū)域，評(píng)論圖標(biāo)也會(huì)變成文章圖標(biāo)。“滾動(dòng)”的行為和圖標(biāo)的變化其實(shí)在無形中可以起到暗示用戶再次點(diǎn)擊可以返回的作用。不管閱讀到文章或評(píng)論的哪個(gè)位置，這樣的切換都能定位到你剛剛閱讀的位置，省去了來回上下閱讀切換的時(shí)長。這也是我一直閱讀長文的時(shí)覺得麻煩的地方，對(duì)于資訊類應(yīng)用來說虎嗅在這點(diǎn)上做的很棒。
3.知乎
設(shè)計(jì)點(diǎn)：輸入前有引導(dǎo)、輸入中有補(bǔ)全、輸入后有反饋
?知乎的提問功能有2個(gè)小細(xì)節(jié)值得稱贊，一個(gè)是輸入時(shí)會(huì)將輸入的文字和已有提問的關(guān)鍵字進(jìn)行匹配，然后展示出來，讓提問者可以快速閱讀到自己想要的回答；二是問題輸入后點(diǎn)擊添加問題描述時(shí)，問題會(huì)自動(dòng)增加結(jié)尾問號(hào)，比起未輸入時(shí)提醒用戶更加智能、方便。
4.今日頭條
設(shè)計(jì)點(diǎn)：細(xì)節(jié)在思考之后、圖形表達(dá)需要包含場(chǎng)景
?在“今日頭條”未登錄的情況下,tab欄的文案顯示為“未登錄”且圖標(biāo)是表示睡覺含義帶有“ZZ”細(xì)節(jié)的圖形。登錄后tab欄的文案變成“我的”，體現(xiàn)睡覺含義的人形圖標(biāo)也變成了普通的狀態(tài)?！拔吹卿洝迸c“未醒”都具有“不在線”的意象,這里很巧妙的將兩者聯(lián)系起來進(jìn)行設(shè)計(jì)。tab欄的icon對(duì)應(yīng)登錄狀態(tài)有不同的視覺體現(xiàn)，能更直觀的讓用戶明確自己目前的登錄狀態(tài)與所處位置。
5.即刻
設(shè)計(jì)點(diǎn)：截圖后的圖片與“產(chǎn)品使用中的體驗(yàn)”關(guān)聯(lián)性不大，畢竟截圖后怎么使用該圖片，屬于產(chǎn)品之外的場(chǎng)景了。所以，品牌與體驗(yàn)之間的取舍，在該場(chǎng)景上 選擇了保留品牌性
為圖片添加水印是每個(gè)平臺(tái)宣傳自己最簡(jiǎn)單直觀的一種方式，但加了水印的圖片會(huì)破壞視覺效果影響體驗(yàn)，引起用戶的不爽（特別是強(qiáng)迫癥用戶）。如何拿捏宣傳品牌與顧及用戶感受之間的平衡，就是考驗(yàn)各家團(tuán)隊(duì)聰明才智的時(shí)候了?！凹纯獭盿pp利用了iPhone手機(jī)劉海屏的視覺盲區(qū)，巧妙的將自家的水印藏在了劉海屏之下。用戶進(jìn)行截屏操作時(shí)并不會(huì)看到任何水印添加的痕跡，只有在查看已完成的截屏圖片時(shí)才會(huì)發(fā)現(xiàn)界面頂部中間的水印。團(tuán)隊(duì)里面?zhèn)€個(gè)都是人才，說話又好聽~
6.支付寶
設(shè)計(jì)點(diǎn)：比起那些炫酷的“點(diǎn)贊”動(dòng)效，更貼合實(shí)際的微交互，也能做到差異化
今天有被“螞蟻森林”生活號(hào)文章評(píng)論區(qū)的“點(diǎn)贊”交互萌到爆。和其他產(chǎn)品的點(diǎn)贊icon設(shè)計(jì)不同，“螞蟻森林”的點(diǎn)贊按鈕在點(diǎn)贊前是呈現(xiàn)大拇指被握住的樣子，好像在為點(diǎn)贊的動(dòng)作做準(zhǔn)備。點(diǎn)贊后才會(huì)變成我們印象里表示贊許的豎起大拇指的形象。用微交互惟妙惟肖地展現(xiàn)出我們?yōu)樗它c(diǎn)贊時(shí)動(dòng)作的全過程，很容易引起內(nèi)心共鳴?？粗呀?jīng)握著大拇指躍躍欲試想要點(diǎn)贊的圖標(biāo)，你會(huì)不會(huì)想要點(diǎn)個(gè)贊幫它豎起大拇指呢？
7.餓了么
設(shè)計(jì)點(diǎn)：場(chǎng)景細(xì)分能發(fā)現(xiàn)更多的設(shè)計(jì)點(diǎn)
在“餓了么”點(diǎn)餐后，app會(huì)用可視化的信息展示從店家配餐到騎手接單、取餐、配送的全過程。讓點(diǎn)單者對(duì)自己的外賣是如何送達(dá)的每個(gè)步驟都清楚明了，用信息的透明化獲得用戶的信任。除此之外，展示外賣配送信息的頁面還有情感化設(shè)計(jì)的小巧思：商家接單時(shí)，圖示會(huì)在地圖中顯示店鋪的卡通形象；騎手接單后，信息會(huì)定位到騎手，畫面展現(xiàn)騎手騎車趕往商家的樣子。當(dāng)騎手到店去店內(nèi)取餐了，你還能看到卡通形象的送餐摩托車上空無一人?？吭诓蛷d邊上的情景。針對(duì)不同情景的信息展示，設(shè)計(jì)不同的可視化形象，整個(gè)配送過程都變得生動(dòng)有趣了。
8.網(wǎng)易云音樂
應(yīng)該很多人都未發(fā)現(xiàn)，在用“網(wǎng)易云音樂”聽歌時(shí)直接拖拽右上角的在播曲目可直接將其添加至自己的歌單。通常我們都會(huì)在歌曲播放頁面執(zhí)行添加歌曲到指定歌單的操作，所以這個(gè)設(shè)計(jì)隱蔽的手勢(shì)交互可能只是快捷操作的替換方案（“彩蛋”型設(shè)計(jì)），并沒有明顯的引導(dǎo)提示。雖不易被發(fā)現(xiàn)，但實(shí)用性還是很強(qiáng)的。
9.嗶哩嗶哩
注冊(cè)各種應(yīng)用的時(shí)候，用戶名和頭像的選擇都是讓人糾結(jié)的問題（“糾結(jié)”產(chǎn)生了一個(gè)用戶訴求）。小電視家為你貼心的準(zhǔn)備了隨機(jī)頭像的解決方案。在“帳號(hào)資料”界面，選擇頭像編輯可以看到“隨機(jī)”的選項(xiàng)?！半S機(jī)”按鈕是可以多次使用的，如果對(duì)被分配的頭像不滿意，可以一直切換隨機(jī)頭像。系統(tǒng)提供的頭像形象都是2233的搞怪表情，有趣的同時(shí)也為品牌提升了記憶點(diǎn)。
10.騰訊理財(cái)通
設(shè)計(jì)點(diǎn)：金融/理財(cái)/支付的設(shè)計(jì)要嚴(yán)謹(jǐn)考慮，幫助用戶記憶的同時(shí)，也降低了檢查導(dǎo)致的時(shí)間成本
在“騰訊理財(cái)通”里輸入理財(cái)金額時(shí)，超過四位數(shù)金額顯示的數(shù)字第一位就會(huì)自動(dòng)標(biāo)注“萬”、“十萬”、“千萬”這樣的計(jì)數(shù)單位。這個(gè)貼心的提示設(shè)計(jì)，能方便用戶立即識(shí)別金額，避免輸入錯(cuò)誤。其實(shí)很多的理財(cái)類應(yīng)用為了方便用戶查看金額，會(huì)使用“千分符”來對(duì)數(shù)字進(jìn)行劃分。但以三位數(shù)為單位劃分的“千進(jìn)制”畢竟是西方文化的產(chǎn)物，并不符合國人的思維習(xí)慣（“文化”差異）。所以從設(shè)計(jì)邏輯上而言，這個(gè)細(xì)節(jié)的設(shè)計(jì)是很贊的。
本期思考【什么是好的產(chǎn)品？】
對(duì)使用者：
滿足用戶的需求、解決問題是最最基本的條件。必須經(jīng)歷從可用→易用→好用的迭代過程。不同的人對(duì)同一款產(chǎn)品感受也不同。但是，達(dá)到“好用”境界的思路卻是共通的，那就是不斷發(fā)掘用戶的使用場(chǎng)景，提高產(chǎn)品在不同使用場(chǎng)景下的服務(wù)水平。產(chǎn)品設(shè)計(jì)的話題非常廣泛，如果用易感知的架構(gòu)層、表現(xiàn)層概括的話：首先，產(chǎn)品的功能架構(gòu)要清晰合理，符合用戶心理預(yù)期，這樣有利于提高用戶的易通性。其次，交互設(shè)計(jì)的流程需要高效、簡(jiǎn)潔、直接，服務(wù)用戶完成任務(wù)時(shí)，不要拖泥帶水（性能差、反饋遲、流程亂、感知難、界面丑）。再者，界面布局要為信息做設(shè)計(jì)，不能拿來既用，整體調(diào)性要符合目標(biāo)用戶的認(rèn)知。話說回來，我們目的就是讓產(chǎn)品變的更聰明。
對(duì)設(shè)計(jì)者：
最基本的是產(chǎn)品的商業(yè)價(jià)值，比如說盈利、為其他產(chǎn)品引流等等。產(chǎn)品喪失了商業(yè)性，我不認(rèn)為是一個(gè)好產(chǎn)品。就像“視覺服從于功能、功能服從于商業(yè)”的道理一樣。同時(shí)，對(duì)設(shè)計(jì)者也有情感層面的交際，好的產(chǎn)品能帶給設(shè)計(jì)者一種認(rèn)同感、滿足感，甚至是達(dá)成某種成就。這種情感上的寄托和慰藉我覺得也是非常重要的，因?yàn)樗任镔|(zhì)上的獎(jiǎng)勵(lì)更加能激發(fā)人的熱情（雖然我喜歡錢，但對(duì)行業(yè)的熱情就是隱形的印鈔機(jī)）而熱情又能投入到產(chǎn)品設(shè)計(jì)過程中，形成良性互補(bǔ)。
對(duì)企業(yè)：
企業(yè)相比個(gè)人而言，會(huì)站在一個(gè)更加宏觀的角度去看待一個(gè)產(chǎn)品對(duì)企業(yè)，乃至對(duì)社會(huì)帶來的價(jià)值、份額。比如，好的產(chǎn)品可能不僅僅是局限于該產(chǎn)品本身，還可以有相關(guān)的衍生品。就像QQ這款國民級(jí)產(chǎn)品，還促進(jìn)了相關(guān)文化產(chǎn)品的熱賣。
對(duì)行業(yè)：
好的產(chǎn)品能帶來行業(yè)的蓬勃發(fā)展，甚至為上下游行業(yè)帶來發(fā)展紅利。比如iPhone是一款優(yōu)秀的、成功的產(chǎn)品，這是不可否認(rèn)的事實(shí)。iPhone的誕生開啟了智能手機(jī)的時(shí)代，打開了智能手機(jī)行業(yè)這一千億美元的市場(chǎng)蛋糕。同時(shí)，iPhone也促進(jìn)了屏幕、芯片、代工等行業(yè)的發(fā)展。
希望對(duì)你有所幫助，下期再見~
往期知識(shí)點(diǎn)，了解一下：
《產(chǎn)品體驗(yàn)日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計(jì)-01期》
《產(chǎn)品體驗(yàn)日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計(jì)-02期》
《用戶訪談 | 深度解析，你需要離用戶更近一些 (附模板) 》
《產(chǎn)品體驗(yàn)報(bào)告 | 要深度分析，不要表面賞析》
《用戶角色模型 | 拒絕“我認(rèn)為”的設(shè)計(jì)》
《用戶體驗(yàn)旅程圖 | 概念&實(shí)操&模板》
