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

2024-4-26    博博

一、降落傘帶來的營(yíng)銷廣告
在這個(gè)廣告滿天飛的年代,用戶已經(jīng)逐步開啟廣告免疫模式,如何提高用戶對(duì)廣告的關(guān)注度至關(guān)重要。
 
近期在體驗(yàn)餓了么時(shí),等待送餐界面中空降一個(gè)降落傘,從左上角飄到右側(cè)懸浮,彈出紅包懸浮廣告。降落傘飄浮的動(dòng)態(tài)過程吸引了用戶的關(guān)注度,進(jìn)而提高了營(yíng)銷廣告的點(diǎn)擊率,雖然廣告大家都比較反感,但是一個(gè)伴隨著驚喜的廣告也會(huì)讓你放下戒備心理。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
二、動(dòng)效反饋商家備餐過程
提升等待過程對(duì)于用戶體驗(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è)廣告驚不驚喜意不意外
意料之外的廣告是帶給你驚喜還是反感呢?平臺(tái)為了提高變現(xiàn)能力,各種層出不窮的廣告玩法也讓你猝不及防。
 
之前在體驗(yàn)騰訊視頻 App 時(shí),從閃屏廣告過度到 Banner 圖的過程中,經(jīng)歷了多個(gè)廣告新花樣。首先從閃屏切換到自動(dòng)輪播的彈窗模式,再演變到放大版的多個(gè)廣告切片(占 Banner 位呈現(xiàn)),最后再恢復(fù)到 Banner 的正常布局中。這個(gè)過程無疑是把廣告的存在感拉滿了,讓你對(duì)廣告的記憶形成硬性要求。
 
無論這個(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é)合了汽車外形輪廓,不僅不會(huì)影響掃描的功能表達(dá),也進(jìn)一步表達(dá)了該功能的差異。和別的產(chǎn)品掃描功能不同,這個(gè)是對(duì)準(zhǔn)汽車進(jìn)行掃描,體現(xiàn)出了業(yè)務(wù)的差異化。一枚小小的圖標(biāo)體現(xiàn)出了設(shè)計(jì)師的能力,用最簡(jiǎn)單的方式表現(xiàn)自身產(chǎn)品的差異,以此提升用戶的操作體驗(yàn)。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!
 
七、輪播式的懸浮設(shè)計(jì)
懸浮設(shè)計(jì)非常普及,因?yàn)檎急刃『突瑒?dòng)頁(yè)面會(huì)隱藏,對(duì)用戶的干擾比較小。
 
最近在芒果 TV 首頁(yè)發(fā)現(xiàn)了懸浮窗口的輪播式表達(dá),芒果卡和活動(dòng)中心會(huì)自動(dòng)輪播顯示(也能手動(dòng)切換)。讓我們對(duì)懸浮窗口的設(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)對(duì)用戶操作過程,特別是在滑動(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í)按鈕會(huì)收縮展示。通過收縮式的交互設(shè)計(jì),讓界面可以展示更多內(nèi)容,也不會(huì)影響用戶點(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á)讓用戶一目了然,提高用戶對(duì)服務(wù)過程的把控。
 
當(dāng)用戶通過攜程旅行 App 訂票后,在行程訂單界面可以看到列車行駛狀態(tài)的進(jìn)度提示。通過可視化的列車形象的表達(dá)了行駛狀態(tài),讓用戶清晰的看到行駛方向和抵達(dá)站點(diǎn)示意。不僅信息傳遞高效,形象的表達(dá)也使得感官體驗(yàn)更佳。
優(yōu)秀的設(shè)計(jì)就是帶給用戶驚喜!


作者:黑馬青年
來源:站酷

 

藍(lán)藍(lán)設(shè)計(jì)(sillybuy.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)交互設(shè)計(jì)、UI咨詢高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì),以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計(jì)服務(wù)公司、軟件界面設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)公司UI交互設(shè)計(jì)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、用戶體驗(yàn)公司、高端網(wǎng)站設(shè)計(jì)公司

銀行金融軟件UI界面設(shè)計(jì)、能源及監(jiān)控軟件UI界面設(shè)計(jì)、氣象行業(yè)UI界面設(shè)計(jì)軌道交通界面設(shè)計(jì)、地理信息系統(tǒng)GIS UI界面設(shè)計(jì)、航天軍工軟件UI界面設(shè)計(jì)醫(yī)療行業(yè)軟件UI界面設(shè)計(jì)、教育行業(yè)軟件UI界面設(shè)計(jì)、企業(yè)信息化UI界面設(shè)計(jì)、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔