優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！

2025-2-22    藍(lán)藍(lán)設(shè)計(jì)的小編 設(shè)計(jì)思維

優(yōu)秀的產(chǎn)品設(shè)計(jì)是能帶給用戶驚喜的，在不經(jīng)意間讓用戶感受到溫度，也是提升用戶體驗(yàn)的關(guān)鍵。
 
隨著行業(yè)的進(jìn)步，產(chǎn)品設(shè)計(jì)師也在不斷優(yōu)化體驗(yàn)，輸出一個(gè)一個(gè)優(yōu)秀的解決方案。近期黑馬哥也發(fā)現(xiàn)了一些比較驚喜的設(shè)計(jì)，來和大家一起欣賞一下吧！
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
體驗(yàn)?zāi)夸?/div>
一、降落傘帶來的營銷廣告
二、動(dòng)效反饋商家備餐過程
三、這個(gè)廣告驚不驚喜意不意外
四、Banner 廣告的視覺沉浸感
五、待機(jī)狀態(tài)下的實(shí)時(shí)動(dòng)態(tài)
六、小圖標(biāo)里的細(xì)節(jié)反思
七、輪播式的懸浮設(shè)計(jì)
八、氛圍熱烈的底部標(biāo)簽欄
九、收縮式交互設(shè)計(jì)
十、形象化的進(jìn)度設(shè)計(jì)
 
 
一、降落傘帶來的營銷廣告
在這個(gè)廣告滿天飛的年代，用戶已經(jīng)逐步開啟廣告免疫模式，如何提高用戶對廣告的關(guān)注度至關(guān)重要。
 
近期在體驗(yàn)餓了么時(shí)，等待送餐界面中空降一個(gè)降落傘，從左上角飄到右側(cè)懸浮，彈出紅包懸浮廣告。降落傘飄浮的動(dòng)態(tài)過程吸引了用戶的關(guān)注度，進(jìn)而提高了營銷廣告的點(diǎn)擊率，雖然廣告大家都比較反感，但是一個(gè)伴隨著驚喜的廣告也會讓你放下戒備心理。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
二、動(dòng)效反饋商家備餐過程
提升等待過程對于用戶體驗(yàn)來說尤為重要，降低用戶等待過程中的焦慮感，才能讓用戶愿意為此停留。
 
通過餓了么點(diǎn)餐之后，商家需要一定的時(shí)間完成餐飲的制作，必然需要用戶等待一些時(shí)間。在這個(gè)備餐過程中，當(dāng)前界面以一個(gè)翻炒動(dòng)效表達(dá)，情感化的動(dòng)效不僅提示用戶當(dāng)前狀態(tài)，也提升了設(shè)計(jì)表達(dá)的感官體驗(yàn)。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
三、這個(gè)廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢？平臺為了提高變現(xiàn)能力，各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗(yàn)騰訊視頻 App 時(shí)，從閃屏廣告過度到 Banner 圖的過程中，經(jīng)歷了多個(gè)廣告新花樣。首先從閃屏切換到自動(dòng)輪播的彈窗模式，再演變到放大版的多個(gè)廣告切片（占 Banner 位呈現(xiàn)），最后再恢復(fù)到 Banner 的正常布局中。這個(gè)過程無疑是把廣告的存在感拉滿了，讓你對廣告的記憶形成硬性要求。
 
無論這個(gè)廣告設(shè)計(jì)方案是否讓用戶反感，但是這個(gè)呈現(xiàn)的互動(dòng)方式還是比較新穎的，相信廣告的點(diǎn)擊率必然有所提升。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
四、Banner 廣告的視覺沉浸感
Banner 圖在產(chǎn)品中是非常普及的，各類形式的演變也層出不窮，產(chǎn)品設(shè)計(jì)師都在探索更多可能性。
 
在騰訊視頻 App 動(dòng)漫欄目中，發(fā)現(xiàn)一例很有想法的 Banner 表現(xiàn)。Banner 上面新增了一個(gè)懸浮的火焰燃燒的動(dòng)效，提升了整體的氛圍感，動(dòng)效與 Banner 畫面完美貼合，視覺沉浸感十足。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
五、待機(jī)狀態(tài)下的實(shí)時(shí)動(dòng)態(tài)
隨時(shí)讓用戶感受到你的存在，才能讓人感到安心，服務(wù)過程中狀態(tài)實(shí)時(shí)可見至關(guān)重要。
 
通過餓了么點(diǎn)餐之后，就算處于待機(jī)狀態(tài)時(shí)，只要點(diǎn)亮屏幕即可看到當(dāng)前出餐狀態(tài)?？梢暬膱D形結(jié)合時(shí)間提醒，讓狀態(tài)一目了然，使得點(diǎn)餐到用餐之間的過程更有用戶可控性。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
六、小圖標(biāo)里的細(xì)節(jié)反思
產(chǎn)品中有很多輔助功能/信息等表達(dá)的圖標(biāo)，既要能準(zhǔn)確表達(dá)主題，也要讓用戶易于理解。
 
在汽車之家 App 發(fā)現(xiàn)了一個(gè)值得反思的圖標(biāo)案例，在掃一掃的圖標(biāo)中結(jié)合了汽車外形輪廓，不僅不會影響掃描的功能表達(dá)，也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同，這個(gè)是對準(zhǔn)汽車進(jìn)行掃描，體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計(jì)師的能力，用最簡單的方式表現(xiàn)自身產(chǎn)品的差異，以此提升用戶的操作體驗(yàn)。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
七、輪播式的懸浮設(shè)計(jì)
懸浮設(shè)計(jì)非常普及，因?yàn)檎急刃『突瑒?dòng)頁面會隱藏，對用戶的干擾比較小。
 
最近在芒果 TV 首頁發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá)，芒果卡和活動(dòng)中心會自動(dòng)輪播顯示（也能手動(dòng)切換）。讓我們對懸浮窗口的設(shè)計(jì)又多了一種設(shè)計(jì)理解，可以呈現(xiàn)更多不同內(nèi)容的表達(dá)，提升了窗口的利用率。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
八、氛圍熱烈的底部標(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ì)，使得整體氛圍感拉滿。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
九、收縮式交互設(shè)計(jì)
通過交互方式應(yīng)對用戶操作過程，特別是在滑動(dòng)界面時(shí)，交互方式的優(yōu)化可以降低干擾，提高當(dāng)前界面的利用率。
 
在 Blurrr App 創(chuàng)作界面，默認(rèn)以 3D 動(dòng)態(tài)圖標(biāo)展示“開始創(chuàng)作”按鈕，當(dāng)滑動(dòng)界面時(shí)按鈕會收縮展示。通過收縮式的交互設(shè)計(jì)，讓界面可以展示更多內(nèi)容，也不會影響用戶點(diǎn)擊按鈕進(jìn)行創(chuàng)作。即通過 3D 動(dòng)效加強(qiáng)了功能的曝光度，又通過收縮式交互提高了內(nèi)容的展示空間，可謂是一舉多得的設(shè)計(jì)解決方案。
優(yōu)秀的設(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)更佳。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜！
 
 
 
 
小結(jié)
優(yōu)秀的產(chǎn)品總能在細(xì)微之處帶給你驚喜，讓你感受到產(chǎn)品服務(wù)的情感化和溫度。本文觀點(diǎn)僅代表個(gè)人體會，希望可以和大家一起共勉。
 
作者：黑馬青年
本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可，禁止轉(zhuǎn)載。


作者：黑馬青年
鏈接：https://www.zcool.com.cn/article/ZMTYxODE4MA==.html
來源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請注明出處。

日歷

鏈接

個(gè)人資料

存檔