資深UI設(shè)計(jì)者 交互設(shè)計(jì)及用戶體驗(yàn)
交互設(shè)計(jì)( interaction design, IXD ),從字面上來(lái)說(shuō),交互即為相互作用相互影響,設(shè)計(jì)即為理解與傳達(dá)。在互聯(lián)網(wǎng)產(chǎn)品中,交互設(shè)計(jì)對(duì)用戶體驗(yàn)產(chǎn)生很大的影響。本文將圍繞交互設(shè)計(jì)進(jìn)行分析,與你分享。
資深UI設(shè)計(jì)者 交互設(shè)計(jì)及用戶體驗(yàn)
前面的文章我們分享了交互設(shè)計(jì)思維,這篇文章,我們來(lái)看看用戶目標(biāo)與交互目標(biāo)。交互設(shè)計(jì)的核心,就是幫用戶拆解這些目標(biāo)并找到最優(yōu)路徑,讓他們覺(jué)得“這事兒沒(méi)那么難”。
2025年,UI/UX設(shè)計(jì)領(lǐng)域正迎來(lái)一系列令人興奮的創(chuàng)新趨勢(shì)。從更具沉浸感的3D元素到人性化的分區(qū)設(shè)計(jì),從動(dòng)態(tài)排版到模糊與顆粒效果的巧妙運(yùn)用,再到生物識(shí)別技術(shù)的普及和可穿戴設(shè)備的深度適配,這些趨勢(shì)不僅讓界面更加美觀,更提升了用戶體驗(yàn)和情感共鳴。本文將深入探討這些前沿設(shè)計(jì)趨勢(shì),為設(shè)計(jì)師和產(chǎn)品團(tuán)隊(duì)提供靈感和方向,幫助他們打造出更具吸引力和實(shí)用性的數(shù)字產(chǎn)品。
2025 年,數(shù)字設(shè)計(jì)領(lǐng)域會(huì)有很多新機(jī)會(huì),這都得靠創(chuàng)新來(lái)推動(dòng)。設(shè)計(jì)師們現(xiàn)在越來(lái)越大膽,敢打破傳統(tǒng)套路,設(shè)計(jì)出的東西不僅要實(shí)用,還得有吸引力,能真正打動(dòng)人。
比如,會(huì)有更多 3D 元素加入設(shè)計(jì)里,讓用戶感覺(jué)更真實(shí)、更沉浸;還有很多設(shè)計(jì)會(huì)把 “方便用戶” 和 “拉近人際距離” 放在首位,不再只追求技術(shù)炫酷,而是更關(guān)注用戶的實(shí)際需求和情感感受。
那么我們來(lái)看一下有哪些趨勢(shì)~
你有沒(méi)有過(guò)這樣的體驗(yàn)?打開一個(gè) APP,信息像 “亂燉” 一樣堆在一起,找半天找不到重點(diǎn)。
2025 年的設(shè)計(jì)師學(xué)會(huì)了 “斷舍離”
就像日式便當(dāng)盒把飯菜分成不同格子,現(xiàn)在設(shè)計(jì)師也把網(wǎng)頁(yè)或 APP 界面分成多個(gè) “小格子”,每個(gè)格子放不同功能或內(nèi)容(比如數(shù)據(jù)、圖片、文字)。
好處:信息更清晰,用戶一眼就能看出重點(diǎn),而且設(shè)計(jì)師可以靈活排列,讓頁(yè)面既整齊又好看。
比如有的網(wǎng)站用這種格子展示不同模塊,重要內(nèi)容更突出,干擾少。
分區(qū)設(shè)計(jì)技巧:格子的大小、間距、邊框都有講究!重要內(nèi)容的格子更大、邊框更粗,次要信息的格子更 “低調(diào)”,就像媽媽給你裝便當(dāng),愛吃的菜永遠(yuǎn)擺在最顯眼的位置。
圖片網(wǎng)站鏈接:https://selestial.co/
以前網(wǎng)頁(yè)里的 3D 圖像是 “擺件”,現(xiàn)在它們會(huì) “互動(dòng)” 了!
3D 效果不是新鮮事,但現(xiàn)在更厲害:能互動(dòng)、能沉浸!
比如網(wǎng)頁(yè)里的物體可以 360 度旋轉(zhuǎn),虛擬試穿衣服、查看產(chǎn)品細(xì)節(jié),甚至結(jié)合 AR/VR 讓你感覺(jué)身臨其境。
現(xiàn)在手機(jī)和瀏覽器性能更強(qiáng)了,3D 元素加載更快,甚至能在低配設(shè)備上流暢運(yùn)行,設(shè)計(jì)師可以大膽用毛茸茸的 3D 圖標(biāo)、會(huì) “呼吸” 的動(dòng)態(tài)按鈕(比如按鈕按下時(shí)像真的被按下去一樣凹陷)。
好處:畫面更立體、有趣,用戶體驗(yàn)像在真實(shí)世界互動(dòng),不再是死板的圖片和文字。
圖片網(wǎng)站鏈接:https://kevinhilgendorf.com/
圖片網(wǎng)站鏈接:https://labs.chaingpt.org/
字體不再老老實(shí)實(shí)不動(dòng),而是會(huì) “跳舞”:大小變化、顏色漸變、跟著用戶操作移動(dòng),甚至根據(jù)內(nèi)容情緒調(diào)整動(dòng)畫(比如錯(cuò)誤提示字體變紅閃爍,成功提示變綠飄動(dòng))。
好處:吸引注意力,傳遞品牌個(gè)性,比如讓標(biāo)題動(dòng)起來(lái),用戶一眼就被抓住。
文字不再是 “死板的符號(hào)”,而是會(huì) “表演” 的演員,我們可以做一些交互創(chuàng)意方面的案例假設(shè)
案例1:一個(gè)新聞網(wǎng)站的標(biāo)題 “今日熱點(diǎn)”,當(dāng)你滾動(dòng)頁(yè)面時(shí),“熱點(diǎn)” 兩個(gè)字會(huì)像火苗一樣跳動(dòng),吸引你點(diǎn)擊;電商網(wǎng)站的 “限時(shí)折扣” 按鈕,文字會(huì)從左到右 “跑馬燈” 式滾動(dòng),仿佛在喊 “快看我!”。
案例2:社交媒體 APP 的評(píng)論區(qū),當(dāng)有人給你發(fā) “生日快樂(lè)”,“生日快樂(lè)” 這幾個(gè)字會(huì)飄出彩色 confetti(紙屑),還會(huì)放大縮?。蝗绻盏揭粭l提醒 “網(wǎng)絡(luò)連接失敗”,文字會(huì)變成紅色,輕微抖動(dòng),像在著急地告訴你 “出問(wèn)題啦”。
案例3:未來(lái)的動(dòng)態(tài)字體甚至能根據(jù)你的輸入語(yǔ)氣自動(dòng)調(diào)整!比如你在聊天框里輸入 “氣死我了!”,發(fā)送后文字會(huì)變成紅色,扭曲變形,模擬 “憤怒” 的情緒;輸入 “哈哈哈哈哈”,文字會(huì)笑著上下彈跳,自帶喜感。
圖片網(wǎng)站鏈接:https://wodniack.dev/
圖片網(wǎng)站鏈接:https://romaingranai.xyz/
背景不再是純色或簡(jiǎn)單漸變,而是加了 “濾鏡”:有的模糊像柔光,有的帶顆粒感像老照片,讓界面更有層次和溫度。
好處:不搶主內(nèi)容的風(fēng)頭,卻能增加細(xì)膩的質(zhì)感,讓用戶覺(jué)得界面更精致、有 “呼吸感”。
想象一下:你的屏幕不再是冰冷的玻璃,而是像磨砂質(zhì)感的燈罩,透著柔和的光 ——
例如:一個(gè)閱讀 APP 的背景,不是純灰色,而是帶點(diǎn)模糊的淺灰,像隔著一層薄霧,文字浮在上面更突出,眼睛看久了也不累;
短視頻 APP 的點(diǎn)贊按鈕背后,有淡淡的顆粒感,像老電影膠片,點(diǎn)擊時(shí)還會(huì)有輕微的 “沙沙” 聲,復(fù)古又治愈。
例如:有些網(wǎng)站的光標(biāo)變成了半透明的小圓圈,移動(dòng)時(shí)會(huì)在背景留下淡淡的拖影,像在雪地上踩出腳?。?/p>
購(gòu)物車圖標(biāo)點(diǎn)擊時(shí),周圍會(huì)升起細(xì)小的顆粒,像撒了一把金粉,讓操作更有 “儀式感”。
現(xiàn)代人看膩了 “完美到反光” 的數(shù)字界面,這種帶點(diǎn) “不完美” 的質(zhì)感,反而讓人感覺(jué)親切,像摸到了真實(shí)的紙張或布料。
圖片網(wǎng)站鏈接:https://breadzine.com/
以前的暗色模式是 “純黑配白字”,刺眼又冰冷,現(xiàn)在設(shè)計(jì)師給它加了 “柔光濾鏡”:
不是純黑背景配白字那種刺眼的暗模式,而是柔和的 “低對(duì)比度暗調(diào)”:比如深灰配淺灰,帶點(diǎn)淡淡光影,像傍晚的光線一樣舒服。
好處:保護(hù)眼睛,減少視覺(jué)疲勞,還營(yíng)造出高級(jí)、安靜的氛圍,比傳統(tǒng)暗模式更溫馨。
顏色更溫柔:比如微信的暗色模式,背景不是純黑,而是深海軍藍(lán),文字是淺灰色,圖標(biāo)帶一點(diǎn)淡金色光澤,晚上刷手機(jī)像在暖黃色的臺(tái)燈下看書,不刺眼還很高級(jí)。
場(chǎng)景化設(shè)計(jì):一個(gè)助眠 APP 的低光模式,界面會(huì)模擬 “月光效果”,背景有淡淡的云層陰影,按鈕像夜空中的星星一樣微微閃爍,配合白噪音,讓你還沒(méi)開始冥想就先放松下來(lái)。
保護(hù)眼睛更貼心:低對(duì)比度設(shè)計(jì)減少視覺(jué)疲勞,尤其適合長(zhǎng)時(shí)間用手機(jī)的上班族、學(xué)生黨,再也不用擔(dān)心晚上刷手機(jī) “亮瞎眼”。
圖片網(wǎng)站鏈接:https://www.chromatique.studio/
圖片網(wǎng)站鏈接:https://dribbble.com/shots/24281290-Kenn-Food-Processor-Landing-Page
圖片網(wǎng)站鏈接:https://silverdrive.nl/
你有沒(méi)有被 APP或網(wǎng)站 的 “謎之提示” 搞懵過(guò)?比如 “操作異常,請(qǐng)重試”—— 到底哪里異常?現(xiàn)在設(shè)計(jì)師開始 “說(shuō)人話” 了
按鈕上的字、提示信息、錯(cuò)誤提醒…… 這些細(xì)節(jié)文字越來(lái)越重要。比如 “提交” 改成 “確認(rèn)發(fā)布”,錯(cuò)誤提示寫 “網(wǎng)絡(luò)好像斷了,點(diǎn)擊重試” 而不是冷冰冰的 “錯(cuò)誤 404”。
好處:讓用戶知道該做什么,減少操作困惑,就像有個(gè)小助手在旁邊輕聲指導(dǎo)。
按鈕文案更具體:以前 “提交” 按鈕,現(xiàn)在改成 “確認(rèn)并發(fā)布動(dòng)態(tài)”,你一下就知道點(diǎn)了之后會(huì)發(fā)生什么;購(gòu)物車的 “結(jié)算” 按鈕變成 “去支付(含 3 件商品)”,清楚告訴你當(dāng)前購(gòu)物車數(shù)量。
錯(cuò)誤提示會(huì) “安慰人”:當(dāng)你登錄密碼輸錯(cuò),不再是 “密碼錯(cuò)誤”,而是 “密碼好像不對(duì)哦,是不是字母大小寫搞錯(cuò)了?試試找回密碼吧~”,帶點(diǎn) emoji 和親切感,讓你不煩躁。
空狀態(tài)會(huì) “引導(dǎo)”:比如一個(gè)筆記 APP 的空白頁(yè),不再是冷冰冰的 “暫無(wú)筆記”,而是畫著一個(gè)小臺(tái)燈,配文 “點(diǎn)擊新建筆記,開始記錄今天的小確幸吧~”,鼓勵(lì)你行動(dòng)起來(lái)。
圖片網(wǎng)站鏈接:https://clickup.com/
圖片網(wǎng)站鏈接:https://www.headspace.com/
不用記復(fù)雜密碼了!指紋、人臉、語(yǔ)音識(shí)別越來(lái)越普及,甚至未來(lái)可能用眼動(dòng)或神經(jīng)信號(hào)驗(yàn)證。比如手機(jī)刷臉解鎖、支付時(shí)掃指紋,又快又安全。
好處:再也不怕忘記密碼,登錄像 “本能反應(yīng)” 一樣自然。
你還記得自己設(shè)過(guò)多少個(gè)密碼嗎?郵箱、銀行、社交軟件……2025 年,你只需要 “露個(gè)臉”
“掃個(gè)指紋”:
生活場(chǎng)景:早上上班,刷臉打開公司門禁;午休用指紋支付買咖啡;晚上回家,虹膜識(shí)別解鎖手機(jī),全程不用輸密碼。甚至連銀行 APP 轉(zhuǎn)賬,看一眼攝像頭就能確認(rèn)身份,安全又快捷。
默默驗(yàn)證更省心:有些 APP 會(huì) “偷偷” 驗(yàn)證你 —— 比如你常用手機(jī)的手勢(shì)是右手拇指解鎖,系統(tǒng)會(huì)記錄你的握持姿勢(shì),當(dāng)檢測(cè)到左手拿手機(jī)且指紋不符時(shí),自動(dòng)觸發(fā)安全提醒,不用你手動(dòng)操作,安全藏在細(xì)節(jié)里。
特殊場(chǎng)景:比如戴著手套不方便指紋解鎖?未來(lái)的可穿戴設(shè)備可能支持 “靜脈識(shí)別”,通過(guò)血管紋路確認(rèn)身份,下雨天、運(yùn)動(dòng)時(shí)也能輕松解鎖。
圖片網(wǎng)站鏈接:https://dribbble.com/shots/23201694-Face-id
智能手表不再是 “縮小版手機(jī)”,而是更懂你的 “貼身伙伴”:
智能手表、VR 眼鏡、健康手環(huán)等設(shè)備的設(shè)計(jì)越來(lái)越難:屏幕小,怎么讓用戶操作方便?
比如用手勢(shì)滑動(dòng)、語(yǔ)音命令,甚至靠眨眼控制;還要考慮戴著舒服(輕、貼合手腕)、續(xù)航久、適應(yīng)各種場(chǎng)景(運(yùn)動(dòng)時(shí)防水,強(qiáng)光下看得清)。
小屏幕大講究:比如一個(gè)運(yùn)動(dòng)手表,跑步時(shí)屏幕自動(dòng)切換成 “極簡(jiǎn)模式”,只顯示配速、心率、里程,字體超大,你 glancing(掃一眼)就能看清;當(dāng)你停下來(lái)休息,屏幕會(huì)慢慢顯示更詳細(xì)的數(shù)據(jù),像個(gè)貼心教練。
交互方式創(chuàng)新:VR 眼鏡不再靠手柄操作,你眨眨眼就能切換菜單,點(diǎn)點(diǎn)頭就能確認(rèn);智能手環(huán)檢測(cè)到你睡眠不好,早上會(huì)震動(dòng)提醒 “昨晚睡眠質(zhì)量一般,今天記得多喝水哦”,還會(huì)同步調(diào)整手機(jī)的屏幕亮度,幫你緩解疲勞。
場(chǎng)景化適配:比如滑雪專用智能眼鏡,強(qiáng)光下自動(dòng)調(diào)暗鏡片,檢測(cè)到你加速滑行時(shí),界面只顯示速度和路線,避免分心;潛水手表接觸到水時(shí),自動(dòng)鎖定屏幕防止誤觸,浮出水面后又恢復(fù)正常。
圖片網(wǎng)站鏈接:https://inspect-ar.com/en/
圖片網(wǎng)站鏈接:https://dribbble.com/shots/18628321-Fitness-Smart-Watch-UI
界面不再只追求好看,還要讓用戶用得爽、有情感共鳴:分區(qū)清晰、3D 互動(dòng)、動(dòng)態(tài)字體吸引眼球,模糊背景和低光模式讓眼睛舒服;UX 寫作和生物識(shí)別減少操作麻煩,可穿戴設(shè)備更懂用戶的使用場(chǎng)景。
本文由人人都是產(chǎn)品經(jīng)理作者【南設(shè)】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來(lái)自Unsplash,基于 CC0 協(xié)議。
蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(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。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
前面的文章我們分享了交互設(shè)計(jì)思維,這篇文章,我們來(lái)看看用戶目標(biāo)與交互目標(biāo)。交互設(shè)計(jì)的核心,就是幫用戶拆解這些目標(biāo)并找到最優(yōu)路徑,讓他們覺(jué)得“這事兒沒(méi)那么難”。
在交互設(shè)計(jì)中,用戶的目標(biāo)可以理解為他們希望通過(guò)使用產(chǎn)品完成的事情。換句話說(shuō),就是用戶打開你的產(chǎn)品時(shí)“心里想要達(dá)成的事”。這個(gè)目標(biāo)可能是很直接的,比如在外賣App上訂一份喜歡的午餐;也可能是抽象的,比如通過(guò)一款學(xué)習(xí)軟件提升自己的外語(yǔ)水平。無(wú)論目標(biāo)是什么,用戶都期望在操作的過(guò)程中高效、順暢且愉快地達(dá)成目標(biāo)。
交互設(shè)計(jì)的核心,就是幫用戶拆解這些目標(biāo)并找到最優(yōu)路徑,讓他們覺(jué)得“這事兒沒(méi)那么難”。比如,如果用戶的目標(biāo)是查找一條航班信息,設(shè)計(jì)師需要確保他們可以快速找到搜索入口,并在最短的時(shí)間內(nèi)完成查詢,而不是在復(fù)雜的頁(yè)面中迷路。
除了完成任務(wù),用戶還有情感上的目標(biāo),比如體驗(yàn)愉悅感、安全感或滿足感。舉個(gè)例子,當(dāng)用戶在付款時(shí),他們的功能性目標(biāo)是完成支付,而情感性目標(biāo)可能是確認(rèn)交易安全或者支付方式簡(jiǎn)單快捷。這就是為什么很多支付產(chǎn)品會(huì)在完成支付后彈出一個(gè)愉快的提示動(dòng)畫,比如一個(gè)小勾或一個(gè)成功的笑臉——它不僅告訴用戶任務(wù)完成了,還讓他們感到一種心理上的正反饋。
因此,交互設(shè)計(jì)思維的本質(zhì)是站在用戶的視角去思考:他們想要完成什么,他們需要如何完成,以及我們?nèi)绾巫屵@個(gè)過(guò)程變得簡(jiǎn)單、高效和愉悅。滿足用戶目標(biāo),才是設(shè)計(jì)的成功所在。
在交互設(shè)計(jì)中,產(chǎn)品不僅是幫助用戶完成任務(wù)的工具,更是一個(gè)信息傳遞的媒介。那么,產(chǎn)品需要傳遞的信息到底是什么呢?簡(jiǎn)單來(lái)說(shuō),就是**“我是什么”“我能做什么”“你現(xiàn)在在哪兒”“接下來(lái)該怎么做”**這幾大核心信息。
首先,產(chǎn)品需要明確地告訴用戶“我是什么”。比如,你打開一個(gè)外賣App,頁(yè)面上醒目的美食圖片和“搜索餐廳”的提示,就在告訴你,這個(gè)App的核心功能是幫助你找到食物并下單。如果用戶對(duì)產(chǎn)品的功能感到困惑,那設(shè)計(jì)就失去了它的基礎(chǔ)價(jià)值。
接著,產(chǎn)品要傳遞“我能做什么”的信息。也就是說(shuō),用戶需要很清楚地知道,這個(gè)產(chǎn)品能為他們提供哪些服務(wù),或者有哪些功能可以用。比如在拍照App中,用戶可能會(huì)關(guān)心是否有濾鏡或編輯功能。設(shè)計(jì)師要通過(guò)直觀的界面布局和易識(shí)別的圖標(biāo)來(lái)傳遞這些功能信息,避免用戶四處尋找。
再來(lái)是“你現(xiàn)在在哪兒”。用戶在使用產(chǎn)品的過(guò)程中,需要隨時(shí)了解自己在操作流程中的位置,比如是剛開始填寫訂單信息,還是已經(jīng)進(jìn)入支付環(huán)節(jié)。這種清晰的路徑感,可以通過(guò)導(dǎo)航欄、進(jìn)度條等設(shè)計(jì)元素來(lái)實(shí)現(xiàn),讓用戶有一種“掌控感”。
最后,也是最重要的,產(chǎn)品需要告訴用戶“接下來(lái)該怎么做”。交互設(shè)計(jì)的一個(gè)關(guān)鍵點(diǎn),就是要引導(dǎo)用戶完成操作,避免他們卡在某一步不知所措。例如,當(dāng)用戶填寫表單時(shí),如果某項(xiàng)信息漏填了,產(chǎn)品需要用清晰的提示信息,比如紅色邊框或彈窗,告訴用戶哪里需要修正。通過(guò)明確的反饋,用戶會(huì)感到流程是流暢的,而不是無(wú)頭緒的。
總結(jié)來(lái)說(shuō),產(chǎn)品傳遞的信息是為了讓用戶明白自己的位置、了解操作步驟、感受到控制感和安全感。一個(gè)設(shè)計(jì)得當(dāng)?shù)漠a(chǎn)品,會(huì)像一位貼心的向?qū)?,不斷用合適的方式傳遞這些信息,讓用戶有條不紊地完成目標(biāo),同時(shí)享受使用的過(guò)程。
在交互設(shè)計(jì)中,找到用戶目標(biāo)與產(chǎn)品目標(biāo)之間的平衡點(diǎn)就像搭建一座橋——一邊是用戶的需求和期望,另一邊是產(chǎn)品的商業(yè)目標(biāo)和核心價(jià)值。設(shè)計(jì)的任務(wù),就是讓這座橋既穩(wěn)固又通暢,讓用戶愿意通過(guò)產(chǎn)品實(shí)現(xiàn)他們的目標(biāo),同時(shí)產(chǎn)品也能達(dá)成自己的目標(biāo)。
總結(jié)來(lái)說(shuō),設(shè)計(jì)師的職責(zé)是成為用戶和產(chǎn)品目標(biāo)之間的“調(diào)解員”,用設(shè)計(jì)語(yǔ)言找到兩者的共贏點(diǎn)。一個(gè)成功的設(shè)計(jì),不僅能讓用戶滿意,還能幫助產(chǎn)品實(shí)現(xiàn)長(zhǎng)遠(yuǎn)的發(fā)展目標(biāo)。這種平衡并不容易,但通過(guò)不斷洞察、嘗試和優(yōu)化,就能讓產(chǎn)品和用戶之間建立起良性連接。
本文由 @ DesignLink 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)
ui設(shè)計(jì)分享達(dá)人 設(shè)計(jì)管理與成長(zhǎng)
ui設(shè)計(jì)分享達(dá)人 交互設(shè)計(jì)及用戶體驗(yàn)
藍(lán)藍(lán)設(shè)計(jì)(www.yvirxh.cn )是一家專注而深入的界面設(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。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
關(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ā)
ui設(shè)計(jì)分享達(dá)人 交互設(shè)計(jì)及用戶體驗(yàn)
例如,Windows和Mac操作系統(tǒng)的用戶在面對(duì)不同的軟件關(guān)閉方式時(shí),會(huì)因?yàn)榱?xí)慣的差異而感到不適應(yīng)。這種不適應(yīng)性揭示了改變用戶習(xí)慣需要付出學(xué)習(xí)成本,而這種成本的高低也直接影響用戶對(duì)產(chǎn)品的接受程度。
資深UI設(shè)計(jì)者 設(shè)計(jì)管理與成長(zhǎng)
站在不同的角度思考設(shè)計(jì),發(fā)現(xiàn)設(shè)計(jì)的新出路。
本文將以有駕導(dǎo)流體驗(yàn)升級(jí)的項(xiàng)目為例,分享導(dǎo)流增長(zhǎng)探索的設(shè)計(jì)思路與實(shí)踐經(jīng)驗(yàn)。
// 寫在前面
端到端導(dǎo)流是指在產(chǎn)品矩陣體系內(nèi)引導(dǎo)優(yōu)質(zhì)產(chǎn)品的用戶使用另外一款產(chǎn)品,帶來(lái)使用量的提升,從而實(shí)現(xiàn)用戶規(guī)模提升的一種增長(zhǎng)手段。隨業(yè)務(wù)快速增長(zhǎng),有駕從百度汽車頻道衍伸出了有駕小程序、M站、PC站以及APP等多緯度的產(chǎn)品矩陣,依托各端流量實(shí)現(xiàn)矩陣產(chǎn)品間的導(dǎo)流,逐步積累用戶規(guī)模,是有駕目前獲客渠道中占比最高的方式。本文將以有駕導(dǎo)流體驗(yàn)升級(jí)的項(xiàng)目為例,分享導(dǎo)流增長(zhǎng)探索的設(shè)計(jì)思路與實(shí)踐經(jīng)驗(yàn)。
// 為什么要做導(dǎo)流
導(dǎo)流的目的
對(duì)于業(yè)務(wù)本身而言,隨著移動(dòng)互聯(lián)網(wǎng)流量紅利期的結(jié)束,獲取新用戶的成本越來(lái)越高,不管是新產(chǎn)品還是成熟型產(chǎn)品,都需要通過(guò)導(dǎo)流的手段來(lái)持續(xù)擴(kuò)充新用戶。其次,對(duì)于有駕產(chǎn)品生態(tài)而言,需要各端產(chǎn)品間的相互聯(lián)動(dòng),協(xié)同發(fā)揮優(yōu)勢(shì),實(shí)現(xiàn)流量?jī)r(jià)值最大化。
導(dǎo)流的優(yōu)勢(shì)
成本低,相較于投放、活動(dòng)等渠道流量獲取方式,矩陣導(dǎo)流成本低;
高意向,用戶購(gòu)車意向明確更容易實(shí)現(xiàn)商業(yè)轉(zhuǎn)化;
可共享,用戶數(shù)據(jù)及行為關(guān)聯(lián)互通。
// 如何做好導(dǎo)流設(shè)計(jì)
1.問(wèn)題分析
通過(guò)梳理核心場(chǎng)景的4種導(dǎo)流條,發(fā)現(xiàn)各個(gè)場(chǎng)景導(dǎo)流形式各異,用戶缺乏統(tǒng)一認(rèn)知,導(dǎo)流引導(dǎo)語(yǔ)單一內(nèi)容吸引力弱。在用戶在瀏覽頁(yè)面時(shí),點(diǎn)擊功能入口或想要繼續(xù)查看更多內(nèi)容,需要下載APP才能繼續(xù)阻礙用戶瀏覽:
缺乏統(tǒng)一認(rèn)知:視覺(jué)表達(dá)形式不成體系,用戶感知不夠;
內(nèi)容吸引力弱:內(nèi)容單一缺乏吸引力,用戶沒(méi)有點(diǎn)擊欲望;
阻礙用戶瀏覽:打斷用戶正常使用功能,影響用戶體驗(yàn)。
從導(dǎo)流鏈路的用戶行為來(lái)看,整個(gè)流程下載路徑過(guò)長(zhǎng),發(fā)現(xiàn)用戶流失較大的轉(zhuǎn)化點(diǎn):
從小程序落地頁(yè)到下載頁(yè):在進(jìn)入小程序?yàn)g覽頁(yè)面時(shí),用戶沒(méi)有注意到導(dǎo)流條就滑走了;
點(diǎn)擊導(dǎo)流條進(jìn)入下載頁(yè):點(diǎn)擊導(dǎo)流條會(huì)先調(diào)起導(dǎo)流彈窗,點(diǎn)擊確認(rèn)后再進(jìn)入到下載頁(yè),用戶未選擇下載就退出了。
2.明確設(shè)計(jì)方向
針對(duì)導(dǎo)流現(xiàn)狀缺乏統(tǒng)一認(rèn)知,內(nèi)容吸引力弱、阻礙用戶瀏覽、下載路徑過(guò)長(zhǎng)的問(wèn)題,我們搭建了一個(gè)完整的導(dǎo)流鏈路圖,根據(jù)用戶增長(zhǎng)模型,把用戶生命周期各節(jié)點(diǎn)的用戶行為與產(chǎn)品觸點(diǎn)一一羅列出來(lái),找到增長(zhǎng)路徑的設(shè)計(jì)機(jī)會(huì)點(diǎn)。
通過(guò)以上的問(wèn)題分析,如何建立用戶和產(chǎn)品的鏈接,保障友好的體驗(yàn),是本次導(dǎo)流升級(jí)要解決的問(wèn)題。根據(jù)用戶關(guān)鍵行為,我們可以將整個(gè)導(dǎo)流鏈路拆分為3個(gè)階段來(lái)挖掘主要機(jī)會(huì)點(diǎn):
下載前:興趣激發(fā)導(dǎo)流吸引,建立用戶穩(wěn)定認(rèn)知;
下載中:強(qiáng)化用戶轉(zhuǎn)化動(dòng)機(jī),刺激用戶完成下載;
下載后:保障還原體驗(yàn)暢通,提升首次使用體驗(yàn)。
下面將分別介紹導(dǎo)流下載前階段的設(shè)計(jì)落地實(shí)踐,以及下載中、下載后階段的延伸設(shè)計(jì)思考。
// 下載前
1.強(qiáng)化觸點(diǎn)吸引
是否能成功引起用戶注意,是轉(zhuǎn)化開始的第一步,統(tǒng)一的視覺(jué)風(fēng)格和滿足用戶訴求的內(nèi)容,有利于增強(qiáng)導(dǎo)流條的吸引力。
1)收斂導(dǎo)流條類型
針對(duì)【阻礙用戶瀏覽】打斷用戶正常使用功能、用戶沒(méi)有跳轉(zhuǎn)預(yù)期的體驗(yàn)問(wèn)題,下線了阻斷式和截?cái)嗍絻煞N體驗(yàn)不友好的導(dǎo)流類型,將原來(lái)4種導(dǎo)流類型收斂為2種,僅保留通用導(dǎo)流條和功能延展導(dǎo)流條,基于這2種導(dǎo)流形態(tài)進(jìn)行深入的設(shè)計(jì)探索。
2)建立通用視覺(jué)標(biāo)準(zhǔn)
針對(duì)【缺乏統(tǒng)一認(rèn)知】視覺(jué)表達(dá)形式不成體系、用戶感知不夠的視覺(jué)問(wèn)題,建立了通用導(dǎo)流條標(biāo)準(zhǔn)化規(guī)范。統(tǒng)一視覺(jué)形態(tài),優(yōu)化為頁(yè)面內(nèi)通欄嵌入式,同時(shí)融入品牌色強(qiáng)化用戶感知,根據(jù)頁(yè)面布局制定了不同的展示規(guī)則。
上線后,內(nèi)嵌導(dǎo)流條在展現(xiàn)受限的情況下,導(dǎo)流轉(zhuǎn)化數(shù)據(jù)與改版前基本持平,為了進(jìn)一步提升導(dǎo)流的點(diǎn)擊效果,開始探索場(chǎng)景化定制提轉(zhuǎn)的設(shè)計(jì)方向。
3)定制場(chǎng)景化內(nèi)容
針對(duì)【內(nèi)容吸引力弱】?jī)?nèi)容單一缺乏吸引力、用戶沒(méi)有點(diǎn)擊欲望的內(nèi)容問(wèn)題,在通用標(biāo)準(zhǔn)化形態(tài)的基礎(chǔ)上,根據(jù)不同場(chǎng)景用戶訴求點(diǎn),豐富導(dǎo)流內(nèi)容。分別從內(nèi)容定制、按鈕文案優(yōu)化、以及氛圍強(qiáng)化3個(gè)方向驗(yàn)證對(duì)轉(zhuǎn)化的影響。
內(nèi)容定制:豐富導(dǎo)流利益點(diǎn)、場(chǎng)景化內(nèi)容更能激發(fā)用戶興趣,促進(jìn)轉(zhuǎn)化達(dá)成;
按鈕文案:轉(zhuǎn)化按鈕文案導(dǎo)向性明確、內(nèi)容與導(dǎo)流利益點(diǎn)匹配,可以助力按鈕轉(zhuǎn)化提升;
氛圍強(qiáng)化:導(dǎo)流樣式上適度弱化氛圍、樣式更傾向于原生功能,有助于提升導(dǎo)流條點(diǎn)擊。
2.拓展場(chǎng)景擴(kuò)量
復(fù)利通用標(biāo)準(zhǔn)導(dǎo)流條的成功經(jīng)驗(yàn),應(yīng)用到功能延展類導(dǎo)流條中繼續(xù)驗(yàn)證有效性,從產(chǎn)品價(jià)值點(diǎn)出發(fā),挖掘高流量場(chǎng)景的機(jī)會(huì)點(diǎn)從而帶來(lái)轉(zhuǎn)化增量。
1)價(jià)值傳遞
根據(jù)小程序和APP兩端各自的不同點(diǎn),分別從功能差異及體驗(yàn)差異兩個(gè)方向進(jìn)行優(yōu)化。
APP特有功能:APP完善的功能體驗(yàn)可以更好滿足用戶訴求,例如參配瀏覽場(chǎng)景下,引導(dǎo)用戶體驗(yàn)搜索及橫屏查看的高頻功能,對(duì)于導(dǎo)流轉(zhuǎn)化有正向幫助;
各端體驗(yàn)差異:小程序和APP兩端體驗(yàn)存在差異,例如圖片瀏覽場(chǎng)景下,APP清晰流暢的瀏覽體驗(yàn)及放大全屏查看圖片的交互體驗(yàn),能夠刺激用戶轉(zhuǎn)化。
2)價(jià)值延續(xù)
當(dāng)用戶完成核心內(nèi)容消費(fèi)后,是否可以引導(dǎo)用戶去APP繼續(xù)瀏覽更多相關(guān)內(nèi)容,進(jìn)而引導(dǎo)用戶下載呢?
服務(wù)透?jìng)?/strong>:平臺(tái)服務(wù)內(nèi)容傳遞,例如在內(nèi)容落地頁(yè)文末增加品牌廣告導(dǎo)流條,幫助用戶建立品牌認(rèn)知;
相關(guān)推薦:引導(dǎo)相關(guān)內(nèi)容消費(fèi),例如在文章或視頻頁(yè)增加相關(guān)推薦導(dǎo)流條,引導(dǎo)用戶瀏覽更多相似內(nèi)容。
// 下載中
當(dāng)用戶通過(guò)導(dǎo)流條進(jìn)入到下載流程時(shí),還有哪些手段可以刺激用戶激活減少流失呢?
強(qiáng)化下載動(dòng)機(jī):下載頁(yè)前置APP落地頁(yè)內(nèi)容,例如將通用下載頁(yè)優(yōu)化為場(chǎng)景化下載頁(yè),給用戶超前產(chǎn)品體驗(yàn)吸引轉(zhuǎn)化;
減少用戶流失:縮短鏈路簡(jiǎn)化流程,例如可在下載中間頁(yè)完成應(yīng)用下載,同時(shí)退出下載頁(yè)時(shí)增加挽留。
// 下載后
當(dāng)用戶在應(yīng)用商店下載完成后,我們還能做哪些提升首次啟動(dòng)APP的體驗(yàn)?zāi)兀?/p>
還原鏈路暢通:提升場(chǎng)景還原成功率,減少頻繁提示信息干擾;
建立用戶心智:引導(dǎo)新用戶探索功能,根據(jù)用戶興趣推薦適合的內(nèi)容。
以上內(nèi)容是下載中和下載后階段導(dǎo)流優(yōu)化方向的一些延伸設(shè)計(jì)思考,為大家提供可以繼續(xù)探索的方向。
// 寫在最后
總結(jié)一下本篇文章關(guān)于導(dǎo)流的體驗(yàn)設(shè)計(jì)要點(diǎn):
全鏈路洞察,對(duì)導(dǎo)流鏈路進(jìn)行拆解,通過(guò)盤點(diǎn)導(dǎo)流鏈路的用戶行為,明確每個(gè)節(jié)點(diǎn)的設(shè)計(jì)方向;
降低廣告干擾性,減少用戶瀏覽過(guò)程中的阻斷感,適度弱化廣告氛圍;
用戶的視角引導(dǎo),讓用戶專注于產(chǎn)品本身傳遞的價(jià)值,引領(lǐng)用戶完成對(duì)產(chǎn)品的探索從而完成下載激活。
希望以上的設(shè)計(jì)思考,可以帶給大家一些啟發(fā)。
蘭亭妙微(www.yvirxh.cn )是一家專注而深入的界面設(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。我們建立了一個(gè)微信群,每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng),咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.yvirxh.cn