UI/UX 設計師離不開產(chǎn)品體驗和日常積累，善于發(fā)現(xiàn)才能積累更多設計靈感，基于優(yōu)秀的案例分析和經(jīng)驗總結，才能助力設計思維的發(fā)散。

黑馬哥依然一如既往地為大家分享近期發(fā)現(xiàn)的靈感，希望這些優(yōu)秀的案例可以開啟大家的思維，成為項目設計中的靈感來源。

一、表情化反饋設計

通過用戶反饋可以讓產(chǎn)品的服務和體驗做得更好，因此獲取反饋的設計變得至關重要。

在餓了么 App 點餐，完成訂單配送之后，會以彈窗的形式采集用戶反饋。通過表情化的設計讓用戶完成選項，情感化的表達可以提高用戶的參與度，進而達到獲取反饋意見的目的。

二、靈動可愛的動效表達

動效的表達相較于靜態(tài)而言更有吸引力，可以讓畫面更有視覺張力。

餓了么在 0 元奪寶活動設計中，以 3D 動效的形式展示靈動可愛的小魚吐泡泡的畫面，瞬間讓場景變得更有趣味性。吸引用戶關注度的同時，也讓活動氛圍感十足。

三、突出品牌主題的輪播設計

輪播圖的設計樣式豐富多樣，設計師都在不斷探索更新穎的表現(xiàn)形式和互動玩法。

最近在體驗芒果 TV 時，在好物欄目中的輪播圖布局設計中，結合了品牌主題進行輪播切換。不僅強化了品牌主題，新穎的樣式表達也使得欄目更有設計感。

四、收縮式導航欄設計

通過交互形式可以讓靜態(tài)布局有更多靈活性，方便用戶在不同操作場景中享受更好的體驗。

作業(yè)幫 App 首頁默認狀態(tài)突出搜索功能，當用戶滑動瀏覽內(nèi)容時，頂部導航欄和搜索功能會收縮展示。簡化部分功能和適配導航欄布局，提高當前界面的利用率，帶給用戶更好的瀏覽體驗。

五、通過動效強化按鈕關注度

微動效越來越普及，不僅可以讓產(chǎn)品變得更有趣味性，也能通過動靜對比突出功能關注度。

進入作業(yè)幫 App 個人中心時，會員開通按鈕會通過一圈光效動效進行強化，吸引用戶關注到開通按鈕。左上角的每日簽到圖標也會以 3D 動效的形式循環(huán)播放，以此吸引用戶進行簽到操作。通過動效強化功能的吸引力，提高用戶的操作概率。

六、可視化設計強化任務流程

生硬的文字表達無法打動用戶的參與度，圖形化、趣味性的可視化表達更能打動用戶。

One More App 通過對選項內(nèi)容進行圖形化表達，讓用戶更直觀地判斷，可視化的設計也讓任務流程的選擇變得更輕松。不僅讓選項內(nèi)容更直觀，也能提高用戶的參與度，達到采集數(shù)據(jù)的目的。

七、動態(tài)封面更吸引人

封面設計是吸引用戶點擊欄目的關鍵，通過豐富多樣的設計表達逐步拉開差異，而動態(tài)封面變得尤為重視。

天天跳繩 App 首頁中，趣運動欄目的活動主題封面進行了動靜結合。相較于靜態(tài)封面而言，動態(tài)封面不僅更吸引人，也顯得很有趣味性。

八、賦予功能營銷屬性

挖掘營銷點是提高產(chǎn)品變現(xiàn)力的關鍵，如何在用戶體驗和營銷曝光度中做平衡，需要我們不斷思考和探索。

微博 App 內(nèi)的營銷布局點很多，在發(fā)現(xiàn)欄目中進行下拉刷新時，有時也會結合活動或者品牌廣告。在不改變功能屬性的基礎上，融入營銷屬性，是一個不錯的嘗試。

九、趣味性的設置按鈕

通過設置按鈕/開關等進行選項或者功能切換，一枚小小的按鈕也可以進行更好的設計發(fā)揮，往往細微之處才能體現(xiàn)出產(chǎn)品的體驗。

進入騰訊動漫 App 在“我的”版塊，進行性別設置和夜間/日間切換時，按鈕設計結合趣味性的動效表達。小小的按鈕變得更加形象可愛，更能吸引用戶進行設置和體驗。

十、細微動效讓圖標更精致

微動效在圖標設計中的運用非常普及，通常是為了突出點擊狀態(tài)或者重點功能，而用于所有圖標的案例相對較少。

最近在體驗馬蜂窩 App 的時候，發(fā)現(xiàn)首頁金剛區(qū)圖標全部都帶有微動效，動效表達不會很夸張，都是細微的點綴。不僅點綴了圖標設計，也讓圖標顯得更精致和趣味，細微的動效不會使得整體互相干擾，是一個非常不錯的金剛區(qū)圖標設計方案。

小結

本期的產(chǎn)品體驗總結希望可以帶給大家一些啟發(fā)，通過優(yōu)秀的案例讓我們掌握更多設計技巧和靈感。本文描述屬于個人觀點，不足之處歡迎大家指正，我們互相進步。

作者：黑馬家族