產(chǎn)品始于需求、立于價(jià)值、久于體驗(yàn)，良好的用戶體驗(yàn)是互聯(lián)網(wǎng)產(chǎn)品立于之根本，也是UI設(shè)計(jì)師、交互設(shè)計(jì)師所追求的目標(biāo)之一，需要在用戶目標(biāo)不清晰以及對(duì)應(yīng)用不理解的情況下，利用設(shè)計(jì)手段合理、合適的跟用戶對(duì)話，并解決用戶的需求，完成應(yīng)用該有的使命。至于如何引導(dǎo)、如何設(shè)計(jì)，大部分往往都是通過(guò)產(chǎn)品的細(xì)節(jié)達(dá)到目的。

「餓了么」首頁(yè)：優(yōu)惠券彈窗刺激轉(zhuǎn)化

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

每日首次進(jìn)入餓了么首頁(yè)，系統(tǒng)都會(huì)自動(dòng)出現(xiàn)一系列優(yōu)惠券彈窗，點(diǎn)擊優(yōu)惠券直接進(jìn)入可使用類型的店鋪列表，下單即可自動(dòng)當(dāng)做現(xiàn)金抵扣。

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

作為電商平臺(tái)，最重要的就是消費(fèi)轉(zhuǎn)化，畢竟是要靠用戶消費(fèi)之后的利潤(rùn)來(lái)吃飯的。對(duì)于消費(fèi)轉(zhuǎn)化的提升，平臺(tái)也都會(huì)從商品運(yùn)營(yíng)、用戶運(yùn)營(yíng)及分析用戶轉(zhuǎn)化流失原因等及時(shí)的做出各種對(duì)策，保證能對(duì)用戶產(chǎn)生足夠的吸引力。常見的手段無(wú)非就是：特價(jià)、滿減、疊加折、買贈(zèng)、換購(gòu)、套裝組合、限時(shí)購(gòu)等方式，但當(dāng)所有平臺(tái)都有了這些營(yíng)銷手段之后，對(duì)用戶來(lái)說(shuō)又變的毫無(wú)吸引力，那么就需要去思考在何時(shí)、何地啟用這些手段才能吸引用戶呢？

餓了么APP在每日首次使用時(shí)，都會(huì)自動(dòng)彈出一系列優(yōu)惠券，是典型的屬于利用彈窗進(jìn)行利益引誘，在用戶還未產(chǎn)生消費(fèi)欲望之前，通過(guò)福利的發(fā)放、商品的優(yōu)惠等利益刺激手段，吸引用戶繼續(xù)完成對(duì)內(nèi)容/商品的消費(fèi)，以此降低用戶流失，比起把優(yōu)惠券放在商品旁邊的那種常規(guī)做法，更具吸引力。 當(dāng)提示用戶有很多的優(yōu)惠券未領(lǐng)取，激起用戶的好奇心與貪便宜心理后，不管用戶是有目標(biāo)還是無(wú)目標(biāo)性的消費(fèi)，只要優(yōu)惠的數(shù)額越大，對(duì)用戶的吸引力就越大，吸引用戶參與下單消費(fèi)， 從而提升轉(zhuǎn)化。

「網(wǎng)易云音樂」雙擊播放頁(yè)面收藏歌曲

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

在網(wǎng)易云音樂的播放頁(yè)面，除了點(diǎn)擊心形圖標(biāo)可以收藏外，直接雙擊屏幕空白區(qū)域，也可以收藏，去除精準(zhǔn)點(diǎn)擊操作，非常便捷。

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

不管是聽歌還是看視頻，遇到喜歡的我們就會(huì)點(diǎn)贊給予作者鼓勵(lì)，還可以進(jìn)行收藏，以便于回味，收藏更像是一種不在乎天長(zhǎng)地久，只在乎曾經(jīng)擁有的感覺，只希望在擁有它的時(shí)候，好好保存。收藏有利于用戶的二次使用，以增強(qiáng)用戶粘性促進(jìn)消費(fèi)轉(zhuǎn)化，是一個(gè)相當(dāng)重要的功能，很多產(chǎn)品都會(huì)在按鈕位置、交互樣式、手勢(shì)、區(qū)域等多種方式提升用戶體驗(yàn)，達(dá)到吸引用戶以觸發(fā)操作為目的。

網(wǎng)易云音樂的播放頁(yè)面，除了有常規(guī)的收藏按鈕可觸發(fā)之外，還增加雙擊屏幕空白區(qū)域收藏的方式，這樣就增大了收藏的觸發(fā)范圍，無(wú)需精準(zhǔn)點(diǎn)擊，操作方式更加便捷。雙重路徑，多種方式更能提升收藏的觸發(fā)率，以便于用戶二次使用，通過(guò)增強(qiáng)使用粘性提高用戶消費(fèi)轉(zhuǎn)化的幾率。

「UC瀏覽器」廣告帶流量、自身賺受益

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

• UC瀏覽我的頁(yè)面會(huì)有一個(gè)紅包小動(dòng)畫懸浮在設(shè)備右側(cè)，吸引用戶點(diǎn)擊；

• 進(jìn)入紅包頁(yè)面之后，里面有很多紅包任務(wù)，在未完成的情況下若離開此頁(yè)面，會(huì)出現(xiàn)福利類型的彈窗進(jìn)行利益引誘，對(duì)用戶作出挽留。

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

使用過(guò)電商類型APP的用戶都再清楚不過(guò)了，為了達(dá)到轉(zhuǎn)化的目的，各種手段是層出不窮，用戶有多精，應(yīng)用的套路就有多深。雙11將近，各大電商平臺(tái)也都在使出渾身解數(shù)，有用戶直呼“猝不及防的一波引誘，最后一道心理防線崩塌，就開始剁手了”。UC瀏覽器雖然不是電商類應(yīng)用，但卻是其他購(gòu)物平臺(tái)打宣傳廣告的利器，只要做好流量入口，點(diǎn)擊量夠高，平臺(tái)的收入就不多說(shuō)了。

UC瀏覽器我的頁(yè)面有一個(gè)紅包小動(dòng)畫懸浮在設(shè)備右側(cè)，通過(guò)動(dòng)態(tài)的方式，時(shí)刻吸引著用戶的注意力。相比靜態(tài)的入口方式， 更加吸引眼球，增加視覺關(guān)注度，動(dòng)態(tài) 設(shè)計(jì)豐富了圖標(biāo)入口更多可能性的表達(dá)，結(jié)合對(duì)應(yīng)的動(dòng)態(tài)效果表達(dá)出不同的情緒或情感，提升用戶的點(diǎn)擊欲望，增加點(diǎn)擊率。

用戶進(jìn)入紅包頁(yè)面之后，在未完成紅包任務(wù)的情況下若要離開，會(huì)用彈窗對(duì)用戶作出挽留。通過(guò)彈窗里面的文案進(jìn)行福利發(fā)放、商品優(yōu)惠等刺激手段對(duì)用戶進(jìn)行利益引誘，這種「目標(biāo)趨近效應(yīng)」的心理效果，會(huì)讓用戶繼續(xù)完成未完成的事物，目的是對(duì)用戶做出挽留，使其盡快達(dá)成目標(biāo)，最終進(jìn)行消費(fèi)轉(zhuǎn)化。

「流利說(shuō)·英語(yǔ)」尼爾森可用性原則：狀態(tài)的可見性

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

流利說(shuō)·英語(yǔ)每天默認(rèn)給用戶的學(xué)習(xí)任務(wù)時(shí)間為30分鐘。學(xué)習(xí)前，標(biāo)簽欄的圖標(biāo)為正常狀態(tài)；學(xué)習(xí)中以百分比的環(huán)形統(tǒng)計(jì)樣式，根據(jù)學(xué)習(xí)進(jìn)度實(shí)時(shí)更新數(shù)據(jù)；學(xué)習(xí)后，圖標(biāo)增加“對(duì)勾”提示，告知用戶已完成。

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

流利說(shuō)·英語(yǔ)是一款很棒的英語(yǔ)學(xué)習(xí)軟件，相信有很多用戶都是被里面的各種營(yíng)銷手段所折服（當(dāng)然目的也是為了學(xué)好英語(yǔ)），然后就開通了月/季/年會(huì)員，購(gòu)買了會(huì)員之后你也會(huì)覺得物超所值，用戶體驗(yàn)以及教學(xué)方式與同類型的應(yīng)用相比，都是走在最前沿的。開通了會(huì)員之后，用戶就會(huì)奔著每天的學(xué)習(xí)任務(wù)目標(biāo)（不少于30分鐘）而去，應(yīng)該不會(huì)有人在沒有開通會(huì)員的情況下隨時(shí)進(jìn)入流利說(shuō)APP休閑娛樂吧，那么每天30分鐘學(xué)習(xí)任務(wù)的設(shè)計(jì)體驗(yàn)就成了會(huì)員用戶的焦點(diǎn)。

用過(guò)流利說(shuō)·英語(yǔ)APP的用戶都知道，每天的最低學(xué)習(xí)時(shí)間是30分鐘，學(xué)習(xí)進(jìn)度除了用戶自身心理預(yù)期和界面提示外，還通過(guò)系統(tǒng)的可見性，在合適的時(shí)間、位置再次提醒著用戶。底部標(biāo)簽欄的學(xué)習(xí)圖標(biāo)根據(jù)學(xué)習(xí)前、學(xué)習(xí)中、學(xué)習(xí)完成后給予不同的狀態(tài)提示，即使在其他tab主功能頁(yè)面，也能讓用戶隨時(shí)清楚自己學(xué)習(xí)任務(wù)的完成進(jìn)度。尼爾森10大可用性原則的“ 系統(tǒng)狀態(tài)的可見性”告訴我們：系統(tǒng)應(yīng)該在適當(dāng)?shù)臅r(shí)間給予合適的反饋，以此讓用戶了解正在發(fā)生的事情，它包括位置可見、數(shù)量可見、狀態(tài)可見，流利說(shuō)標(biāo)簽欄的圖標(biāo)變化正好詮釋了這一點(diǎn)，非常貼心。

「支付寶」掃物識(shí)別：為淘寶建立轉(zhuǎn)化通道

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

在支付寶首頁(yè)頂部的掃一掃功能里，選擇識(shí)物，拍取商品的照片，即可從淘寶商品庫(kù)篩選出跟照片相同/相似的商品，進(jìn)入可直接從淘寶渠道完成下單。

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

我們對(duì)家族產(chǎn)品了解的很多，但對(duì)于他們的推廣方式，如果沒有細(xì)品，可能還了解它們是如何互通、建議用戶認(rèn)知、互相拉取流量的。比如：網(wǎng)易紅， 通過(guò)統(tǒng)一的品牌色調(diào)融入產(chǎn)品設(shè)計(jì)風(fēng)格及圖標(biāo)繪制表達(dá)品牌調(diào)性，提高品牌的可識(shí)別性，建立家族品牌的認(rèn)知；騰訊QQ，早前我們玩過(guò)的騰訊游戲以及微信的推出，大部分用戶可能都是從QQ宣傳渠道了解的；還有百度的全家桶、金山的捆綁……。雖然每個(gè)家族的多個(gè)產(chǎn)品都會(huì)通過(guò)不同的方式相互推廣，但推廣力度最大的要數(shù)阿里企業(yè)產(chǎn)品的「淘寶」和「支付寶」了。用過(guò)淘寶的用戶都知道，訂單支付需要用支付寶，所以支付寶不用特別宣傳就被直接帶動(dòng)。

支付寶最新版本上線了拍照識(shí)物功能，之前我寫過(guò)一篇細(xì)節(jié)是關(guān)于淘寶的拍照識(shí)物功能的，這里就不多說(shuō)。從支付寶的掃一掃進(jìn)入選擇“識(shí)物”，即可從淘寶商品庫(kù)篩選出跟照片相同/相似的商品，直接在支付寶APP里對(duì)淘寶的產(chǎn)品下單，正所謂多一種選擇就多一個(gè)方便。拍照識(shí)物功能，對(duì)在淘寶有購(gòu)物需求要使用此功能的用戶，多提供了一個(gè)渠道，還針對(duì)不了解淘寶的用戶做了一波宣傳，為淘寶拉取流量，提高轉(zhuǎn)化率，做到了家族企業(yè)血脈相連。

「興業(yè)銀行」查看銀行卡完整卡號(hào)

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

• 興業(yè)銀行我的賬戶里面，初始化卡號(hào)展示默認(rèn)隱藏中間段的多個(gè)數(shù)字，可通過(guò)點(diǎn)擊卡號(hào)后面的眼睛圖標(biāo)，輸入查詢密碼后顯示完整卡號(hào)，并有一鍵復(fù)制功能。

• 在賬戶頁(yè)面截圖，會(huì)出現(xiàn)toast彈層，確認(rèn)是否本人操作的警告提示。

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

銀行卡作為我們的個(gè)人小金庫(kù)，相信每個(gè)人都有多張?jiān)谑帧Ｔ谌缃竦幕ヂ?lián)網(wǎng)時(shí)代，不管是線下還是線上，有很多地方要用到銀行卡，而銀行為了個(gè)人財(cái)產(chǎn)安全，部分銀行并未在APP中提供卡號(hào)，以至于我們?cè)谝玫臅r(shí)候，因無(wú)法記住銀行卡號(hào)，導(dǎo)致接下來(lái)的需求無(wú)法完成。

興業(yè)銀行（及部分其他銀行）APP幫助用戶解決了這一難題。進(jìn)入賬戶頁(yè)面，銀行卡號(hào)默認(rèn)隱藏中間段的多個(gè)數(shù)字，可使用查詢密碼查看完整銀行卡號(hào)，還提供了一鍵復(fù)制操作，便于用戶在其他地方使用。通過(guò)密碼的查詢方式，既能解決賬戶安全問題，又能方便用戶隨時(shí)通過(guò)線上查詢卡號(hào)。

另外系統(tǒng)在賬戶界面檢測(cè)到有截圖行為時(shí)，會(huì)彈出toast安全提示，對(duì)這個(gè)小彈層，其作用也是眾說(shuō)紜紜、各抒己見。因?yàn)樽约航貓D，這個(gè)toast毫無(wú)意義；如果是陌生人截圖，這個(gè)提示對(duì)賬戶本人也是沒有任何作用，從表面上看確實(shí)很雞肋。不過(guò)有一點(diǎn)需要說(shuō)明，其他人進(jìn)入到賬戶頁(yè)面就需要通過(guò)手機(jī)鎖屏密碼、APP登錄密碼、賬戶安全密碼、銀行查詢密碼（查看完整卡號(hào)），突破層層密碼防護(hù)才行，所以能達(dá)到這種條件的不是“情人”就是“基友”，對(duì)于賬戶本人基本上不用擔(dān)心財(cái)產(chǎn)問題，所以我個(gè)人認(rèn)為這個(gè)toast提示是給其他人看的，只不過(guò)用心理暗示告訴對(duì)方請(qǐng)謹(jǐn)慎操作（這是我的賬戶，涉及財(cái)產(chǎn)問題，你不要瞎搞）。

「淘寶」加入購(gòu)物車：清晰感知反饋狀態(tài)

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

使用淘寶把喜歡的商品添加到購(gòu)物車時(shí)，會(huì)在屏幕中間出現(xiàn)短暫的彈窗提示，告知用戶已添加成功。

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

說(shuō)起購(gòu)物車，簡(jiǎn)直比自家的床還要了解，尤其是“剁手節(jié)”的將近，大家都會(huì)瘋狂的買買買，裝了一車又一車，然后坐等節(jié)日到來(lái)。雖然每個(gè)用戶都會(huì)使用購(gòu)物車，不知道大家有沒有留意，哪種添加到購(gòu)物車的反饋方式最友好，最符合用戶的心理預(yù)期呢？

淘寶加入購(gòu)物車成功時(shí)的反饋相對(duì)來(lái)說(shuō)是更符合用戶心理預(yù)期的，成功添加之后，屏幕中間會(huì)出現(xiàn)“添加成功，在購(gòu)物車等親~”toast彈窗提示。我們用過(guò)的很多其他電商類型的APP，加入購(gòu)物車都是直接在購(gòu)物車圖標(biāo)上通過(guò)數(shù)字變化反饋。而淘寶的則是通過(guò)彈窗提示，這并非僅僅只是做差異化，在屏幕中心提示，占據(jù)有利地形，可以讓用戶更清晰的感知到當(dāng)前的交互狀態(tài)，比起數(shù)字變化類型的反饋更加明顯，記憶更清晰，以便于用戶在短時(shí)間內(nèi)進(jìn)行下一步?jīng)Q策。

「微信」青少年模式的作用

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

在微信的設(shè)置頁(yè)面，通過(guò)登錄密碼開啟青少年模式，設(shè)置成功后可修改大部分的功能訪問權(quán)限，能夠有效避免青少年以學(xué)習(xí)為由沉浸在網(wǎng)絡(luò)世界里。

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

網(wǎng)絡(luò)帶給青少年的益處毋庸置疑，但是青少年沉迷網(wǎng)絡(luò)的問題也應(yīng)當(dāng)引起廣泛的關(guān)注。之前QQ就出過(guò)青少年模式，不過(guò)起到的作用是微乎其微，因?yàn)榇蟛糠掷先撕秃⒆佣贾恢⑿哦恢猀Q，依然會(huì)頻繁出現(xiàn)孩子以學(xué)習(xí)為由在微信上嗨聊、刷視頻、看新聞、買了不知情商品的情況，更有甚者直接在“吃雞、王者”里花著父母的血汗錢去買皮膚，讓很多家長(zhǎng)苦不堪言。

微信新版本上線青少年模式功能，通過(guò)登錄密碼驗(yàn)證后開啟，使微信小游戲、小程序、視頻號(hào)、公眾號(hào)、搜一搜等很多功能會(huì)受到一些保護(hù)限制，家長(zhǎng)也可根據(jù)情況設(shè)置允許訪問的范圍。其實(shí)，任何功能都沒有絕對(duì)性的，就比如上文所說(shuō)，孩子玩游戲充錢買皮膚的事，家長(zhǎng)也有不可推卸的責(zé)任，沒有手機(jī)解鎖密碼和微信的支付密碼，是不可能充值成功的，所以密碼的安全性也需要做好安全防護(hù)，只有在家長(zhǎng)的嚴(yán)格監(jiān)督和輔助下，微信青少模式才能起到它應(yīng)有的作用。

「百度網(wǎng)盤」取消會(huì)員-善意的提醒暗藏轉(zhuǎn)化

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

在取消百度網(wǎng)盤超級(jí)會(huì)員時(shí)，會(huì)使用彈窗對(duì)用戶做出挽留，告知取消會(huì)員后造成的后果，需慎重思考，并弱化用戶主操作的行為召喚按鈕，讓用戶放棄取消會(huì)員的想法或通過(guò)操作失誤而終止用戶的行動(dòng)。

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

每個(gè)產(chǎn)品都是基于以用戶轉(zhuǎn)化為目標(biāo)的，尤其是付費(fèi)類型的增值業(yè)務(wù)，每一個(gè)用戶的轉(zhuǎn)化都來(lái)之不易，如果用戶離開，可能是永久性質(zhì)的。當(dāng)產(chǎn)品檢測(cè)到用戶有離開行為時(shí)，需要及時(shí)通過(guò)適當(dāng)?shù)墓膭?lì)或營(yíng)銷手段在用戶離開之前作出適當(dāng)?shù)耐炝簦苊庥脩艮D(zhuǎn)投他處。

百度網(wǎng)盤在取消超級(jí)會(huì)員時(shí)，就通過(guò)彈窗來(lái)挽留用戶。在彈窗中，羅列了部分對(duì)用戶非常重要的功能，先以文案手段作出警告，提醒用戶取消會(huì)員后可能帶來(lái)的影響、后果；然后圍繞產(chǎn)品的功能亮點(diǎn)進(jìn)行展示說(shuō)明，以此證明產(chǎn)品或內(nèi)容的質(zhì)量與真實(shí)性，讓用戶產(chǎn)生焦慮感， 強(qiáng)調(diào)取消會(huì)員的后果，喚醒用戶的「警惕意識(shí)」，且能帶來(lái)一定的驅(qū)動(dòng)力；最后將主/次行為召喚按鈕位置對(duì)調(diào)，通過(guò)視覺上的設(shè)計(jì)手段、障眼法阻止用戶‘溜走’，來(lái)達(dá)到留存，降低用戶的流失率。

「keep」跑步-屏幕常亮減少操作頻率

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

使用keep跑步時(shí)，因給自己設(shè)有心理目標(biāo)，會(huì)經(jīng)常查看跑步用時(shí)及里程。在跑步設(shè)置里開啟屏幕常亮，可避免因息屏鎖定而需要解鎖的麻煩操作，方便隨時(shí)瀏覽運(yùn)動(dòng)數(shù)據(jù)。

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

身體是革命的本錢，現(xiàn)一代的年輕用戶群體在緊湊的生活、工作的雙重壓力下，很多都會(huì)通過(guò)運(yùn)動(dòng)減壓。基于金錢和時(shí)間成本的考慮，不一定會(huì)去健身房，那么運(yùn)動(dòng)軟件里的跑步就成了首選，如果不給自己定下跑步目標(biāo)就很難堅(jiān)持下去，有了目標(biāo)后，手機(jī)屏幕上的數(shù)據(jù)就成了堅(jiān)持跑步的關(guān)鍵。

在跑步時(shí)，用戶需要經(jīng)常查看跑步的時(shí)長(zhǎng)以及里程，因手機(jī)自動(dòng)息屏鎖定的情況，需要解鎖方能看到數(shù)據(jù)，特別是有強(qiáng)迫癥的用戶可能會(huì)邊跑邊操作，非常麻煩，若果手機(jī)配置較差，鎖屏后還有可能自動(dòng)結(jié)束應(yīng)用進(jìn)程，真是苦不堪言，嚴(yán)重的話還會(huì)導(dǎo)致用戶失去跑步的動(dòng)力，而運(yùn)動(dòng)APP也直接被雪藏。

使用keep跑步時(shí)，這個(gè)問題迎刃而解。在跑步設(shè)置里開啟屏幕常亮功能，就可避免因息屏鎖定而需要解鎖的麻煩操作，方便用戶在跑步的過(guò)程中隨時(shí)瀏覽運(yùn)動(dòng)數(shù)據(jù)，非常方便。

結(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)品細(xì)節(jié)分享結(jié)束，我們下期再見。

作者微信公眾號(hào)：「能量眼球」