天天看點

優秀的設計就是帶給使用者驚喜!

作者:鳥哥筆記

來源:黑馬哥

優秀的産品設計是能帶給使用者驚喜的,在不經意間讓使用者感受到溫度,也是提升使用者體驗的關鍵。

随着行業的進步,産品設計師也在不斷優化體驗,輸出一個一個優秀的解決方案。近期黑馬哥也發現了一些比較驚喜的設計,來和大家一起欣賞一下吧!

優秀的設計就是帶給使用者驚喜!

體驗目錄

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

二、動效回報商家備餐過程

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

四、Banner 廣告的視覺沉浸感

五、待機狀态下的實時動态

六、小圖示裡的細節反思

七、輪播式的懸浮設計

八、氛圍熱烈的底部标簽欄

九、收縮式互動設計

十、形象化的進度設計

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

在這個廣告滿天飛的年代,使用者已經逐漸開啟廣告免疫模式,如何提高使用者對廣告的關注度至關重要。

近期在體驗餓了麼時,等待送餐界面中空降一個降落傘,從左上角飄到右側懸浮,彈出紅包懸浮廣告。降落傘飄浮的動态過程吸引了使用者的關注度,進而提高了營銷廣告的點選率,雖然廣告大家都比較反感,但是一個伴随着驚喜的廣告也會讓你放下戒備心理。

優秀的設計就是帶給使用者驚喜!

二、動效回報商家備餐過程

提升等待過程對于使用者體驗來說尤為重要,降低使用者等待過程中的焦慮感,才能讓使用者願意為此停留。

通過餓了麼點餐之後,商家需要一定的時間完成餐飲的制作,必然需要使用者等待一些時間。在這個備餐過程中,目前界面以一個翻炒動效表達,情感化的動效不僅提示使用者目前狀态,也提升了設計表達的感官體驗。

優秀的設計就是帶給使用者驚喜!

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

意料之外的廣告是帶給你驚喜還是反感呢?平台為了提高變現能力,各種層出不窮的廣告玩法也讓你猝不及防。

之前在體驗騰訊視訊 App 時,從閃屏廣告過度到 Banner 圖的過程中,經曆了多個廣告新花樣。首先從閃屏切換到自動輪播的彈窗模式,再演變到放大版的多個廣告切片(占 Banner 位呈現),最後再恢複到 Banner 的正常布局中。這個過程無疑是把廣告的存在感拉滿了,讓你對廣告的記憶形成硬性要求。

優秀的設計就是帶給使用者驚喜!

無論這個廣告設計方案是否讓使用者反感,但是這個呈現的互動方式還是比較新穎的,相信廣告的點選率必然有所提升。

四、Banner 廣告的視覺沉浸感

Banner 圖在産品中是非常普及的,各類形式的演變也層出不窮,産品設計師都在探索更多可能性。

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

優秀的設計就是帶給使用者驚喜!

五、待機狀态下的實時動态

随時讓使用者感受到你的存在,才能讓人感到安心,服務過程中狀态實時可見至關重要。

通過餓了麼點餐之後,就算處于待機狀态時,隻要點亮螢幕即可看到目前出餐狀态。可視化的圖形結合時間提醒,讓狀态一目了然,使得點餐到用餐之間的過程更有使用者可控性。

優秀的設計就是帶給使用者驚喜!

六、小圖示裡的細節反思

産品中有很多輔助功能/資訊等表達的圖示,既要能準确表達主題,也要讓使用者易于了解。

在汽車之家 App 發現了一個值得反思的圖示案例,在掃一掃的圖示中結合了汽車外形輪廓,不僅不會影響掃描的功能表達,也進一步表達了該功能的差異。和别的産品掃描功能不同,這個是對準汽車進行掃描,展現出了業務的差異化。一枚小小的圖示展現出了設計師的能力,用最簡單的方式表現自身産品的差異,以此提升使用者的操作體驗。

優秀的設計就是帶給使用者驚喜!

七、輪播式的懸浮設計

懸浮設計非常普及,因為占比小和滑動頁面會隐藏,對使用者的幹擾比較小。

最近在芒果 TV 首頁發現了懸浮視窗的輪播式表達,芒果卡和活動中心會自動輪播顯示(也能手動切換)。讓我們對懸浮視窗的設計又多了一種設計了解,可以呈現更多不同内容的表達,提升了視窗的使用率。

優秀的設計就是帶給使用者驚喜!

八、氛圍熱烈的底部标簽欄

底部标簽欄的設計在圖示創意層面發揮較多,各類風格的圖示讓該欄目更加豐富多彩,除此之外也有在背景層渲染氛圍的案例。

近期恰逢芒果 TV 十周年之際,在底部标簽欄背景層也加強了氛圍感。豐富多彩的元素和配色,結合主題化的圖示設計,使得整體氛圍感拉滿。

優秀的設計就是帶給使用者驚喜!

九、收縮式互動設計

通過互動方式應對使用者操作過程,特别是在滑動界面時,互動方式的優化可以降低幹擾,提高目前界面的使用率。

在 Blurrr App 創作界面,預設以 3D 動态圖示展示“開始創作”按鈕,當滑動界面時按鈕會收縮展示。通過收縮式的互動設計,讓界面可以展示更多内容,也不會影響使用者點選按鈕進行創作。即通過 3D 動效加強了功能的曝光度,又通過收縮式互動提高了内容的展示空間,可謂是一舉多得的設計解決方案。

優秀的設計就是帶給使用者驚喜!

十、形象化的進度設計

進度設計是回報狀态變化的關鍵,通過可視化的表達讓使用者一目了然,提高使用者對服務過程的把控。

當使用者通過攜程旅行 App 訂票後,在行程訂單界面可以看到列車行駛狀态的進度提示。通過可視化的列車形象的表達了行駛狀态,讓使用者清晰的看到行駛方向和抵達站點示意。不僅資訊傳遞高效,形象的表達也使得感官體驗更佳。

優秀的設計就是帶給使用者驚喜!

小結

優秀的産品總能在細微之處帶給你驚喜,讓你感受到産品服務的情感化和溫度。本文觀點僅代表個人體會,希望可以和大家一起共勉。

繼續閱讀