作為 UX 設計師來說,通過設計提高用戶的操作體驗是我們的工作重心。以最短的路徑實現用戶訪問需求,同時保障產品需求和用戶體驗的雙重達標,對于 UX 設計師而言至關重要。

最近在體驗產品的過程中,發現了很多設計不錯的解決方案,總結了一些在提高用戶體驗層面的優秀案例。涵蓋功能使用、業務流程、用戶群體、個性化設計、手勢設計等方面,希望可以帶給大家更多啟發。

往期回顧:

特殊場景下的差異化設計

根據用戶使用場景和特殊情況出現時,產品會結合變化呈現不同的功能或者服務,這種差異化的設計更能體現情感化設計的一面,提高用戶對于產品的認可度。

騰訊新聞 APP 在東航事故出現時,在底部操作欄新增了祈禱的圖標,方便用戶表達祈禱的心情。特殊情況下的差異化設計滿足了用戶的情感需求,也體現出了產品的溫度,帶給用戶更強的粘性。

10個產品細節剖析,看大廠是如何做設計的!

優化指引路徑提高操作效率

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

網易云音樂 APP 在同樣問題出現時,提供了一個彈窗進行指引,用戶無需重復操作,直接點擊“同意并繼續”即可完成登錄。在用戶誤操作出現時,無需用戶過多的操作路徑,給出了更高效的操作解決方案,提高了用戶使用體驗。

10個產品細節剖析,看大廠是如何做設計的!

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

隨著互聯網時代的到來,太多的娛樂產品占據了我們的時間,過度依賴和使用耗費了大量時間。特別是短視頻的走熱,刷視頻容易帶來過度依賴,影響用戶的視力等健康問題。

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

10個產品細節剖析,看大廠是如何做設計的!

隱藏式設計提高版面利用率

對于用戶來說希望內容具有較高的可見性,提高內容的曝光度才能被關注。在控制內容的優先級時,通過隱藏式設計可以滿足更多內容的呈現,不過需要做好隱藏內容的引導,提高隱藏內容被發現的概率。

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

10個產品細節剖析,看大廠是如何做設計的!

更人性化的模式設計

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

比如優酷 APP 在個人中心設計了“模式切換”,點擊可以設置長輩模式、青少年守護、兒童守護。針對不同年齡段對于產品的使用需求進行定制化,帶給用戶更加人性化的使用體驗。

10個產品細節剖析,看大廠是如何做設計的!

定制化的播放頁模式設計

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

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

10個產品細節剖析,看大廠是如何做設計的!

縮放預覽滿足對細節的體驗

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

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

10個產品細節剖析,看大廠是如何做設計的!

滿足用戶好奇心的設計

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

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

10個產品細節剖析,看大廠是如何做設計的!

可以標記和疊加的點贊設計

點贊設計在眾多產品中均有體現,這是用戶表達對于內容的喜歡,以此來增加作者和用戶之間的互動性。為了吸引用戶點擊和帶來差異化的體驗,點贊設計也被腦洞大開,在表情化、疊加點贊、點贊標記、微動效等方向不斷探索。

小宇宙 APP 在播放頁中對音頻進行點贊時,可以多次疊加點贊,點擊之后會針對音頻播放進度條進行點贊標記,反復點擊也會使得進度條紋增高,以此來強化點贊的程度。該設計解決方案不僅豐富了點贊的設計,也能通過標記和進度條紋的高度讓用戶記住關鍵的部分,方便后續回顧的時候知道哪些時間段是重要內容,提高用戶對于產品的使用體驗。

10個產品細節剖析,看大廠是如何做設計的!

差異化的短視頻推薦設計

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

央視新聞 APP 作為新聞資訊類的專業平臺,在滿足用戶閱讀新聞的同時,也跟進了短視頻觀看新聞的體驗。在底部標簽欄以舵式導航的形式作為短視頻新聞入口,點擊之后會有推薦視頻展示,差異化的推薦設計不僅提高了內容的曝光度,也吸引了用戶的關注度。

10個產品細節剖析,看大廠是如何做設計的!

小結

本期為大家總結了提高用戶體驗的十個優秀設計解決方案,體驗、分析、總結是為了掌握別人的設計經驗,積累設計靈感并運用到項目設計中。靈感的積累離不開總結,探索細微之處的差異化對于 UX 設計師而言至關重要。

本期分享到此結束,僅為個人角度的體驗總結,希望可以帶給大家更多靈感啟發。

歡迎關注作者的微信公眾號:「黑馬家族」

10個產品細節剖析,看大廠是如何做設計的!

收藏 112
點贊 47

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。