01、不一樣的優(yōu)惠券疊加設計

優(yōu)惠券在電商購物場景中運用普遍，如何提高優(yōu)惠券的關注度和使用率是至關重要的探索。特別是在多個優(yōu)惠券疊加的場景中，如何在交互層面和視覺引導層面進行突破，作為設計師來說都在不斷嘗試新的解決方案。

最近發(fā)現(xiàn)得物（毒）將多個優(yōu)惠券設計成左右滑動的動效形式，方便用戶關注到更多不一樣的優(yōu)惠券。將有效期設計成失效的倒計時，營造時間緊迫感，提高用戶的關注度和優(yōu)惠券的使用率。

02、突出品牌感的輪播 Banner 設計

輪播圖在產(chǎn)品設計中較為普遍，以推廣營銷活動為主。除了在 Banner 設計本身進行創(chuàng)意發(fā)揮以外，在 UI 布局層面也是設計師探索的方向。

得物（毒）在最近的一次新年活動中，利用品牌展示和輪播 Banner 相結合進行布局呈現(xiàn)，不僅突出活動主題，也強化了活動品牌的曝光度。除了自動輪播之外，也可以點擊品牌卡片切換，操作也是非常便利。Banner 底部卡片的展示也能讓用戶在當前視野中瀏覽到其他品牌，提高了更多品牌的曝光度。

03、多種分類下的輪播設計

單輪播設計較為普遍，當我們遇到按照不同類別輪播類別內(nèi)的內(nèi)容時，如何處理好類別的樣式和輪播的呈現(xiàn)方式呢？相信這個設計解決方案是一個不錯的思路。

網(wǎng)易云音樂 APP 播客欄目中，隨心聽 FM 除了卡片輪播以外，下方設計了音樂類別的選擇，模擬調(diào)頻場景設計，操作不僅非常便利，感官體驗也是非常不錯。背景顏色也會隨著類別切換進行微變化，帶給用戶非常自然的視覺過度。

04、通過手勢拖拽隱藏紅點提示

紅點效應從強迫癥已經(jīng)開始過度到治愈期，不過針對信息列表較多的部分，紅點提示太多也是非常干擾用戶體驗的。

在 MOMO 陌陌 APP 消息欄目中，如果你覺得紅點提示消息過多時，可以通過拖拽紅點隱藏顯示，無需挨個刪除或者閱讀。配合微動效的設計表現(xiàn)，帶給用戶非常流暢自然的操作體驗，借助手勢交互的設計提升用戶體驗。

05、右滑手勢探索新的世界

手勢交互設計在產(chǎn)品中逐漸得到應用，可以在有限的空間里面探索更多的互動體驗，帶給用戶更加便利的操作體驗。

最近研究手勢交互的時候，發(fā)現(xiàn) MOMO 陌陌 APP 首頁右滑即可開啟新功能，探索新的世界，吸引用戶前往這個小宇宙去探索。

06、刷新設計的情感化表達

把簡單的功能做到極致，把重復的動作做到更有情感化。想要抓住用戶的情感共鳴，就要在細微之處帶給用戶更有情感化的體驗。

喜馬拉雅 APP 在下拉刷新時，不是固定的文案提示，針對這個動作設置了不一樣的文案提示。每一次刷新都會展示不一樣的文案，讓用戶感受到這是一個有溫度的產(chǎn)品，情感化設計的表達提高了用戶的情感共鳴。

07、融入春節(jié)元素的金剛區(qū)設計

春節(jié)元素融入到 UI 設計中近期出現(xiàn)了很多案例，在金剛區(qū)圖標設計中的表現(xiàn)尤為突出，帶給用戶情感化的場景代入感。

自如 APP 就將春節(jié)中的元素融入到金剛區(qū)的圖標設計中，帶來的感官體驗也是非常不錯的。運用到的元素涉及鞭炮、福字、元寶、紅包、糖葫蘆等等，結合中國紅營造出濃厚的春節(jié)氛圍。

08、醒目的引導提示設計

針對新業(yè)務或者新功能的新手引導設計，有助于提高用戶對于內(nèi)容的熟悉度，也能降低摸索學習的成本。

記賬城市 APP 在打開應用時，會在底部彈出新增的一些功能或者交互玩法。通過俏皮可愛的卡通形象以對話式的形式傳遞內(nèi)容，降低了用戶的學習成本，一目了然且不會形成對主功能區(qū)域的干擾。

09、用設計為北京冬奧會加油

最近比較熱門的話題就是北京冬奧會了，各大品牌都在不同的渠道通過各種形式進行曝光，借助營銷策劃或者單純的加油祝賀，為北京冬奧會的舉辦增添色彩。

高德地圖 APP 在地圖主頁添加火炬元素突出冬奧主題，點擊會展開“點燃昂揚斗志，中國隊加油”。保持當前結構的基礎上，通過元素的添加達到主題的突出，既不干擾用戶操作，也能通過情感化的設計與用戶產(chǎn)生共鳴。

10、游戲化的簽到積分設計

簽到掙積分獲取相應的獎勵，在產(chǎn)品中較為常見，特別是電商類產(chǎn)品。隨著這種形式的普及，起初的新鮮感逐漸減少，有差異和創(chuàng)意的表達方式才能吸引用戶的關注度。

得物（毒）結合游戲化的形式表達簽到和領取積分的設計，通過積分換取優(yōu)惠券和禮品等。積分采用極光的形式表達，不足的情況下可以通過“找極光”獲取，激發(fā)用戶的參與度。

小結

從感官體驗的角度體驗產(chǎn)品，總結了在 UI 設計視覺層面的解決方案，有助于提高 UI 設計師的視覺表現(xiàn)能力。對比相同功能的不同視覺表達，總結優(yōu)秀的設計呈現(xiàn)方案，希望這個欄目可以帶給你更多幫助！