分享“10個優(yōu)秀設(shè)計+1個思考”，日常儲備設(shè)計素材的同時，思考設(shè)計背后深層的含義。

1. 即刻

設(shè)計點：界面的表達(dá)始終要基于產(chǎn)品調(diào)性，年輕化的產(chǎn)品有年輕的設(shè)計手段，比如：幽默、有趣、驚喜、好玩等。但是設(shè)計的同時也需要把握一個度，超過這個度會引起用戶不滿

4月1日愚人節(jié)，大家有沒有受到善意的小整蠱呢？“即刻”APP在今年的愚人節(jié)，上線了“注銷賬號”的節(jié)日彩蛋。這天，只要用戶在使用APP期間累計進(jìn)行過3次“點贊”的操作，就會彈出彈出顯示“由于您今日的點贊過于頻繁，我們正在注銷你的帳號…”待注銷的進(jìn)度完成后，會跳出壞笑表情的果果告知你這是逗你玩兒的惡作劇。這個愚人節(jié)彩蛋十分應(yīng)景又有趣，很多用戶表示真是又驚又喜。

2. 微視

設(shè)計點：在功能上通過”你無我有”的方式打破同類產(chǎn)品的現(xiàn)狀獲取優(yōu)勢

隨著網(wǎng)紅經(jīng)濟(jì)的出現(xiàn)，近年來短視頻行業(yè)風(fēng)生水起。“微視”就是騰訊去年4月推出的短視頻創(chuàng)作與分享應(yīng)用。“短視頻”通常指在互聯(lián)網(wǎng)新媒體上傳播時長在1分鐘以內(nèi)的視頻內(nèi)容，具有“短平快”的特性。所以市場上多數(shù)短視頻產(chǎn)品都沒有進(jìn)度條顯示的設(shè)計。如果想要回看視頻的精彩片段，只能從頭循環(huán)播放。但“微視”團(tuán)隊在這一點上充分考慮到了用戶的使用場景，當(dāng)視頻播放時會顯示帶有白色端點指示播放進(jìn)程的進(jìn)度條。左右拖動即可調(diào)整播放進(jìn)度，并且手指在拖拽進(jìn)度的過程中還會實時顯示時間提示。從小細(xì)節(jié)給予用戶及時的反饋保障與良好的使用體驗。

3. 騰訊理財通

設(shè)計點：很多人都有“追求吉利”的心理，將內(nèi)容趣味化，相比傳統(tǒng)的處理方式，這種方式更容易拉近產(chǎn)品與用戶的距離，傳統(tǒng)的處理方式現(xiàn)在看來有些冷冰冰的感覺，缺少溫度

去年“騰訊理財通”推出了理財通尊享版App，從名稱與黑金的風(fēng)格上來看雖然有對標(biāo)螞蟻財富的意味但主要還是針對中高端市場。在資產(chǎn)區(qū)頁面的隱藏金額不再是變成****，而是變成“家財萬貫”這樣的成語。來回多次切換，成語還會隨機(jī)變化如“日進(jìn)斗金”、“身家過億”。這個小細(xì)節(jié)不僅把無趣的內(nèi)容有趣化，還利用積極向上的詞語給用戶良好的心理暗示。就像逢年過節(jié)討個好彩頭,借對方吉言的調(diào)調(diào)。

4. 大麥網(wǎng)

設(shè)計點：將用戶“最失望”的頁面和情感化設(shè)計聯(lián)系起來，就能降低一定的負(fù)面情緒

“大麥網(wǎng)”的404頁面會顯示為某個已故歌手的紀(jì)念頁。除了有明顯的404標(biāo)志來反饋當(dāng)前的頁面狀態(tài)，還會出現(xiàn)歌手如鄧麗君、約翰列儂等的照片與其生平介紹的文案。雖然每次出現(xiàn)頁面丟失狀況時會出現(xiàn)的歌手信息不一樣，但都會出現(xiàn)同一句提示文案“你想看的演出 / 麥麥找遍了天涯海角也沒發(fā)現(xiàn) / 就像曾經(jīng)輝煌的他們 / 已經(jīng)不在這個世界 / 麥麥陪你一起緬懷”。將頁面的丟失與人的離去聯(lián)系起來，含義表達(dá)貼切又十分符合樂迷們的文藝情懷。

5. 夸克瀏覽器

設(shè)計點：縮短操作路徑、合理利用點擊熱區(qū)，是提高使用效率和反饋體驗的方法之一（抖音在播放頁長按屏幕也是根據(jù)不同的觸發(fā)區(qū)域反饋）

我們在手機(jī)全屏觀看視頻的時候，屏幕上的按鈕通常會自動隱藏并在用戶觸碰屏幕時顯示在兩側(cè)。一般播放器的操控按鈕都會出現(xiàn)在屏幕固定的某個位置，但在“夸克瀏覽器”中全屏播放視頻時喚出按鈕出現(xiàn)的位置卻是根據(jù)用戶手部活動區(qū)域靈活變化的。當(dāng)用手點擊手機(jī)左邊屏幕，按鈕列表就會顯示在屏幕左側(cè)；而如果點擊右邊屏幕，按鈕操作區(qū)就會出現(xiàn)在屏幕右側(cè)。這個功能設(shè)計的體驗很棒，尤其對于喜歡躺著看視頻的用戶而言，單手操作的便捷程度會提升很多。

6. 樊登讀書會

設(shè)計點：產(chǎn)品側(cè)希望將“簽到”功能突出，這個處理方式相比通過“純視覺“的指引，要更有趣、更新穎

簽到入口接入手機(jī)設(shè)備的水平儀，根據(jù)手機(jī)傾斜的角度旋轉(zhuǎn)簽到Icon，讓用戶一進(jìn)到這個頁面就能第一時間發(fā)現(xiàn)這個“有趣的設(shè)計”，從而引發(fā)更想點擊進(jìn)去，看看有沒有更有趣的東西~

7. 百度輸入法

未來趨勢預(yù)測：AI語音交互將是手勢交互、界面交互的進(jìn)階

“百度輸入法”App中有一項黑科技—“語音速記”。無論是用來做訪談記錄，還是2~3個人的會議紀(jì)要，都可以幫你輕松搞定。該功能除了可以幫用戶完成語音記錄并轉(zhuǎn)換成文字，還可以通過語音的智能識別技術(shù)區(qū)分每個不同的發(fā)言人，讓用戶的語音記錄更加清晰。目前，該功能只能對3個人以內(nèi)的對話進(jìn)行區(qū)分記錄，以后隨著產(chǎn)品的逐步迭代優(yōu)化應(yīng)該能適用于更多人使用。設(shè)計團(tuán)隊不僅注意到了用戶做語音記錄的需求，還很貼心的注意到了對說話人物的區(qū)分，深入場景的設(shè)計非常人性化。目前還屬于體驗版，期待更優(yōu)質(zhì)的產(chǎn)品性能。

8. 小紅書

設(shè)計點：有時候，文字比圖形動畫更能拉近產(chǎn)品與用戶的距離，將界面設(shè)計回歸到本質(zhì)——內(nèi)容為王，也許不是一件壞事

與多數(shù)產(chǎn)品的“點贊”交互特效不同，“小紅書”的點贊反饋結(jié)合了小動畫與文案提醒。對著產(chǎn)品圖片雙擊即完成點贊操作，按鈕微交互上會給用戶一個大大的愛心動畫進(jìn)行反饋。但如果取消點贊后又再次點贊該圖片，就會變成文案提示進(jìn)行反饋。比如“點贊是一種感覺”、“我也喜歡你”、“你真有品位”等等，每次點贊的文案都不一樣，但都是可愛溫馨又生活化的鼓勵話語。

9. 英語流利說

設(shè)計點：界面等待時，讓用戶有“得到感”，比做一個炫酷的動畫要更有效。用戶使用產(chǎn)品的目的始終都是：獲得、有價值、解決問題。同時在“學(xué)習(xí)成本”比較高的產(chǎn)品里，用碎片化獲取知識的方式提供給用戶，既利用了枯燥的等待時間，也提高了易學(xué)性

據(jù)統(tǒng)計用戶可接受等待的時間平均為5-9秒，2秒以內(nèi)滿意度會最高。但英語流利說的課程加載頁面由于音頻較多，所以常常等待時間較長。因此團(tuán)隊通過將清晰的課程下載進(jìn)度告知用戶來緩解用戶等待的焦慮情緒。Loading動畫以老師的形象展現(xiàn)貼合平臺屬性，隨著進(jìn)度條加載完成的過程同步會出現(xiàn)一些關(guān)于英語學(xué)習(xí)的小貼士與鼓勵語。文案的融入讓加載過程有了可讀性與意義，讓等待的過程不會太枯燥同時也起到了分散用戶注意力平復(fù)焦慮感的作用（有很多游戲類應(yīng)用在加載的時候也是把教程、有趣的文案碎片化的展示給用戶）。

10. 支付寶

設(shè)計點：貼心的設(shè)計源自于真實的使用場景，將真實的線下情況通過設(shè)計手段轉(zhuǎn)化到界面上，就是貼心的設(shè)計

“支付寶”的收錢功能我們都很熟悉：打開自己的收款碼設(shè)置好金額，再拿給對方掃碼即為收錢。當(dāng)手機(jī)處于向下傾斜的角度給對方展示時，界面就會自動旋轉(zhuǎn)二維碼的朝向，并將按鈕置灰不可點擊。界面自動旋轉(zhuǎn)方便對方看即掃碼，按鈕置灰則是防止用戶誤操作點擊到設(shè)置金額。真是小細(xì)節(jié)，大體驗。

本期思考：C端產(chǎn)品與B端產(chǎn)品有哪些差異？

1. 基本差異

2. 設(shè)計價值差異

1. 用戶群體

C端產(chǎn)品的用戶群體就是個人用戶，人人都可以是用戶。那么B端產(chǎn)品的用戶群就是企業(yè)用戶或運(yùn)營商，最終使用的還是企業(yè)或運(yùn)營商的員工，這些員工是否可以和C端用戶一同看待？答案顯然是否定的。

B端產(chǎn)品的使用者是有指向性、有特定的職業(yè)屬性的，產(chǎn)品設(shè)計人員可以對該使用者進(jìn)行講解或者培訓(xùn)，而C端用戶則無法進(jìn)行線下講解和培訓(xùn)，只能由其自身去使用該產(chǎn)品；

2. 解決問題

不管是BorC，解決問題是基礎(chǔ)。醫(yī)院x光預(yù)約自助系統(tǒng)解決排隊長的問題，支付寶付費(fèi)也解決排隊長問題，好的設(shè)計使線下流程合理映射到線上。

如何理解映射模型是否正確，前提是了解用戶，通過用戶故事分析用戶目標(biāo)，進(jìn)一步幫助他解決問題。B端雖很難接觸真實用戶，但越是困難設(shè)計師才更有職責(zé)去推動與真實用戶的接觸；

3. 溝通協(xié)作

可以說B端使用原型溝通效果更明顯，B端產(chǎn)品業(yè)務(wù)龐大制作耗時很難短期內(nèi)看到產(chǎn)品效果，使用原型可用性測試或者給領(lǐng)導(dǎo)層演示，將客戶/用戶拉到研發(fā)早期，減少產(chǎn)品返工風(fēng)險。

原型不只是研發(fā)內(nèi)部溝通工具，更多承擔(dān)向外引導(dǎo)客戶/用戶的有力武器。而C端產(chǎn)品一天出產(chǎn)品原型一周開發(fā)是常態(tài)，再根據(jù)用戶行為監(jiān)控信息修改產(chǎn)品，原型更多是公司內(nèi)部的溝通工具；

4. 使用性能

C端產(chǎn)品的核心功能只有一個，然后把這個核心功能做到極致，如果產(chǎn)品不易用會直接導(dǎo)致用戶流失，且直接影響到流量和商業(yè)利益，因為C端產(chǎn)品的選擇范圍很廣，同質(zhì)化嚴(yán)重，主動權(quán)在個人用戶手上。而B端產(chǎn)品往往是公司要求員工使用，不易用損失的只是員工效率，而買單者(付費(fèi)者)卻是高層領(lǐng)導(dǎo)，員工效率與公司成本之間還有很多影響因素。當(dāng)然公司發(fā)展到某階段各方面需提高效率時，部分領(lǐng)導(dǎo)會重視；

5. 視覺效果

美觀的產(chǎn)品看起來更易用、更容易產(chǎn)生好感，C端消費(fèi)者更傾向于使用美的產(chǎn)品，從視覺和極致的用戶體驗?zāi)苤苯釉黾邮褂酶怕?。而B端產(chǎn)品不以個人意志為基礎(chǔ)，取決于公司高層或公司制度，界面上出現(xiàn)最多的就是表單、圖表、工作內(nèi)容等，枯燥程度可想而知；

綜合來說，設(shè)計不只是負(fù)責(zé)美觀，更多的是解決問題、促進(jìn)溝通、提升產(chǎn)品性能，所以說不管是B端設(shè)計還是C端設(shè)計的價值都很重要。對于注重溝通/提升性能的公司來說，設(shè)計的價值是顯而易見的。而對于那些還沒意識到設(shè)計的重要性的公司，設(shè)計的價值需要數(shù)據(jù)驗證，才能被進(jìn)一步重視。

假如你是偏視覺的設(shè)計師，在做B端業(yè)務(wù)線產(chǎn)品時，在技能和個人成長上，會有一些局限性。但如果你是偏交互的設(shè)計師，那么做完B端產(chǎn)品再去接觸C端的話，會感覺很輕松，因為B端產(chǎn)品的業(yè)務(wù)邏輯復(fù)雜、使用場景繁多。

希望對你有所幫助，下期再見~

往期知識點，了解一下：

《產(chǎn)品體驗日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計-01期》

《產(chǎn)品體驗日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計-02期》

《產(chǎn)品體驗日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計-03期》

《用戶訪談 | 深度解析，你需要離用戶更近一些 (附模板) 》

《產(chǎn)品體驗報告 | 要深度分析，不要表面賞析》

《用戶角色模型 | 拒絕“我認(rèn)為”的設(shè)計》

《用戶體驗旅程圖 | 概念&實操&模板》

作者：h梓暄，公眾號：UXD筆記

本文由 @h梓暄 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議