提高用戶體驗(yàn)的10個(gè)優(yōu)秀案例

2022-5-9    lanlanwork


一、特殊場景下的差異化設(shè)計(jì)

根據(jù)用戶使用場景和特殊情況出現(xiàn)時(shí),產(chǎn)品會(huì)結(jié)合變化呈現(xiàn)不同的功能或者服務(wù),這種差異化的設(shè)計(jì)更能體現(xiàn)情感化設(shè)計(jì)的一面,提高用戶對于產(chǎn)品的認(rèn)可度。

騰訊新聞 APP 在東航事故出現(xiàn)時(shí),在底部操作欄新增了祈禱的圖標(biāo),方便用戶表達(dá)祈禱的心情。特殊情況下的差異化設(shè)計(jì)滿足了用戶的情感需求,也體現(xiàn)出了產(chǎn)品的溫度,帶給用戶更強(qiáng)的粘性。

圖片

 

二、優(yōu)化指引路徑提高操作效率

通過提取本機(jī)號碼一鍵登錄減少了繁瑣的注冊流程,提高了登錄的效率,減少用戶的操作路徑。在登錄時(shí)都需要用戶同意一些條款協(xié)議等內(nèi)容,當(dāng)用戶未勾選時(shí)通常都是提示用戶,指引用戶選擇后操作。這樣的設(shè)計(jì)增加了用戶的操作路徑,使用體驗(yàn)不是很好。

網(wǎng)易云音樂 APP 在同樣問題出現(xiàn)時(shí),提供了一個(gè)彈窗進(jìn)行指引,用戶無需重復(fù)操作,直接點(diǎn)擊“同意并繼續(xù)”即可完成登錄。在用戶誤操作出現(xiàn)時(shí),無需用戶過多的操作路徑,給出了更高效的操作解決方案,提高了用戶使用體驗(yàn)。

圖片

 

三、溫馨提示降低用戶的過度依賴

隨著互聯(lián)網(wǎng)時(shí)代的到來,太多的娛樂產(chǎn)品占據(jù)了我們的時(shí)間,過度依賴和使用耗費(fèi)了大量時(shí)間。特別是短視頻的走熱,刷視頻容易帶來過度依賴,影響用戶的視力等健康問題。

抖音 APP 作為用戶量龐大的短視頻產(chǎn)品,提高用戶體驗(yàn)至關(guān)重要。為了降低用戶的過度依賴,提示用戶注意休息,特意設(shè)計(jì)了溫馨提示。用戶可以設(shè)置提示時(shí)間和進(jìn)行管理,APP 也會(huì)定期提示用戶。溫馨的設(shè)計(jì)提高了用戶對產(chǎn)品的好感度,也能輔助用戶做好時(shí)間管理,以免過度依賴而影響休息時(shí)間。

圖片

 

四、隱藏式設(shè)計(jì)提高版面利用率

對于用戶來說希望內(nèi)容具有較高的可見性,提高內(nèi)容的曝光度才能被關(guān)注。在控制內(nèi)容的優(yōu)先級時(shí),通過隱藏式設(shè)計(jì)可以滿足更多內(nèi)容的呈現(xiàn),不過需要做好隱藏內(nèi)容的引導(dǎo),提高隱藏內(nèi)容被發(fā)現(xiàn)的概率。

網(wǎng)易云音樂 APP 在云貝中心簽到設(shè)計(jì)中使用了隱藏式設(shè)計(jì),將簽到相關(guān)的附屬內(nèi)容隱藏在展開卡片中,為更多主要內(nèi)容提供了展示空間。為了提高展開的交互設(shè)計(jì),在每天初次訪問時(shí)會(huì)默認(rèn)展開,然后再收起隱藏,這個(gè)動(dòng)態(tài)的指引提高了這個(gè)交互動(dòng)作的曝光度。利用隱藏式設(shè)計(jì)滿足了產(chǎn)品需求,通過動(dòng)作引導(dǎo)提高了用戶知曉度,是一個(gè)具備較好體驗(yàn)的設(shè)計(jì)解決方案。

圖片

 

五、更人性化的模式設(shè)計(jì)

隨著用戶群體的跨度增加,為了帶給不同年齡段用戶更好的體驗(yàn),眾多產(chǎn)品都針對不同用戶提供了定制化模式。特別是針對老年用戶而進(jìn)行適老化設(shè)計(jì),還有針對青少年兒童設(shè)計(jì)的時(shí)間管理等,不同模式滿足了更多不同年齡段的用戶需求。

比如優(yōu)酷 APP 在個(gè)人中心設(shè)計(jì)了“模式切換”,點(diǎn)擊可以設(shè)置長輩模式、青少年守護(hù)、兒童守護(hù)。針對不同年齡段對于產(chǎn)品的使用需求進(jìn)行定制化,帶給用戶更加人性化的使用體驗(yàn)。

圖片

 

六、定制化的播放頁模式設(shè)計(jì)

不同用戶對于產(chǎn)品的使用需求有所差異,固定的模式雖然可以減少產(chǎn)品的開發(fā)成本,但是單一的體驗(yàn)不夠人性化。針對不同用戶提供更多選擇,可以帶給用戶更加人性化的體驗(yàn)。

MOO 音樂 APP 為了滿足不同用戶對于播放頁的體驗(yàn)差異,設(shè)計(jì)了播放頁模式定制化切換,用戶可以選擇以專輯封面或者背景大圖進(jìn)行展示。為了直觀的方便用戶做出選擇,模式設(shè)計(jì)以可視化的圖形展示,便于用戶更快的做出選擇。定制化的模式雖然把繁瑣的事情留給了產(chǎn)品開發(fā)者,卻把更好的體驗(yàn)帶給了用戶。

圖片

 

七、縮放預(yù)覽滿足對細(xì)節(jié)的體驗(yàn)

隨著短視頻走進(jìn)更多用戶的視野中,短視頻的形式也是越來越豐富,滿足不同用戶的使用體驗(yàn)至關(guān)重要。特別是圖片形式引入短視頻平臺(tái),對于細(xì)節(jié)的體驗(yàn)因人而異,縮放畫面滿足對于細(xì)節(jié)的體驗(yàn)才能更加人性化。

抖音 APP 無論是針對視頻還是圖片形式作品都可以縮放預(yù)覽,配合縮放的手勢交互帶給用戶放大細(xì)節(jié)查看的體驗(yàn),滿足了不同用戶對于細(xì)節(jié)的需求。手勢交互也是產(chǎn)品設(shè)計(jì)師需要多多探索的方向,更加便捷的操作有助于提升用戶對于產(chǎn)品的使用體驗(yàn)。

圖片

 

八、滿足用戶好奇心的設(shè)計(jì)

用戶從小白到依賴是一個(gè)逐步探索的過程,好奇心的用戶會(huì)點(diǎn)擊嘗試任何的功能,甚至連一個(gè)圖標(biāo)或者 LOGO 都希望獲得彩蛋。作為設(shè)計(jì)師來說設(shè)計(jì)出來的每一個(gè)元素都需要考慮用戶體驗(yàn),給予反饋式的設(shè)計(jì)才能滿足好奇心的驅(qū)使。

愛奇藝 APP 首頁左上角的 LOGO 展示你有注意到嗎?有沒有嘗試去點(diǎn)擊體驗(yàn),作為好奇心驅(qū)使特意嘗試了一下。點(diǎn)擊之后會(huì)跳轉(zhuǎn)到皮膚等設(shè)置的頁面,為該功能的曝光新增了首頁入口,用戶也可以通過個(gè)人中心“裝扮”進(jìn)行設(shè)置。該設(shè)計(jì)解決方案不僅滿足了用戶點(diǎn)擊的好奇心,也賦予了 LOGO 展示功能化的作用。

圖片

 

九、可以標(biāo)記和疊加的點(diǎn)贊設(shè)計(jì)

點(diǎn)贊設(shè)計(jì)在眾多產(chǎn)品中均有體現(xiàn),這是用戶表達(dá)對于內(nèi)容的喜歡,以此來增加作者和用戶之間的互動(dòng)性。為了吸引用戶點(diǎn)擊和帶來差異化的體驗(yàn),點(diǎn)贊設(shè)計(jì)也被腦洞大開,在表情化、疊加點(diǎn)贊、點(diǎn)贊標(biāo)記、微動(dòng)效等方向不斷探索。

小宇宙 APP 在播放頁中對音頻進(jìn)行點(diǎn)贊時(shí),可以多次疊加點(diǎn)贊,點(diǎn)擊之后會(huì)針對音頻播放進(jìn)度條進(jìn)行點(diǎn)贊標(biāo)記,反復(fù)點(diǎn)擊也會(huì)使得進(jìn)度條紋增高,以此來強(qiáng)化點(diǎn)贊的程度。該設(shè)計(jì)解決方案不僅豐富了點(diǎn)贊的設(shè)計(jì),也能通過標(biāo)記和進(jìn)度條紋的高度讓用戶記住關(guān)鍵的部分,方便后續(xù)回顧的時(shí)候知道哪些時(shí)間段是重要內(nèi)容,提高用戶對于產(chǎn)品的使用體驗(yàn)。

圖片

 

十、差異化的短視頻推薦設(shè)計(jì)

作為新聞資訊類產(chǎn)品來說,大部分用戶的習(xí)慣還是圖文結(jié)合的閱讀形式,不過隨著短視頻的出現(xiàn),改變了一部分用戶的閱讀習(xí)慣。通過短視頻獲取新聞資訊、搜索指定內(nèi)容、學(xué)習(xí)生活技巧或者專業(yè)技巧等均可實(shí)現(xiàn),改變了用戶的閱讀習(xí)慣和獲取內(nèi)容的形式。

央視新聞 APP 作為新聞資訊類的專業(yè)平臺(tái),在滿足用戶閱讀新聞的同時(shí),也跟進(jìn)了短視頻觀看新聞的體驗(yàn)。在底部標(biāo)簽欄以舵式導(dǎo)航的形式作為短視頻新聞入口,點(diǎn)擊之后會(huì)有推薦視頻展示,差異化的推薦設(shè)計(jì)不僅提高了內(nèi)容的曝光度,也吸引了用戶的關(guān)注度。

圖片

 

小結(jié)

本期為大家總結(jié)了提高用戶體驗(yàn)的十個(gè)優(yōu)秀設(shè)計(jì)解決方案,體驗(yàn)、分析、總結(jié)是為了掌握別人的設(shè)計(jì)經(jīng)驗(yàn),積累設(shè)計(jì)靈感并運(yùn)用到項(xiàng)目設(shè)計(jì)中。靈感的積累離不開總結(jié),探索細(xì)微之處的差異化對于 UX 設(shè)計(jì)師而言至關(guān)重要。

本期分享到此結(jié)束,僅為個(gè)人角度的體驗(yàn)總結(jié),希望可以帶給大家更多靈感啟發(fā)。

 

 

原文地址:黑馬家族(公眾號)
 
作者:黑馬青年
 
轉(zhuǎn)載請注明:學(xué)UI網(wǎng)》提高用戶體驗(yàn)的10個(gè)優(yōu)秀案例

藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長學(xué)習(xí),請掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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ù)、

UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司

分享本文至:

日歷

鏈接

個(gè)人資料

存檔