10個出行產品細節剖析,看看高手是如何做設計的!

五一小長假即將到來,相信大家都已經非常期待啦!

為了做好充分的攻略,最近黑馬哥也體驗了一些旅游出行所需的產品,發現了一些不錯的設計細節。提高產品設計的每一個細節,才能帶給用戶更好的體驗,這些細節的設計也讓我們的出行游玩變得更美好。

往期回顧:

一、品牌化的底部標簽欄設計

圖標在產品中隨處可見,如何提高圖標設計的深度和差異化至關重要,立足于品牌的角度是其中之一的有效方式。

最近在使用智行火車票 App 時,底部標簽欄圖標設計融入了品牌基因圖形,點擊狀態圖標以火車頭剪影進行視覺表達。結合動效過度流暢自然,不僅突出了品牌曝光度,也強化了用戶的品牌認知和記憶度。

10個出行產品細節剖析,看看高手是如何做設計的!

二、流體漸變增強按鈕視覺感

由于流體漸變豐富的色彩表現和動態感,在畫面中能夠更好地起到突出作用,成為近些年流行的視覺趨勢之一。

在攜程旅行酒店預定的欄目中,將查詢按鈕以流體漸變的形式進行設計,使得單調的按鈕變得更加豐富多彩。流動感的視覺呈現提高了按鈕的設計亮點,增強了用戶的點擊欲和感官體驗。

10個出行產品細節剖析,看看高手是如何做設計的!

三、3D 場景提高解鎖設計亮點

隨著 3D 設計的流行,在眾多的產品中隨處可見,提高了產品設計的感官體驗。

在攜程旅行“火車超能力”的頁面設計中,運用了 3D 場景增強畫面視覺感。在解鎖的超能力模塊中,3D 場景的呈現讓內容表達變得更直觀,突出的視覺感也吸引了用戶的關注度。不僅讓界面設計更美觀,突出的視覺表達也提高了用戶解鎖超能力的意愿度。

10個出行產品細節剖析,看看高手是如何做設計的!

四、品牌化的圖標設計

越來越多的產品都在探索品牌化的融入,除了品牌色的強化以外,在品牌圖形、輔助圖形、特征圖形等方面也在不斷探索。

飛豬旅行 App 個人中心界面中,營銷活動的四個入口圖標設計結合飛豬 Logo 造型表達。通過內部差異化的圖形元素區分各類營銷賣點,品牌圖形的運用統一了圖標形式感,讓元素不會顯得分散,視覺協調性和美感度控制得都非常不錯。通過固定造型來約束和統一視覺表達,可以解決圖形分散和視覺風格雜亂的設計問題。

10個出行產品細節剖析,看看高手是如何做設計的!

五、品牌化的閃屏設計

閃屏設計有結合品牌元素的固定形式,也有閃屏廣告,可以單獨出現也可以前后出現。

最近在啟動途牛旅游 App 時,閃屏的設計以品牌化的創意進行表達,視覺沖擊力也成功的引起了我的關注度。將旅游相關的場景元素融入到途牛的品牌外形中,形成帶有品牌感的場景插畫。通過固定造型約束元素組合,不僅統一了風格表達,干凈簡潔的設計也充滿了圖形創意的魅力。

10個出行產品細節剖析,看看高手是如何做設計的!

六、動態輪播的金剛區圖標設計

微動效在圖標中的運用十分常見,可以起到突出元素表達的作用。所以,動效已經成為產品設計師所具備的基礎技能。

飛豬旅行 App 行程欄目中,金剛區圖標在每次進入時會以動效形式逐個演變,以此來增強用戶對每個業務的了解。逐個演變后以靜態形式展示,降低動效過度形成的干擾。

10個出行產品細節剖析,看看高手是如何做設計的!

七、動態封面提高關注度

封面可以輔助信息的傳播,也能提高用戶對欄目的關注度。封面的比例、設計感和表現形式,影響了視覺感的程度,也是吸引用戶關注度的重要因素。

飛豬旅行 App 在“我的旅行回憶”欄目中,封面以徽章滾動的形式進行表達,動態畫面提高了該欄目的關注度。更容易吸引用戶“進入回憶”,解鎖并點亮對應徽章。

10個出行產品細節剖析,看看高手是如何做設計的!

八、動態可視化提高簽到參與度

簽到可以增加產品活躍度,提高用戶的簽到參與度至關重要。除了對應的福利政策之外,設計感的提升也能提高用戶的參與度。

馬蜂窩 App 在福利中心欄目中,簽到的設計融入了可視化的表達。簽到領取的蜂蜜用罐子裝起來,還帶有流動感,動態的表達生動有趣,提高了用戶參與簽到的意愿度。動態可視化的設計讓簽到后的得利更直觀,趣味性的表達也讓簽到變得更有意思,提升用戶對該功能的感官體驗。

10個出行產品細節剖析,看看高手是如何做設計的!

10個出行產品細節剖析,看看高手是如何做設計的!

九、游戲化的任務頁面設計

產品為了提高用戶黏性會打造一些激發用戶參與度的功能或者活動,通過簽到或者完成任務獲得積分/工時等獎勵,可以兌換禮品、優惠券、服務解鎖等。

智行火車票 App 是通過打工小智的形象設計任務功能,以游戲化的模式激發用戶參與度。完成相應的任務獲得工時,用工時換取現金、優惠券和其他服務等。整個任務頁面設計非常精美,打工模式的玩法也比較有趣,游戲化的設計提高了欄目的感官體驗和參與度。

10個出行產品細節剖析,看看高手是如何做設計的!

十、動態賣點強化按鈕點擊欲

在一些重點突出的按鈕設計中,會通過造型、配色、動效、營銷等形式突出視覺感,提高按鈕的關注度和點擊欲。

在去哪兒旅行機票預訂的界面中,搜索按鈕左側設計了一個動態賣點(立減 20),動效的表達突出了按鈕的關注度。動態營銷賣點給突出按鈕提供了不錯的設計思考,這是一個增強用戶點擊欲的有效形式。

10個出行產品細節剖析,看看高手是如何做設計的!

小結

在第一個小長假來臨之前,我們通過這些旅游和出行的產品設計細節,讓我們感受到各大產品做出的努力,為大家提供更好的使用體驗。

本文對于設計的理解闡述屬于個人見解,不足之處歡迎大家留言補充,我們互相進步。

歡迎關注作者的微信公眾號:「黑馬家族」

10個出行產品細節剖析,看看高手是如何做設計的!

收藏 50
點贊 43

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。