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

1 評(píng)論 2651 瀏覽 23 收藏 16 分鐘

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

1. 即刻

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

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

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

2. 微視

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

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

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

3. 騰訊理財(cái)通

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

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

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

4. 大麥網(wǎng)

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

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

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

5. 夸克瀏覽器

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

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

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

6. 樊登讀書會(huì)

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

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

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

7. 百度輸入法

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

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

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

8. 小紅書

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

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

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

9. 英語流利說

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

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

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

10. 支付寶

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

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

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

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

1. 基本差異

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

2. 設(shè)計(jì)價(jià)值差異

1. 用戶群體

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

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

2. 解決問題

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

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

3. 溝通協(xié)作

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

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

5. 視覺效果

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

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

假如你是偏視覺的設(shè)計(jì)師,在做B端業(yè)務(wù)線產(chǎn)品時(shí),在技能和個(gè)人成長上,會(huì)有一些局限性。但如果你是偏交互的設(shè)計(jì)師,那么做完B端產(chǎn)品再去接觸C端的話,會(huì)感覺很輕松,因?yàn)锽端產(chǎn)品的業(yè)務(wù)邏輯復(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)日記 | 發(fā)現(xiàn)優(yōu)秀的設(shè)計(jì)-03期》

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

《產(chǎn)品體驗(yàn)報(bào)告 | 要深度分析,不要表面賞析》

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

《用戶體驗(yàn)旅程圖 | 概念&實(shí)操&模板》

 

作者:h梓暄,公眾號(hào):UXD筆記

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 學(xué)習(xí)了~ ??

    來自廣東 回復(fù)