優(yōu)秀的產(chǎn)品設(shè)計(jì)是能帶給用戶驚喜的，在不經(jīng)意間讓用戶感受到溫度，也是提升用戶體驗(yàn)的關(guān)鍵。

隨著行業(yè)的進(jìn)步，產(chǎn)品設(shè)計(jì)師也在不斷優(yōu)化體驗(yàn)，輸出一個一個優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設(shè)計(jì)，來和大家一起欣賞一下吧！

一、降落傘帶來的營銷廣告

在這個廣告滿天飛的年代，用戶已經(jīng)逐步開啟廣告免疫模式，如何提高用戶對廣告的關(guān)注度至關(guān)重要。

近期在體驗(yàn)餓了么時(shí)，等待送餐界面中空降一個降落傘，從左上角飄到右側(cè)懸浮，彈出紅包懸浮廣告。降落傘飄浮的動態(tài)過程吸引了用戶的關(guān)注度，進(jìn)而提高了營銷廣告的點(diǎn)擊率，雖然廣告大家都比較反感，但是一個伴隨著驚喜的廣告也會讓你放下戒備心理。

二、動效反饋商家備餐過程

提升等待過程對于用戶體驗(yàn)來說尤為重要，降低用戶等待過程中的焦慮感，才能讓用戶愿意為此停留。

通過餓了么點(diǎn)餐之后，商家需要一定的時(shí)間完成餐飲的制作，必然需要用戶等待一些時(shí)間。在這個備餐過程中，當(dāng)前界面以一個翻炒動效表達(dá)，情感化的動效不僅提示用戶當(dāng)前狀態(tài)，也提升了設(shè)計(jì)表達(dá)的感官體驗(yàn)。

三、這個廣告驚不驚喜意不意外

意料之外的廣告是帶給你驚喜還是反感呢？平臺為了提高變現(xiàn)能力，各種層出不窮的廣告玩法也讓你猝不及防。

之前在體驗(yàn)騰訊視頻 App 時(shí)，從閃屏廣告過渡到 Banner 圖的過程中，經(jīng)歷了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式，再演變到放大版的多個廣告切片（占 Banner 位呈現(xiàn)），最后再恢復(fù)到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了，讓你對廣告的記憶形成硬性要求。

無論這個廣告設(shè)計(jì)方案是否讓用戶反感，但是這個呈現(xiàn)的互動方式還是比較新穎的，相信廣告的點(diǎn)擊率必然有所提升。

四、Banner 廣告的視覺沉浸感

Banner 圖在產(chǎn)品中是非常普及的，各類形式的演變也層出不窮，產(chǎn)品設(shè)計(jì)師都在探索更多可能性。

在騰訊視頻 App 動漫欄目中，發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個懸浮的火焰燃燒的動效，提升了整體的氛圍感，動效與 Banner 畫面完美貼合，視覺沉浸感十足。

五、待機(jī)狀態(tài)下的實(shí)時(shí)動態(tài)

隨時(shí)讓用戶感受到你的存在，才能讓人感到安心，服務(wù)過程中狀態(tài)實(shí)時(shí)可見至關(guān)重要。

通過餓了么點(diǎn)餐之后，就算處于待機(jī)狀態(tài)時(shí)，只要點(diǎn)亮屏幕即可看到當(dāng)前出餐狀態(tài)。可視化的圖形結(jié)合時(shí)間提醒，讓狀態(tài)一目了然，使得點(diǎn)餐到用餐之間的過程更有用戶可控性。

六、小圖標(biāo)里的細(xì)節(jié)反思

產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo)，既要能準(zhǔn)確表達(dá)主題，也要讓用戶易于理解。

在汽車之家 App 發(fā)現(xiàn)了一個值得反思的圖標(biāo)案例，在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓，不僅不會影響掃描的功能表達(dá)，也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同，這個是對準(zhǔn)汽車進(jìn)行掃描，體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計(jì)師的能力，用最簡單的方式表現(xiàn)自身產(chǎn)品的差異，以此提升用戶的操作體驗(yàn)。

七、輪播式的懸浮設(shè)計(jì)

懸浮設(shè)計(jì)非常普及，因?yàn)檎急刃『突瑒禹撁鏁[藏，對用戶的干擾比較小。

最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá)，芒果卡和活動中心會自動輪播顯示（也能手動切換）。讓我們對懸浮窗口的設(shè)計(jì)又多了一種設(shè)計(jì)理解，可以呈現(xiàn)更多不同內(nèi)容的表達(dá)，提升了窗口的利用率。

八、氛圍熱烈的底部標(biāo)簽欄

底部標(biāo)簽欄的設(shè)計(jì)在圖標(biāo)創(chuàng)意層面發(fā)揮較多，各類風(fēng)格的圖標(biāo)讓該欄目更加豐富多彩，除此之外也有在背景層渲染氛圍的案例。

近期恰逢芒果 TV 十周年之際，在底部標(biāo)簽欄背景層也加強(qiáng)了氛圍感。豐富多彩的元素和配色，結(jié)合主題化的圖標(biāo)設(shè)計(jì)，使得整體氛圍感拉滿。

九、收縮式交互設(shè)計(jì)

通過交互方式應(yīng)對用戶操作過程，特別是在滑動界面時(shí)，交互方式的優(yōu)化可以降低干擾，提高當(dāng)前界面的利用率。

在 Blurrr App 創(chuàng)作界面，默認(rèn)以 3D 動態(tài)圖標(biāo)展示“開始創(chuàng)作”按鈕，當(dāng)滑動界面時(shí)按鈕會收縮展示。通過收縮式的交互設(shè)計(jì)，讓界面可以展示更多內(nèi)容，也不會影響用戶點(diǎn)擊按鈕進(jìn)行創(chuàng)作。既通過 3D 動效加強(qiáng)了功能的曝光度，又通過收縮式交互提高了內(nèi)容的展示空間，可謂是一舉多得的設(shè)計(jì)解決方案。

十、形象化的進(jìn)度設(shè)計(jì)

進(jìn)度設(shè)計(jì)是反饋狀態(tài)變化的關(guān)鍵，通過可視化的表達(dá)讓用戶一目了然，提高用戶對服務(wù)過程的把控。

當(dāng)用戶通過攜程旅行 App 訂票后，在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過可視化的列車形象的表達(dá)了行駛狀態(tài)，讓用戶清晰的看到行駛方向和抵達(dá)站點(diǎn)示意。不僅信息傳遞高效，形象的表達(dá)也使得感官體驗(yàn)更佳。

小結(jié)

優(yōu)秀的產(chǎn)品總能在細(xì)微之處帶給你驚喜，讓你感受到產(chǎn)品服務(wù)的情感化和溫度。本文觀點(diǎn)僅代表個人體會，希望可以和大家一起共勉。

歡迎關(guān)注作者的微信公眾號：「黑馬家族」