優(yōu)秀的產(chǎn)品設計是能帶給用戶驚喜的，在不經(jīng)意間讓用戶感受到溫度，也是提升用戶體驗的關鍵。
隨著行業(yè)的進步，產(chǎn)品設計師也在不斷優(yōu)化體驗，輸出一個一個優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設計，來和大家一起欣賞一下吧！
體驗目錄
一、降落傘帶來的營銷廣告
二、動效反饋商家備餐過程
三、這個廣告驚不驚喜意不意外
四、Banner 廣告的視覺沉浸感
五、待機狀態(tài)下的實時動態(tài)
六、小圖標里的細節(jié)反思
七、輪播式的懸浮設計
八、氛圍熱烈的底部標簽欄
九、收縮式交互設計
十、形象化的進度設計
一、降落傘帶來的營銷廣告
在這個廣告滿天飛的年代，用戶已經(jīng)逐步開啟廣告免疫模式，如何提高用戶對廣告的關注度至關重要。
近期在體驗餓了么時，等待送餐界面中空降一個降落傘，從左上角飄到右側(cè)懸浮，彈出紅包懸浮廣告。降落傘飄浮的動態(tài)過程吸引了用戶的關注度，進而提高了營銷廣告的點擊率，雖然廣告大家都比較反感，但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。
二、動效反饋商家備餐過程
提升等待過程對于用戶體驗來說尤為重要，降低用戶等待過程中的焦慮感，才能讓用戶愿意為此停留。
通過餓了么點餐之后，商家需要一定的時間完成餐飲的制作，必然需要用戶等待一些時間。在這個備餐過程中，當前界面以一個翻炒動效表達，情感化的動效不僅提示用戶當前狀態(tài)，也提升了設計表達的感官體驗。
三、這個廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢？平臺為了提高變現(xiàn)能力，各種層出不窮的廣告玩法也讓你猝不及防。
之前在體驗騰訊視頻 App 時，從閃屏廣告過度到 Banner 圖的過程中，經(jīng)歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式，再演變到放大版的多個廣告切片（占 Banner 位呈現(xiàn)），最后再恢復到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了，讓你對廣告的記憶形成硬性要求。
無論這個廣告設計方案是否讓用戶反感，但是這個呈現(xiàn)的互動方式還是比較新穎的，相信廣告的點擊率必然有所提升。
四、Banner 廣告的視覺沉浸感
Banner 圖在產(chǎn)品中是非常普及的，各類形式的演變也層出不窮，產(chǎn)品設計師都在探索更多可能性。
在騰訊視頻 App 動漫欄目中，發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個懸浮的火焰燃燒的動效，提升了整體的氛圍感，動效與 Banner 畫面完美貼合，視覺沉浸感十足。
五、待機狀態(tài)下的實時動態(tài)
隨時讓用戶感受到你的存在，才能讓人感到安心，服務過程中狀態(tài)實時可見至關重要。
通過餓了么點餐之后，就算處于待機狀態(tài)時，只要點亮屏幕即可看到當前出餐狀態(tài)。可視化的圖形結(jié)合時間提醒，讓狀態(tài)一目了然，使得點餐到用餐之間的過程更有用戶可控性。
六、小圖標里的細節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達的圖標，既要能準確表達主題，也要讓用戶易于理解。
在汽車之家 App 發(fā)現(xiàn)了一個值得反思的圖標案例，在掃一掃的圖標中結(jié)合了汽車外形輪廓，不僅不會影響掃描的功能表達，也進一步表達了該功能的差異。和別的產(chǎn)品掃描功能不同，這個是對準汽車進行掃描，體現(xiàn)出了業(yè)務的差異化。一枚小小的圖標體現(xiàn)出了設計師的能力，用最簡單的方式表現(xiàn)自身產(chǎn)品的差異，以此提升用戶的操作體驗。
七、輪播式的懸浮設計
懸浮設計非常普及，因為占比小和滑動頁面會隱藏，對用戶的干擾比較小。
最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達，芒果卡和活動中心會自動輪播顯示（也能手動切換）。讓我們對懸浮窗口的設計又多了一種設計理解，可以呈現(xiàn)更多不同內(nèi)容的表達，提升了窗口的利用率。
八、氛圍熱烈的底部標簽欄
底部標簽欄的設計在圖標創(chuàng)意層面發(fā)揮較多，各類風格的圖標讓該欄目更加豐富多彩，除此之外也有在背景層渲染氛圍的案例。
近期恰逢芒果 TV 十周年之際，在底部標簽欄背景層也加強了氛圍感。豐富多彩的元素和配色，結(jié)合主題化的圖標設計，使得整體氛圍感拉滿。
九、收縮式交互設計
通過交互方式應對用戶操作過程，特別是在滑動界面時，交互方式的優(yōu)化可以降低干擾，提高當前界面的利用率。
在 Blurrr App 創(chuàng)作界面，默認以 3D 動態(tài)圖標展示開始創(chuàng)作按鈕，當滑動界面時按鈕會收縮展示。通過收縮式的交互設計，讓界面可以展示更多內(nèi)容，也不會影響用戶點擊按鈕進行創(chuàng)作。即通過 3D 動效加強了功能的曝光度，又通過收縮式交互提高了內(nèi)容的展示空間，可謂是一舉多得的設計解決方案。
十、形象化的進度設計
進度設計是反饋狀態(tài)變化的關鍵，通過可視化的表達讓用戶一目了然，提高用戶對服務過程的把控。
當用戶通過攜程旅行 App 訂票后，在行程訂單界面可以看到列車行駛狀態(tài)的進度提示。通過可視化的列車形象的表達了行駛狀態(tài)，讓用戶清晰的看到行駛方向和抵達站點示意。不僅信息傳遞高效，形象的表達也使得感官體驗更佳。
小結(jié)
優(yōu)秀的產(chǎn)品總能在細微之處帶給你驚喜，讓你感受到產(chǎn)品服務的情感化和溫度。本文觀點僅代表個人體會，希望可以和大家一起共勉。
看完覺得寫得好的，不防打賞一元，以支持藍海情報網(wǎng)揭秘更多好的項目。
感謝您的支持，我會繼續(xù)努力的!
打開支付寶掃一掃，即可進行掃碼打賞哦
手機直接保存圖片,掃一掃識別二維碼,即可進行掃碼打賞哦
