久久国产免费福利永久,狠狠热精品视频,亚洲欧美91AV,超级香蕉97视频在线观看99这里只有精品66视频-一本无码中文字幕在线观-国产欧美日韩v

首頁(yè)

一次糟糕的導(dǎo)航設(shè)計(jì),怎樣毀掉了整個(gè)用戶體驗(yàn)

杰睿

“導(dǎo)航系統(tǒng)是用戶在信息環(huán)境中的方向感,沒有它,一切設(shè)計(jì)都是迷宮。” ——《信息架構(gòu):超越Web設(shè)計(jì)》
 
糟糕導(dǎo)航,真能毀掉體驗(yàn)! 我最近幫一個(gè)客戶診斷他們的網(wǎng)站:視覺很好看,動(dòng)效很花哨,但用戶卻頻繁抱怨“找不到內(nèi)容”。結(jié)果一查,核心問題就在導(dǎo)航設(shè)計(jì)
同級(jí)欄目命名不統(tǒng)一,用戶分不清差別;
二級(jí)菜單隱藏太深,點(diǎn)擊才能發(fā)現(xiàn);
不同頁(yè)面導(dǎo)航結(jié)構(gòu)不一致,導(dǎo)致迷路;
移動(dòng)端和PC端導(dǎo)航布局完全不同,切換設(shè)備時(shí)用戶無(wú)所適從。
 
書中有一句話特別扎心:“導(dǎo)航應(yīng)該是信息環(huán)境中一致的標(biāo)識(shí)系統(tǒng),而不是隱藏信息的迷霧。”
這正好點(diǎn)出了他們的問題本質(zhì):導(dǎo)航不是裝飾,而是用戶認(rèn)知路徑的支撐。
 
 一次糟糕的導(dǎo)航,怎么毀掉體驗(yàn)?
用戶需要多次點(diǎn)擊才能找到目標(biāo)內(nèi)容 → 增加流失率
不一致的導(dǎo)航讓用戶記憶成本倍增 → 挫敗感提升
重要頁(yè)面被埋沒,關(guān)鍵轉(zhuǎn)化流程被中斷 → 直接影響業(yè)務(wù)數(shù)據(jù)
比如這個(gè)網(wǎng)站有“產(chǎn)品中心”和“解決方案”,實(shí)際內(nèi)容高度重疊,用戶分不清該點(diǎn)哪一個(gè);搜索結(jié)果頁(yè)沒有回到主導(dǎo)航的按鈕,用戶只能強(qiáng)制返回首頁(yè)重來。
書里也強(qiáng)調(diào):“不合邏輯的導(dǎo)航結(jié)構(gòu)會(huì)導(dǎo)致用戶迷失方向,并迅速放棄探索。”
 
如何快速自檢你的導(dǎo)航?
打開你的網(wǎng)站,讓一個(gè)沒用過的人用導(dǎo)航找5個(gè)特定內(nèi)容;
觀察他們是否能在三次點(diǎn)擊內(nèi)到達(dá);
如果他們頻繁回到首頁(yè)或說“不知道在哪里”,說明你的導(dǎo)航需要優(yōu)化。

47ae6436-363d-40c4-9af1-b8abb353d43f (1).png

47ae6436-363d-40c4-9af1-b8abb353d43f.png

1280X1280 (1).PNG

1280X1280.PNG

39671bbb-2cbf-44fe-88b0-bf8626da4a1c.png

20250630-211953.png

蘭亭妙微(www.druggo.net )是一家專注而深入的界面設(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ì)是什么?有什么用?

濤濤

交互設(shè)計(jì)( interaction design, IXD ),從字面上來說,交互即為相互作用相互影響,設(shè)計(jì)即為理解與傳達(dá)。在互聯(lián)網(wǎng)產(chǎn)品中,交互設(shè)計(jì)對(duì)用戶體驗(yàn)產(chǎn)生很大的影響。本文將圍繞交互設(shè)計(jì)進(jìn)行分析,與你分享。

UI設(shè)計(jì)幾個(gè)要點(diǎn)輕松提升用戶體驗(yàn)

濤濤

UI設(shè)計(jì)幾個(gè)要點(diǎn)輕松提升用戶體驗(yàn)

每個(gè)公司都需要自己的產(chǎn)品體驗(yàn)報(bào)告

濤濤

當(dāng)產(chǎn)品體驗(yàn)報(bào)告不再是 PPT 里的靜態(tài)文檔,而成為實(shí)時(shí)迭代的決策引擎,傳統(tǒng)五要素模型正經(jīng)歷三維進(jìn)化:

Tesla Model 3 用戶體驗(yàn)設(shè)計(jì)測(cè)評(píng)總結(jié)

濤濤

Tesla Model 3 在智能化與極簡(jiǎn)設(shè)計(jì)上表現(xiàn)突出,但導(dǎo)航與語(yǔ)音功能的短板、安全隱患(無(wú) HUD)仍需優(yōu)化,物理按鍵的取舍是未來迭代的關(guān)鍵爭(zhēng)議點(diǎn)。

為什么圓角看起來更舒服

杰睿

如今,設(shè)計(jì)師們對(duì)圓角的運(yùn)用如此廣泛,以至于它更像是一種行業(yè)標(biāo)準(zhǔn),而非一種設(shè)計(jì)潮流。圓角不僅出現(xiàn)在軟件用戶界面中,也出現(xiàn)在硬件產(chǎn)品設(shè)計(jì)中。那么,圓角究竟為何如此受歡迎呢?它確實(shí)看起來很吸引人,但其背后的意義遠(yuǎn)不止于此。
圓角看起來不太明亮
任何人都能欣賞圓角的美感,但并非每個(gè)人都能解釋這種美感究竟從何而來。答案就在你的眼睛里。
一些專家表示,圓角矩形比銳角矩形更容易被眼睛識(shí)別,因?yàn)樗鼈冊(cè)谝曈X處理過程中所需的認(rèn)知努力更少。中央凹處理圓形物體的速度最快。處理邊緣需要大腦中更多的“神經(jīng)圖像工具”[1]。因此,圓角矩形更容易被識(shí)別,因?yàn)樗鼈兛雌饋肀绕胀ň匦胃咏鼒A形。
DM_20250703172854_003.PNG
巴羅神經(jīng)學(xué)研究所對(duì)角線進(jìn)行的科學(xué)研究發(fā)現(xiàn),“角線的感知顯著性與角線的角度呈線性變化。銳角比平角產(chǎn)生更強(qiáng)的虛幻顯著性”[2]。換句話說,角線越銳利,看起來就越亮。而角線越亮,看起來就越難被看到。

DM_20250703172854_001.PNG

DM_20250703172854_002.GIF

 

哪個(gè)物體更容易觀察?
我們習(xí)慣于圓角
我們之所以對(duì)圓角情有獨(dú)鐘,另一個(gè)解釋是,圓角更符合我們?cè)诂F(xiàn)實(shí)世界中使用日常物品的方式 [3]。圓角隨處可見。作為孩子,我們很快就知道尖角容易傷人,圓角更安全。這就是為什么當(dāng)孩子玩球時(shí),大多數(shù)父母并不感到驚慌。
但如果孩子玩叉子,父母就會(huì)把叉子拿走,因?yàn)閾?dān)心孩子會(huì)弄傷自己。這會(huì)引發(fā)神經(jīng)科學(xué)中所謂的“回避反應(yīng)”,即對(duì)鋒利邊緣的“回避反應(yīng)”。因此,我們傾向于“避開鋒利的邊緣,因?yàn)樗鼈冊(cè)谧匀唤缰锌赡軜?gòu)成威脅”[4]。
 
您會(huì)把哪個(gè)物品托付給您的孩子?
圓角使信息更容易處理
圓角對(duì)于地圖和圖表來說更有效,因?yàn)樗鼈兡茏屛覀兊囊暰€輕松地跟隨線條,“因?yàn)樗项^部和眼睛的自然運(yùn)動(dòng)”[5]。尖角會(huì)使你的視線偏離線條的路徑,所以當(dāng)線條改變方向時(shí),你會(huì)感到突然的停頓。但有了圓角,線條會(huì)引導(dǎo)你的視線繞過每個(gè)拐角,繼續(xù)沿著路徑流暢地移動(dòng)。
 
哪一個(gè)圖表更容易讓你的眼睛看清?
圓角也能成為有效的內(nèi)容容器。這是因?yàn)閳A角指向矩形的中心。這使得焦點(diǎn)集中在矩形內(nèi)部的內(nèi)容上。當(dāng)兩個(gè)矩形相鄰時(shí),圓角還能輕松區(qū)分哪條邊屬于哪個(gè)矩形。
尖角指向外側(cè),會(huì)降低矩形內(nèi)部?jī)?nèi)容的視覺焦點(diǎn)。當(dāng)兩個(gè)矩形相鄰時(shí),尖角也使得難以區(qū)分矩形的兩邊。這是因?yàn)榫匦蔚拿織l邊都是直線。圓角矩形的邊是獨(dú)一無(wú)二的,因?yàn)檫@些線條會(huì)向其所屬的矩形彎曲。
 
圓角的意義遠(yuǎn)不止于視覺所能感知的。圓角不僅更容易被眼睛識(shí)別,還能讓信息更容易被理解。圓角本身就很吸引人,這一點(diǎn)毋庸置疑。但這些額外的因素讓圓角更具吸引力。當(dāng)你和客戶談?wù)搱A角時(shí),你就能表達(dá)出更多內(nèi)容,而不僅僅是“好看”。
蘭亭妙微(www.druggo.net )是一家專注而深入的界面設(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

在開始任何用戶體驗(yàn)研究之前要問的 3 個(gè)問題

杰睿

 
關(guān)注研究后的決定
 
 
在開展研究之前,你首先需要理解為什么要進(jìn)行這項(xiàng)研究。與你的利益相關(guān)者溝通,并明確寫下他們?cè)谘芯拷Y(jié)束后想要做什么。他們是想在兩個(gè)設(shè)計(jì)方向中選擇一個(gè)?還是想識(shí)別并解決體驗(yàn)中的不足?又或許他們想構(gòu)建一個(gè)全新的產(chǎn)品,只是想更好地了解某一特定用戶群體?一旦你做到了這一點(diǎn),你就可以開始設(shè)計(jì)問題來收集有用的數(shù)據(jù)了。
你的團(tuán)隊(duì)可能不知道自己想要做出什么決定,或者每個(gè)人對(duì)做什么都有不同的想法。這并不是壞事!意識(shí)到團(tuán)隊(duì)意見不一致本身就能帶來啟發(fā)。團(tuán)隊(duì)?wèi)?yīng)該討論產(chǎn)品路線圖、市場(chǎng)力量、公司總體目標(biāo)以及當(dāng)前的產(chǎn)品分析,以便就研究方向達(dá)成一致。
 
問題 1:
詢問“研究結(jié)束后,你希望做什么?”——與利益相關(guān)者進(jìn)行一對(duì)一對(duì)話,規(guī)劃重要的研究后決策。你可以同時(shí)詢問整個(gè)團(tuán)隊(duì),但你可能只會(huì)聽到“最響亮”或“資深”的利益相關(guān)者的聲音。
 
主題 #2
收集正確的信息
 
 
一旦你了解了團(tuán)隊(duì)在研究結(jié)束后的期望,你就應(yīng)該與他們合作,找出哪些信息有助于他們采取這些行動(dòng)。如果你的團(tuán)隊(duì)需要在兩種設(shè)計(jì)方案中選擇一個(gè),那么單獨(dú)收集可用性數(shù)據(jù)重要嗎?還是同時(shí)收集每種設(shè)計(jì)給用戶帶來的感受?了解人們使用最新功能的頻率是否有助于在研究結(jié)束后做出決策? 雖然收集“正確”的信息意義深遠(yuǎn),但其核心在于弄清楚哪些來自用戶的信息有助于更容易地做出這些一致的決策。在不同的情境下,“正確”的信息可能有所不同,甚至無(wú)法獲得。例如,如果你的設(shè)計(jì)團(tuán)隊(duì)想知道用戶在瀏覽設(shè)計(jì)時(shí)眼球是如何移動(dòng)的,如果沒有眼動(dòng)追蹤軟件,這可能無(wú)法實(shí)現(xiàn)。如果您知道某些限制無(wú)法實(shí)現(xiàn),請(qǐng)盡早告知團(tuán)隊(duì),并嘗試轉(zhuǎn)向更容易回答的問題。
你的團(tuán)隊(duì)可能并不總是知道哪些東西值得學(xué)習(xí),所以要準(zhǔn)備好提出你可以研究的研究課題。只要確保這些課題與研究后的決策直接相關(guān)即可。
 
問題 #2:
問問自己:“哪些來自用戶的信息有助于指導(dǎo)這些行動(dòng)?” ——如果有多條信息有助于做出研究后決策,看看能否將它們歸納成更大的主題進(jìn)行研究。您可以根據(jù)這些主題撰寫研究問題。 看看能否將信息需求分為定性或定量類別。這能讓您更輕松地規(guī)劃研究并收集有用的信息。
 
主題 #3
選擇一種方法
 
 
一旦你確定了決策和需要收集的有用信息,規(guī)劃你的研究就會(huì)容易得多。盡量選擇與研究后決策直接相關(guān)的研究問題、方法和參與者。如果你已經(jīng)將信息需求分為定性/定量?jī)深?,那么選擇方法應(yīng)該會(huì)很快。
 
務(wù)必確定你需要在哪些限制條件下進(jìn)行研究。這包括你的研究時(shí)長(zhǎng)、招募參與者的難易程度、研究預(yù)算以及你擁有的研究工具或軟件類型?;谶@些限制,你可能需要以不同的方式研究定性信息需求(例如,進(jìn)行遠(yuǎn)程訪談,而不是前往參與者所在地)。
 
在開始準(zhǔn)備研究之前,將所有這些內(nèi)容寫進(jìn)研究計(jì)劃中,并獲取反饋/協(xié)調(diào)意見。確保在你的研究計(jì)劃中包含以下主題:
研究后決定
收集所需信息的研究問題
 
問題 3:
詢問“在我們開始研究之前,這個(gè)研究計(jì)劃是否需要改變?” - 嘗試以數(shù)字方式發(fā)送研究計(jì)劃,這樣比找到開放日歷時(shí)間來召開大型會(huì)議更快, 將所有反饋或評(píng)論記錄在一個(gè)地方,快速進(jìn)行和發(fā)送更改。
 
最后的想法
通過專注于決策和相關(guān)信息需求,您可以開展有意義的研究??s小范圍并確定重要事項(xiàng),不僅能增強(qiáng)團(tuán)隊(duì)凝聚力,還能讓他們對(duì)參與研究充滿熱情。
 
蘭亭妙微(www.druggo.net )是一家專注而深入的界面設(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ì)思維:用戶目標(biāo)與交互目標(biāo)

濤濤

前面的文章我們分享了交互設(shè)計(jì)思維,這篇文章,我們來看看用戶目標(biāo)與交互目標(biāo)。交互設(shè)計(jì)的核心,就是幫用戶拆解這些目標(biāo)并找到最優(yōu)路徑,讓他們覺得“這事兒沒那么難”。

2025年UI/UX趨勢(shì)

杰睿

2025年,UI/UX設(shè)計(jì)領(lǐng)域正迎來一系列令人興奮的創(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)新來推動(dòng)。設(shè)計(jì)師們現(xiàn)在越來越大膽,敢打破傳統(tǒng)套路,設(shè)計(jì)出的東西不僅要實(shí)用,還得有吸引力,能真正打動(dòng)人。

比如,會(huì)有更多 3D 元素加入設(shè)計(jì)里,讓用戶感覺更真實(shí)、更沉浸;還有很多設(shè)計(jì)會(huì)把 “方便用戶” 和 “拉近人際距離” 放在首位,不再只追求技術(shù)炫酷,而是更關(guān)注用戶的實(shí)際需求和情感感受。

那么我們來看一下有哪些趨勢(shì)~

1、分區(qū)設(shè)計(jì)(便當(dāng)格):像整理抽屜一樣規(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/

2、3D 元素:讓界面從 “照片” 變成 “小世界”

以前網(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 讓你感覺身臨其境。

現(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/

3、動(dòng)態(tài)排版:文字會(huì) “講故事” 了

字體不再老老實(shí)實(shí)不動(dòng),而是會(huì) “跳舞”:大小變化、顏色漸變、跟著用戶操作移動(dòng),甚至根據(jù)內(nèi)容情緒調(diào)整動(dòng)畫(比如錯(cuò)誤提示字體變紅閃爍,成功提示變綠飄動(dòng))。

好處:吸引注意力,傳遞品牌個(gè)性,比如讓標(biāo)題動(dòng)起來,用戶一眼就被抓住。

文字不再是 “死板的符號(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ā) “生日快樂”,“生日快樂” 這幾個(gè)字會(huì)飄出彩色 confetti(紙屑),還會(huì)放大縮?。蝗绻盏揭粭l提醒 “網(wǎng)絡(luò)連接失敗”,文字會(huì)變成紅色,輕微抖動(dòng),像在著急地告訴你 “出問題啦”。

案例3:未來的動(dòng)態(tài)字體甚至能根據(jù)你的輸入語(yǔ)氣自動(dòng)調(diào)整!比如你在聊天框里輸入 “氣死我了!”,發(fā)送后文字會(huì)變成紅色,扭曲變形,模擬 “憤怒” 的情緒;輸入 “哈哈哈哈哈”,文字會(huì)笑著上下彈跳,自帶喜感。

圖片網(wǎng)站鏈接:https://wodniack.dev/

圖片網(wǎng)站鏈接:https://romaingranai.xyz/

4、模糊 & 顆粒效果:給界面加一層 “溫柔濾鏡”

背景不再是純色或簡(jiǎn)單漸變,而是加了 “濾鏡”:有的模糊像柔光,有的帶顆粒感像老照片,讓界面更有層次和溫度。

好處:不搶主內(nèi)容的風(fēng)頭,卻能增加細(xì)膩的質(zhì)感,讓用戶覺得界面更精致、有 “呼吸感”。

想象一下:你的屏幕不再是冰冷的玻璃,而是像磨砂質(zhì)感的燈罩,透著柔和的光 ——

例如:一個(gè)閱讀 APP 的背景,不是純灰色,而是帶點(diǎn)模糊的淺灰,像隔著一層薄霧,文字浮在上面更突出,眼睛看久了也不累;

短視頻 APP 的點(diǎn)贊按鈕背后,有淡淡的顆粒感,像老電影膠片,點(diǎn)擊時(shí)還會(huì)有輕微的 “沙沙” 聲,復(fù)古又治愈。

例如:有些網(wǎng)站的光標(biāo)變成了半透明的小圓圈,移動(dòng)時(shí)會(huì)在背景留下淡淡的拖影,像在雪地上踩出腳印;

購(gòu)物車圖標(biāo)點(diǎn)擊時(shí),周圍會(huì)升起細(xì)小的顆粒,像撒了一把金粉,讓操作更有 “儀式感”。

現(xiàn)代人看膩了 “完美到反光” 的數(shù)字界面,這種帶點(diǎn) “不完美” 的質(zhì)感,反而讓人感覺親切,像摸到了真實(shí)的紙張或布料。

圖片網(wǎng)站鏈接:https://breadzine.com/

5、暗色模式:從 “暗黑冷酷” 到 “深夜暖燈”

以前的暗色模式是 “純黑配白字”,刺眼又冰冷,現(xiàn)在設(shè)計(jì)師給它加了 “柔光濾鏡”:

不是純黑背景配白字那種刺眼的暗模式,而是柔和的 “低對(duì)比度暗調(diào)”:比如深灰配淺灰,帶點(diǎn)淡淡光影,像傍晚的光線一樣舒服。

好處:保護(hù)眼睛,減少視覺疲勞,還營(yíng)造出高級(jí)、安靜的氛圍,比傳統(tǒng)暗模式更溫馨。

顏色更溫柔:比如微信的暗色模式,背景不是純黑,而是深海軍藍(lán),文字是淺灰色,圖標(biāo)帶一點(diǎn)淡金色光澤,晚上刷手機(jī)像在暖黃色的臺(tái)燈下看書,不刺眼還很高級(jí)。

場(chǎng)景化設(shè)計(jì):一個(gè)助眠 APP 的低光模式,界面會(huì)模擬 “月光效果”,背景有淡淡的云層陰影,按鈕像夜空中的星星一樣微微閃爍,配合白噪音,讓你還沒開始冥想就先放松下來。

保護(hù)眼睛更貼心:低對(duì)比度設(shè)計(jì)減少視覺疲勞,尤其適合長(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/

6、UX文案:界面里的 “貼心小助手”

你有沒有被 APP或網(wǎng)站 的 “謎之提示” 搞懵過?比如 “操作異常,請(qǐng)重試”—— 到底哪里異常?現(xiàn)在設(shè)計(jì)師開始 “說人話” 了

按鈕上的字、提示信息、錯(cuò)誤提醒…… 這些細(xì)節(jié)文字越來越重要。比如 “提交” 改成 “確認(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)起來。

圖片網(wǎng)站鏈接:https://clickup.com/

圖片網(wǎng)站鏈接:https://www.headspace.com/

7、生物識(shí)別:靠 “臉” 吃飯,告別密碼焦慮

不用記復(fù)雜密碼了!指紋、人臉、語(yǔ)音識(shí)別越來越普及,甚至未來可能用眼動(dòng)或神經(jīng)信號(hào)驗(yàn)證。比如手機(jī)刷臉解鎖、支付時(shí)掃指紋,又快又安全。

好處:再也不怕忘記密碼,登錄像 “本能反應(yīng)” 一樣自然。 

你還記得自己設(shè)過多少個(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)景:比如戴著手套不方便指紋解鎖?未來的可穿戴設(shè)備可能支持 “靜脈識(shí)別”,通過血管紋路確認(rèn)身份,下雨天、運(yùn)動(dòng)時(shí)也能輕松解鎖。

圖片網(wǎng)站鏈接:https://dribbble.com/shots/23201694-Face-id

8、可穿戴設(shè)備設(shè)計(jì):從 “戴在身上” 到 “長(zhǎng)在身上”

智能手表不再是 “縮小版手機(jī)”,而是更懂你的 “貼身伙伴”:

智能手表、VR 眼鏡、健康手環(huán)等設(shè)備的設(shè)計(jì)越來越難:屏幕小,怎么讓用戶操作方便?

比如用手勢(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)你停下來休息,屏幕會(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

2025 年的設(shè)計(jì)趨勢(shì):“以人為本”

界面不再只追求好看,還要讓用戶用得爽、有情感共鳴:分區(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)載。

題圖來自Unsplash,基于 CC0 協(xié)議。

蘭亭妙微(www.druggo.net )是一家專注而深入的界面設(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ì)思維:用戶目標(biāo)與交互目標(biāo)

杰睿

前面的文章我們分享了交互設(shè)計(jì)思維,這篇文章,我們來看看用戶目標(biāo)與交互目標(biāo)。交互設(shè)計(jì)的核心,就是幫用戶拆解這些目標(biāo)并找到最優(yōu)路徑,讓他們覺得“這事兒沒那么難”。

一、用戶需要達(dá)成什么目標(biāo)

在交互設(shè)計(jì)中,用戶的目標(biāo)可以理解為他們希望通過使用產(chǎn)品完成的事情。換句話說,就是用戶打開你的產(chǎn)品時(shí)“心里想要達(dá)成的事”。這個(gè)目標(biāo)可能是很直接的,比如在外賣App上訂一份喜歡的午餐;也可能是抽象的,比如通過一款學(xué)習(xí)軟件提升自己的外語(yǔ)水平。無(wú)論目標(biāo)是什么,用戶都期望在操作的過程中高效、順暢且愉快地達(dá)成目標(biāo)。

交互設(shè)計(jì)的核心,就是幫用戶拆解這些目標(biāo)并找到最優(yōu)路徑,讓他們覺得“這事兒沒那么難”。比如,如果用戶的目標(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è)過程變得簡(jiǎn)單、高效和愉悅。滿足用戶目標(biāo),才是設(shè)計(jì)的成功所在。

二、產(chǎn)品需要傳遞什么信息

在交互設(shè)計(jì)中,產(chǎn)品不僅是幫助用戶完成任務(wù)的工具,更是一個(gè)信息傳遞的媒介。那么,產(chǎn)品需要傳遞的信息到底是什么呢?簡(jiǎn)單來說,就是**“我是什么”“我能做什么”“你現(xiàn)在在哪兒”“接下來該怎么做”**這幾大核心信息。

首先,產(chǎn)品需要明確地告訴用戶“我是什么”。比如,你打開一個(gè)外賣App,頁(yè)面上醒目的美食圖片和“搜索餐廳”的提示,就在告訴你,這個(gè)App的核心功能是幫助你找到食物并下單。如果用戶對(duì)產(chǎn)品的功能感到困惑,那設(shè)計(jì)就失去了它的基礎(chǔ)價(jià)值。

接著,產(chǎn)品要傳遞“我能做什么”的信息。也就是說,用戶需要很清楚地知道,這個(gè)產(chǎn)品能為他們提供哪些服務(wù),或者有哪些功能可以用。比如在拍照App中,用戶可能會(huì)關(guān)心是否有濾鏡或編輯功能。設(shè)計(jì)師要通過直觀的界面布局和易識(shí)別的圖標(biāo)來傳遞這些功能信息,避免用戶四處尋找。

再來是“你現(xiàn)在在哪兒”。用戶在使用產(chǎn)品的過程中,需要隨時(shí)了解自己在操作流程中的位置,比如是剛開始填寫訂單信息,還是已經(jīng)進(jìn)入支付環(huán)節(jié)。這種清晰的路徑感,可以通過導(dǎo)航欄、進(jìn)度條等設(shè)計(jì)元素來實(shí)現(xiàn),讓用戶有一種“掌控感”。

最后,也是最重要的,產(chǎn)品需要告訴用戶“接下來該怎么做”。交互設(shè)計(jì)的一個(gè)關(guān)鍵點(diǎn),就是要引導(dǎo)用戶完成操作,避免他們卡在某一步不知所措。例如,當(dāng)用戶填寫表單時(shí),如果某項(xiàng)信息漏填了,產(chǎn)品需要用清晰的提示信息,比如紅色邊框或彈窗,告訴用戶哪里需要修正。通過明確的反饋,用戶會(huì)感到流程是流暢的,而不是無(wú)頭緒的。

總結(jié)來說,產(chǎn)品傳遞的信息是為了讓用戶明白自己的位置、了解操作步驟、感受到控制感和安全感。一個(gè)設(shè)計(jì)得當(dāng)?shù)漠a(chǎn)品,會(huì)像一位貼心的向?qū)?,不斷用合適的方式傳遞這些信息,讓用戶有條不紊地完成目標(biāo),同時(shí)享受使用的過程。

三、如何鏈接用戶目標(biāo)與產(chǎn)品目標(biāo)

在交互設(shè)計(jì)中,找到用戶目標(biāo)與產(chǎn)品目標(biāo)之間的平衡點(diǎn)就像搭建一座橋——一邊是用戶的需求和期望,另一邊是產(chǎn)品的商業(yè)目標(biāo)和核心價(jià)值。設(shè)計(jì)的任務(wù),就是讓這座橋既穩(wěn)固又通暢,讓用戶愿意通過產(chǎn)品實(shí)現(xiàn)他們的目標(biāo),同時(shí)產(chǎn)品也能達(dá)成自己的目標(biāo)。

  1. 理解雙方的目標(biāo)。用戶目標(biāo)往往是具體的、個(gè)人化的,比如通過一個(gè)購(gòu)物App快速買到需要的東西,而產(chǎn)品目標(biāo)可能更關(guān)注商業(yè)利益,比如提高銷量或用戶粘性。要平衡二者,設(shè)計(jì)師需要深刻理解用戶的真實(shí)需求和行為,同時(shí)清楚產(chǎn)品的發(fā)展方向和核心價(jià)值。
  2. 用設(shè)計(jì)讓雙方目標(biāo)對(duì)齊。最理想的狀態(tài)是用戶的需求與產(chǎn)品的目標(biāo)能在設(shè)計(jì)中自然地融合。比如,外賣平臺(tái)的用戶希望快速點(diǎn)餐,而平臺(tái)的目標(biāo)是提高訂單量。設(shè)計(jì)師可以通過優(yōu)化首頁(yè)推薦系統(tǒng),讓用戶快速找到喜歡的餐廳;同時(shí)引入組合優(yōu)惠功能,既滿足了用戶省錢的需求,又推動(dòng)了平臺(tái)的銷售增長(zhǎng)。
  3. 關(guān)注用戶體驗(yàn)的同時(shí)實(shí)現(xiàn)產(chǎn)品價(jià)值。有時(shí)候,產(chǎn)品目標(biāo)可能會(huì)和用戶體驗(yàn)產(chǎn)生沖突,比如產(chǎn)品希望通過廣告增加收入,但廣告過多會(huì)讓用戶反感。此時(shí),設(shè)計(jì)師需要通過策略性設(shè)計(jì)找到平衡點(diǎn),比如在不打擾用戶核心任務(wù)的地方投放廣告,或者提供“去廣告”的付費(fèi)選項(xiàng),讓用戶自己選擇。
  4. 通過數(shù)據(jù)和用戶反饋持續(xù)優(yōu)化。平衡用戶目標(biāo)和產(chǎn)品目標(biāo)不是一蹴而就的,需要在實(shí)際使用中不斷調(diào)整。通過用戶測(cè)試、數(shù)據(jù)分析和用戶反饋,設(shè)計(jì)師可以發(fā)現(xiàn)哪些地方做得好,哪些地方需要改進(jìn)。比如,如果發(fā)現(xiàn)某功能讓用戶覺得復(fù)雜,那么優(yōu)化后的設(shè)計(jì)既能提升用戶滿意度,也可能間接增加產(chǎn)品留存率。

總結(jié)來說,設(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)。這種平衡并不容易,但通過不斷洞察、嘗試和優(yōu)化,就能讓產(chǎn)品和用戶之間建立起良性連接。

本文由 @ DesignLink 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)作者許可,禁止轉(zhuǎn)載

題圖來自Unsplash,基于CC0協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)

 

蘭亭妙微(www.druggo.net )是一家專注而深入的界面設(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

 

日歷

鏈接

個(gè)人資料

存檔