在做產(chǎn)品或設(shè)計(jì)時(shí),你可能遇到過這樣的困惑:
用戶說需要一個(gè)功能,但上線后他們并不常用;
團(tuán)隊(duì)絞盡腦汁加了許多“亮點(diǎn)”,卻換不來滿意的反饋。
問題往往出在——我們聽到的“需求”,未必等于用戶真正的需求。
那么,如何識別用戶的真實(shí)需求呢?可以從以下幾個(gè)角度切入:
用戶往往會直接說出他們想要的東西,但這只是表層。
表達(dá)的需求:用戶說“我需要一個(gè)導(dǎo)出功能”。
隱含的需求:實(shí)際上,他們可能只是想更方便地與同事共享數(shù)據(jù)。
如果團(tuán)隊(duì)只停留在表層,很可能做出一個(gè)“導(dǎo)出按鈕”而忽略了更高效的“團(tuán)隊(duì)協(xié)作”場景。
做法:多問“為什么”。當(dāng)用戶說需要X功能時(shí),追問背后的動機(jī)與場景。
“用戶說”和“用戶做”常常不一致。
在訪談里,用戶會強(qiáng)調(diào)安全性,但實(shí)際選擇時(shí),他們可能更傾向于方便快捷。
在問卷里,用戶表示喜歡深色模式,但使用數(shù)據(jù)卻顯示大部分人停留在淺色模式。
做法:將定性研究(訪談、問卷)和定量數(shù)據(jù)(埋點(diǎn)、日志)結(jié)合起來。不要單純依賴用戶口頭的答案。
需求脫離使用場景就容易失真。比如:
用戶在辦公室說“手機(jī)App能開視頻會議就好了”,但真正的場景可能是在地鐵里需要語音會議。
用戶反饋“搜索不夠好用”,但深入觀察發(fā)現(xiàn),是他們需要更快找到“最近用過的”內(nèi)容。
做法:用“用戶旅程圖”“任務(wù)分析”去還原情境,把零散的需求放在流程中去看。
用戶的抱怨往往比他們的建議更有價(jià)值。
抱怨“頁面太復(fù)雜”,真實(shí)需求可能是更清晰的分層和優(yōu)先級。
抱怨“操作太慢”,真實(shí)需求可能是減少重復(fù)步驟,而不是單純優(yōu)化性能。
做法:把抱怨翻譯成“他們想要避免的痛點(diǎn)”,再思考可以如何消解。
有時(shí),真正的需求不來自直接用戶,而是與他們相關(guān)的人。
兒童學(xué)習(xí)軟件的“付費(fèi)決策”其實(shí)掌握在家長手里。
企業(yè)工具的“使用體驗(yàn)”影響的是員工,但“采購決策”往往由管理層主導(dǎo)。
做法:明確區(qū)分 使用者、購買者、決策者,分別理解他們的關(guān)注點(diǎn)。
識別用戶真實(shí)需求的關(guān)鍵,不是單純問用戶“你想要什么”,而是:
觀察他們在場景中的真實(shí)行為;
追問需求背后的動機(jī)與痛點(diǎn);
結(jié)合不同角色的關(guān)注點(diǎn)去判斷優(yōu)先級。
當(dāng)我們能看穿“用戶說的”,觸及“用戶真正需要的”,才能做出既被使用、又被認(rèn)可的產(chǎn)品。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
Redesign Health - Services 頁面設(shè)計(jì)
視覺氣質(zhì):整體基調(diào)偏 理性、專業(yè)、低調(diào),采用米色背景 + 黑灰文字,輔以少量紫色/漸變作為強(qiáng)調(diào)色,既保持了沉穩(wěn),又帶來了一點(diǎn)現(xiàn)代感。
風(fēng)格走向:屬于 極簡主義 + 企業(yè)級設(shè)計(jì),強(qiáng)調(diào)可讀性和內(nèi)容層次,而不是過度的裝飾。
雙欄布局:左側(cè)為主內(nèi)容區(qū),右側(cè)為補(bǔ)充信息區(qū)(Case studies、Impact 等),符合 B2B 網(wǎng)站“敘事+數(shù)據(jù)”的信息邏輯。
模塊化結(jié)構(gòu):整頁分為“服務(wù)介紹 → 合作伙伴 → 核心方法 → 案例 → 數(shù)據(jù) → 頁腳”,層次清晰,便于用戶快速掃讀。
留白運(yùn)用:邊距和行距充足,讓密集的信息不會顯得壓迫。
字體選擇:大標(biāo)題用襯線字體,正文與導(dǎo)航用無襯線字體,形成了“理性 + 權(quán)威”的組合感。
層級對比:大字號的引語(客戶推薦語)、醒目的數(shù)字(16、0.35),在頁面中承擔(dān)“視覺錨點(diǎn)”,讓用戶瀏覽時(shí)有重點(diǎn)停留。
主色調(diào):米白+深灰,低飽和、溫和,符合醫(yī)療健康行業(yè)對“信任感”的需求。
強(qiáng)調(diào)色:紫色作為關(guān)鍵數(shù)字/圖表的點(diǎn)綴色,既突出重點(diǎn)又不會過于跳脫。
圖片選擇:多為真實(shí)的會議、交流、合作場景,營造出“可信賴、有人情味”的氛圍。
數(shù)據(jù)可視化:用簡潔的折線/柱狀可視化來傳遞成果(例如 0.35、16 這樣的數(shù)字),強(qiáng)化專業(yè)性。
案例驅(qū)動:通過真實(shí)案例(Global Pharmaceutical Partner / Medical Center)讓抽象的“服務(wù)價(jià)值”更具象。
客戶引語:引用客戶高管的話語,用來增加背書和信任感。
沉穩(wěn)專業(yè)但不死板:通過紫色和漸變線條避免了“金融感”的冷硬。
閱讀體驗(yàn)好:大段文字通過模塊拆分 + 圖文混排,提升了可讀性。
可信度高:案例、數(shù)字、客戶語錄多維度支撐了企業(yè)實(shí)力。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
簡述:AI 并非接管用戶體驗(yàn)設(shè)計(jì),而是徹底改變我們的工作方式。本文將分享 AI 工具如何改變我的工作流程,讓我的工作更高效、更敏銳,以及為什么擁抱 AI 是當(dāng)今設(shè)計(jì)師最明智的選擇。
當(dāng)人工智能工具開始充斥我的設(shè)計(jì)信息時(shí),我感到恐慌。
“這會讓我的工作變得無關(guān)緊要嗎?”
這是我腦海深處平靜的聲音。
但我的經(jīng)驗(yàn)是:人工智能并非用戶體驗(yàn)設(shè)計(jì)師的替代品——它只是對我們工具包的升級。我們并非與人工智能競爭——而是與它合作。
現(xiàn)在,我把人工智能視為我的頭腦風(fēng)暴伙伴、文案助理、設(shè)計(jì)陪練伙伴和時(shí)間節(jié)省者。這種思維轉(zhuǎn)變開辟了我從未意識到自己需要的創(chuàng)意空間。
在我將人工智能引入其中之前,對我來說典型的用戶體驗(yàn)流程是這樣的:
是的,這確實(shí)很周到。但通常進(jìn)展緩慢、重復(fù)性強(qiáng),而且難以規(guī)模化。
然后是人工智能。起初,它只是用于快速內(nèi)容的 ChatGPT。但很快,我發(fā)現(xiàn)自己將更多工具融入到我的工作流程中——這些工具不僅節(jié)省了時(shí)間,而且實(shí)際上改善了我的工作方式。
以下是人工智能如何融入我當(dāng)前的用戶體驗(yàn)階段:
突然之間,數(shù)小時(shí)的體力勞動變成了幾分鐘的輔助創(chuàng)造力。
以下是人工智能幫助我做得更好、更快、更少摩擦的事情:
即使取得了所有進(jìn)展,仍有一些東西是人工智能無法(或許也不應(yīng)該)取代的:
這是件好事。因?yàn)檫@些正是用戶體驗(yàn)的一部分,讓設(shè)計(jì)更具人性化。
現(xiàn)在與人工智能合作感覺就像是一種創(chuàng)造性的伙伴關(guān)系——雙方都能帶來一些有價(jià)值的東西。
在研究過程中,我使用人工智能轉(zhuǎn)錄和標(biāo)記訪談內(nèi)容,但我也會介入解讀其中的情感細(xì)微差別并驗(yàn)證模式。在構(gòu)思階段,人工智能會生成流程或占位文案,然后我會將其精煉成符合用戶目標(biāo)的精美體驗(yàn)。在設(shè)計(jì)線框圖時(shí),人工智能有助于加快布局建議的速度,但我也會運(yùn)用用戶體驗(yàn)啟發(fā)式方法、無障礙標(biāo)準(zhǔn)和敘事技巧。即使在測試階段,人工智能也會提供摘要和行為圖,但我仍然需要深入挖掘用戶行為背后的原因。
簡而言之,人工智能承擔(dān)了繁重的工作。我負(fù)責(zé)判斷、同理心和目標(biāo)。
如果您對人工智能感到好奇,但不知道從哪里開始,我推薦以下內(nèi)容:
人工智能不會取代用戶體驗(yàn)設(shè)計(jì)師。
但懂得如何使用人工智能的設(shè)計(jì)師可能會比不懂人工智能的設(shè)計(jì)師更成功。
用戶體驗(yàn)的未來以人為本,并由人工智能加速發(fā)展。人工智能幫助我們更快、更智能地行動——但同理心、道德和創(chuàng)造力呢?這些仍然取決于我們。
讓人工智能處理自動化,你來掌控直覺。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
剛開始學(xué)習(xí)設(shè)計(jì)時(shí),我面臨的最大挑戰(zhàn)就是時(shí)間。
畫線框圖要花好幾個(gè)小時(shí),用戶流程則要鋪滿凌亂的白板。
但我見過一些了不起的事情:一位設(shè)計(jì)師在不到 10 分鐘的時(shí)間內(nèi)借助人工智能制作出整個(gè)應(yīng)用程序的原型。
這讓我不禁要問:AI-First UX 是否會成為我們領(lǐng)域的新常態(tài)?
傳統(tǒng)上,UX 意味著研究、線框、設(shè)計(jì)系統(tǒng)和測試,所有這些都由設(shè)計(jì)師和研究人員團(tuán)隊(duì)手動完成。
但“AI-First UX”顛覆了這一工作流程:
簡而言之:人工智能不再是一個(gè)輔助工具,它正在成為設(shè)計(jì)的第一步。
過去兩年來,設(shè)計(jì)行業(yè)發(fā)生了巨大變化:
我親眼見證了這一點(diǎn):以前在 Figma 上要花幾個(gè)小時(shí)才能完成的事情,現(xiàn)在在 AI 的幫助下,幾分鐘就能構(gòu)思出來。我不用再糾結(jié)于矩形和對齊,而是可以把精力放在更重要的問題上:“這個(gè)設(shè)計(jì)真的能解決用戶的問題嗎?”
最大的誤解是什么?AI 會取代設(shè)計(jì)師。但我注意到的是不同的:AI 正在接管生產(chǎn)工作,但我們作為設(shè)計(jì)師的角色正變得更加以人為本。
這種轉(zhuǎn)變是這樣的:
所以,無論如何,人工智能正在讓我們的實(shí)踐變得更加人性化。
與任何顛覆一樣,人工智能既帶來興奮,也帶來警惕。
機(jī)會:
挑戰(zhàn):
作為設(shè)計(jì)師,我們面臨的真正考驗(yàn)是:我們能否引導(dǎo)人工智能,而不是被它引導(dǎo)?
我認(rèn)為是的,但是帶有星號。
人工智能正在成為默認(rèn)的起點(diǎn),但終點(diǎn)線仍然屬于人類設(shè)計(jì)師。因?yàn)闊o論工具多么先進(jìn),人工智能都無法體會用戶在結(jié)賬表單上掙扎時(shí)的沮喪,也無法體會用戶首次瀏覽無障礙產(chǎn)品的喜悅。
這就是我們的優(yōu)勢。
作為一名設(shè)計(jì)師,我不再問“人工智能會搶走我的工作嗎?”
,而是問“我怎樣才能讓人工智能成為我的設(shè)計(jì)助手,這樣我就可以專注于解決更深層次的問題?”
AI First UX 并不會消除對設(shè)計(jì)師的需求,而是需要更好的設(shè)計(jì)師。
如果你是設(shè)計(jì)新手,我的建議是:不要害怕人工智能。學(xué)會引導(dǎo)它。學(xué)會提出更好的問題,讓人工智能掌控速度。
因?yàn)樵?025年,設(shè)計(jì)不再只是推動像素,而是在人工智能的幫助下設(shè)計(jì)人類體驗(yàn)的未來。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
TLDV: AI 產(chǎn)品設(shè)計(jì)師在工作中遇到挑戰(zhàn)并不少見,尤其是在理解 AI 產(chǎn)品背后復(fù)雜的技術(shù)方面。這可能會使他們難以與技術(shù)專家進(jìn)行有效溝通,從而導(dǎo)致進(jìn)一步的復(fù)雜化。此外,跟上不斷發(fā)展的人機(jī)交互設(shè)計(jì)模式也極具挑戰(zhàn)性。在本文中,我整理了一些資源,旨在提升設(shè)計(jì)師在這些領(lǐng)域的知識和技能,幫助他們自信而輕松地完成工作。
人工智能的進(jìn)步為人機(jī)交互帶來了激動人心的機(jī)遇。從識別照片中的貓咪到實(shí)現(xiàn)自動駕駛,人工智能為用戶體驗(yàn)提供了眾多充滿希望的全新可能性。它促成了以往難以想象的交互形式。
根據(jù)最近的研究,設(shè)計(jì)師正在努力應(yīng)對設(shè)想和原型人工智能系統(tǒng)的復(fù)雜性。
這是為什么呢?傳統(tǒng)的用戶體驗(yàn) (UX) 和人機(jī)交互 (HCI) 設(shè)計(jì)技術(shù)(例如草圖和原型設(shè)計(jì))可能不足以解決人工智能在產(chǎn)品設(shè)計(jì)中帶來的意外后果。
Graham Dove 及其同事在“計(jì)算機(jī)系統(tǒng)人為因素”會議上表示: “人機(jī)交互專業(yè)人士無法輕易地勾勒出人工智能系統(tǒng)在不同情境下適應(yīng)不同用戶的多種方式。” “……他們也無法輕易地為尚未開發(fā)的人工智能系統(tǒng)可能犯的推理錯(cuò)誤類型建立原型。” 引用Philip van Allen 的話,我還可以補(bǔ)充一句。
卡內(nèi)基梅隆大學(xué)的楊倩及其團(tuán)隊(duì)研究了人機(jī)交互研究人員和專業(yè)人士在使用人工智能時(shí)面臨的挑戰(zhàn)。他們基于廣受認(rèn)可的雙鉆石設(shè)計(jì)流程模型,構(gòu)建了這些挑戰(zhàn)及相關(guān)的研究論文。
以下是我從本文中得出的結(jié)論,按設(shè)計(jì)過程步驟細(xì)分:
2. 定義(聚合思維階段)
發(fā)展(發(fā)散思維階段)
交付(聚合思維階段)
我把所有提到的問題分為兩大類:
僅僅讓更多用戶體驗(yàn)師參與使用機(jī)器學(xué)習(xí)的項(xiàng)目是不夠的。他們必須理解機(jī)器學(xué)習(xí)的核心概念,破除人們對人工智能及其功能的先入之見,并遵循建立和維護(hù)信任的最佳實(shí)踐。Josh
Lovejoy
關(guān)于哪些類型的人工智能知識與用戶體驗(yàn)設(shè)計(jì)相關(guān),仍然存在很大爭議。然而,越來越多的人認(rèn)同,用戶體驗(yàn)設(shè)計(jì)師需要具備一些人工智能方面的技術(shù)專長才能有效地運(yùn)用它。
大多數(shù)人工智能課程都要求學(xué)生具備統(tǒng)計(jì)學(xué)、概率論、線性代數(shù)、微積分和編程方面的知識。如果沒有這些背景知識,理解許多人工智能概念可能會很困難。
你無需對人工智能有深入的理解,但熟悉數(shù)學(xué)和計(jì)算機(jī)科學(xué)至關(guān)重要。如果你對這些科目感到不適應(yīng),可以考慮參加這些高評價(jià)課程。
概率: 渺茫的機(jī)會:從頭開始的概率(哈佛大學(xué))
統(tǒng)計(jì)學(xué):麻省理工學(xué)院統(tǒng)計(jì)學(xué)基礎(chǔ)
線性代數(shù): 麻省理工學(xué)院的線性代數(shù) 18.06
微積分:麻省理工學(xué)院的單變量微積分和多變量微積分
編程:從Codecademy、谷歌或密歇根大學(xué)學(xué)習(xí) Python 。我個(gè)人更喜歡密歇根大學(xué)的“Python for Everybody”課程。雖然篇幅較長,但講解更詳細(xì)。
對每個(gè)主題有一定的熟悉度將為參加以下課程奠定良好的基礎(chǔ):
1)“ AI For Everyone ”(6小時(shí),49.99美元/月)——最好的非技術(shù)性AI入門課程,由斯坦福機(jī)器學(xué)習(xí)課程創(chuàng)始人吳恩達(dá)講授
2)“人工智能計(jì)算機(jī)科學(xué)專業(yè)證書”(5個(gè)月,432歐元)——edX 頒發(fā)的兩部分專業(yè)證書,跟蹤哈佛大學(xué)的 CS50 和 CS50AI 課程,讓沒有必備 CS 知識的學(xué)習(xí)者也能進(jìn)入人工智能領(lǐng)域。
3)“人人適用的人工智能基礎(chǔ)”(40小時(shí),49.99美元/月)—— IBM提供的專業(yè)課程 。IBM通過Coursera被公認(rèn)為新興技術(shù)領(lǐng)域的革命性領(lǐng)導(dǎo)者。該專業(yè)課程包含三門課程:
4)“人工智能要素”(30-60小時(shí),免費(fèi))——赫爾辛基大學(xué)和MinnaLearn合作推出的課程,解釋了人工智能可以實(shí)現(xiàn)什么(和不可能實(shí)現(xiàn)什么)以及它如何影響我們的生活——無需復(fù)雜的數(shù)學(xué)或編程。
您是否知道其他有用的資源?如果有,請?jiān)谠u論區(qū)留言。
人們對人機(jī)交互設(shè)計(jì)技能的需求日益增長,但相關(guān)課程卻十分有限。幸運(yùn)的是,有眾多設(shè)計(jì)師和研究人員慷慨地分享他們的知識和專業(yè)技能。以下是我關(guān)注的一些:
如果我遺漏了任何人,請隨時(shí)在評論區(qū)分享他們的名字以及他們創(chuàng)建的任何有用資源。讓我們一起拓展知識,幫助彼此成長。
人工智能塑造著我們的思維、感受和行為方式。它驅(qū)動著決定我們未來的決策。我們有責(zé)任將其潛力轉(zhuǎn)化為人性化的科技。構(gòu)建一個(gè)基于我們多樣化價(jià)值觀和需求的人工智能需要深思熟慮的設(shè)計(jì)。
人工智能正日益融入各種數(shù)字產(chǎn)品和服務(wù)。用戶與人工智能的交互將成為決定這些產(chǎn)品成功與否的關(guān)鍵因素。然而,如果我們未能定義并采用新的交互模式和技術(shù),而是依賴過時(shí)的啟發(fā)式方法和對人工智能有限的理解,就有可能阻礙創(chuàng)新。
通過將堅(jiān)持與創(chuàng)造力相結(jié)合,設(shè)計(jì)師可以充分發(fā)揮人工智能的潛力,為更美好的未來鋪平道路。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
2025 年 6 月,法國設(shè)計(jì)師 Pierre Patrault 出品“lgm/”網(wǎng)頁設(shè)計(jì)項(xiàng)目。該作品以 Web UI/UX、品牌識別、落地頁面為設(shè)計(jì)主軸,旨在通過最簡結(jié)構(gòu)與視覺語言,打造清晰直觀的線上品牌窗口。
本項(xiàng)設(shè)計(jì)秉持“少即是多”的原則:簡潔的版式結(jié)構(gòu)、統(tǒng)一的視覺元素與留白設(shè)計(jì),讓每一個(gè)視覺焦點(diǎn)都直指品牌核心;用戶在瀏覽中自然而然地獲得信息層級,引發(fā)情感共鳴。
項(xiàng)目由 Pierre Patrault 主導(dǎo)創(chuàng)意設(shè)計(jì)與用戶界面;Teddy Vermeulin 負(fù)責(zé)開發(fā)落地頁面,并與品牌與視頻代理 Advitam 合作完成整體傳播支持。三者協(xié)作默契,將創(chuàng)意、技術(shù)與品牌傳播融為一體。
“lgm/”的發(fā)布,不僅是一次視覺嘗試,更是一次品牌線上表達(dá)的新實(shí)踐:精準(zhǔn)、高效、富有引導(dǎo)性的設(shè)計(jì)語言,助力品牌與用戶間建立清晰、信任與溫度兼?zhèn)涞臄?shù)字連接。
創(chuàng)意理念
“基于簡潔現(xiàn)代的視覺語言,lgm/ 項(xiàng)目以極簡主義為核心,將品牌形象與用戶體驗(yàn)無縫融合,致力于在首屏即傳達(dá)品牌精髓,賦予每一次交互以直觀引導(dǎo)。”
3. 設(shè)計(jì)與體驗(yàn)亮點(diǎn)
結(jié)構(gòu)清晰:落地頁布局明晰、信息層級分明,讓用戶輕松抓住核心內(nèi)容。
極致簡約:利用充足留白、統(tǒng)一調(diào)性、統(tǒng)一視覺元素,降低視覺干擾,提升品牌溝通效率。
交互細(xì)節(jié)(若有):如鼠標(biāo)懸停動畫、滾動觸發(fā)效果等,可寫出“精致微互動增強(qiáng)用戶參與感”。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
每個(gè)設(shè)計(jì)師都有自己獨(dú)特的設(shè)計(jì)呈現(xiàn)方式。根據(jù)項(xiàng)目的不同,設(shè)計(jì)師會使用不同的方式展示他們的設(shè)計(jì)。Clickdummy 原型是展示屏幕流程最常用的方式,方便簡潔。通常情況下,設(shè)計(jì)師會以“編號+標(biāo)題”的格式為所有屏幕命名,并通過導(dǎo)出結(jié)果中 JPG 文件的順序來表達(dá)屏幕之間關(guān)系的邏輯。
我很高興能使用像 Invision App 這樣的工具來理清我的設(shè)計(jì)。然而,ClickDummy 原型在構(gòu)建大型復(fù)雜的軟件項(xiàng)目和功能性應(yīng)用程序時(shí)并不理想。有時(shí),我們會將屏幕放在 Sketch 文件中的不同頁面中,以使結(jié)構(gòu)更清晰,但卻失去了整體的視覺效果。當(dāng)你向項(xiàng)目經(jīng)理、客戶和開發(fā)人員展示你的設(shè)計(jì)時(shí),你會發(fā)現(xiàn)這個(gè)過程效率低下。
我們需要一個(gè)高效、流暢的流程來優(yōu)化演示和交接。我的經(jīng)驗(yàn)是線框圖和UI的流程。這是一種非常新穎的方式,但效果很好。
我們知道 Behance 和 Dribbble 上有很多精美的線框和 UI 流程。其實(shí)很多設(shè)計(jì)師也在做同樣的事情。我在上海MINGLabs工作的時(shí)候,我的法國設(shè)計(jì)師同事 Lucas 教給我一個(gè)方法,它不僅易于理解,而且美觀高效,可以作為交接的 UI 呈現(xiàn)流程。后來,這個(gè)方法在我的遠(yuǎn)程自由職業(yè)中得到了運(yùn)用,并不斷改進(jìn)。這對降低溝通成本非常有幫助。
當(dāng)然,我的應(yīng)用和網(wǎng)站都是用 Sketch 設(shè)計(jì)的。我建議從第一個(gè)線框圖開始設(shè)計(jì)流程。之后再設(shè)計(jì)主頁和兩三個(gè)輔助頁面。
您可以創(chuàng)建一個(gè)新的畫板。畫板大小要足夠大,能夠覆蓋所有屏幕。這樣做的目的是為了更容易添加線條和注釋,也方便在最后時(shí)刻導(dǎo)出完整流程圖的概覽。不過,現(xiàn)在沒必要添加屏幕數(shù)量。等您心中有了概覽之后,再添加也不遲。
流程包括 5 個(gè)組件:
流程的結(jié)構(gòu)是從左到右組織的。頁面位置越靠右,層級就越低。我的習(xí)慣是把首頁之類的第一頁放在左側(cè)。設(shè)計(jì)流程如下:
線框和 UI 流程改善了溝通。但它并不完美,實(shí)際上有時(shí)甚至有點(diǎn)令人毛骨悚然。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
基本原則
清晰、簡潔、一致、可操作暗示以及隱喻(可供性)、反饋、容錯(cuò)、高效、易記憶易學(xué)習(xí)。
1. 清晰
內(nèi)容、結(jié)構(gòu)、界面效果都是清晰可見的,加強(qiáng)情感的修飾,注意只使用文字與排版來表達(dá)頁面,以字體、字號、顏色、版式,精妙動畫效果來增加界面的精致性與設(shè)計(jì)不夠。盡量避免平滑、陰影。
2. 簡潔
為了用戶聚焦,限制明確頁面唯一的或者最重要的目標(biāo)性,不讓用戶讓焦鈦的選擇感。
3.一致性
界面元素的標(biāo)準(zhǔn)控件化:問題使用系統(tǒng)交互元素,以及界面和用戶之間對話風(fēng)格的統(tǒng)一:標(biāo)準(zhǔn)文本風(fēng)格、口吻、語氣、統(tǒng)一話術(shù)。
4.可操作暗示隱以及喻意
讓用戶看到這個(gè)就是可以交互的,按鈕要像按鈕,與文本內(nèi)容以及其他界面元素有所區(qū)別。另外可增加操作引導(dǎo),在操作時(shí)給予引導(dǎo),而不是獨(dú)有的一股腦引發(fā)引導(dǎo)。隱喻本可以單獨(dú)做一個(gè)原則,但這里與可操作暗示大約類似,隱喻指的是虛擬界面可以做到讓用戶經(jīng)驗(yàn)類似的喻,確實(shí)是現(xiàn)實(shí)物理世界的隱喻還是虛擬數(shù)字世界。讓用戶無成本遷移感。5
. 反饋
任何操作都要給予可感知的操作反饋,當(dāng)點(diǎn)擊或者其他時(shí),被操作交互的要素要給予短暫的強(qiáng)調(diào),另外通過動畫給予進(jìn)度提示,
6.容錯(cuò)與安全感
降低用戶犯錯(cuò)成本,做到高危操作可恢復(fù)。應(yīng)用應(yīng)該通過使用熟悉的、可預(yù)見的交互元素,確認(rèn)重要的操作、可回溯的取消手段等方式,來讓用戶覺得自己處于被保護(hù)的狀態(tài)中。此外還有防錯(cuò)原則,采用本質(zhì)的安全設(shè)計(jì)方式(固有)安全),比如表單未完成按鈕不可用...
7.高效
兩個(gè)方面,用戶高效使用的性以及高效開發(fā)的性,要關(guān)注網(wǎng)頁技術(shù)新功能,快速迭代那些優(yōu)秀且通用改裝的新功能。
8.易學(xué)習(xí)易記憶
這是最后一條,在做到前面的原則之后,這條應(yīng)該是取締的,但是由于技術(shù)性平臺的特殊性,涉及專業(yè)性技術(shù)術(shù)語等等的東西,所以對于一些非技術(shù)人員或者不太懂行的技術(shù)人員,需要提供提醒文檔嵌入,方便用戶學(xué)習(xí)。
蘭亭妙微(www.freegoal.net )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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è)微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計(jì),有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.freegoal.net