97国产精品视频人人做人人爱,3344在线观看无码,成年人国产视频,欧美日一级片,在线看AV天堂,高清无码一本到东京热,欧美一级黄片一区2区,免费又爽又刺激高潮网址

首頁

如何讓UI設(shè)計(jì)更加統(tǒng)一規(guī)范

濤濤

本指南旨在幫助設(shè)計(jì)師快速且一致地布置 UI,對(duì)于設(shè)計(jì)有固定約束的移動(dòng)應(yīng)用程序 UI 尤其有用,同時(shí)在響應(yīng)式網(wǎng)頁設(shè)計(jì)中也能發(fā)揮作用。和許多設(shè)計(jì)指南一樣,這些示例在實(shí)際設(shè)計(jì)過程中體會(huì),會(huì)比單獨(dú)閱讀文字更有幫助。

如何讓UI設(shè)計(jì)稿更加優(yōu)秀

濤濤

在視覺藝術(shù)領(lǐng)域,藝術(shù)家注入作品中的顏色往往能成為作品的靈魂。正如靜電所說:“顏色就是一種力量。它可以在轉(zhuǎn)瞬之間改變圖片的基調(diào),能夠增強(qiáng)、減輕、突出、說服、呼吁等等。顏色和文字可以相互輔助,讓彼此更有力量,甚至能在沒有任何文字的情況下傳達(dá)情感,是設(shè)計(jì)師手中的一大武器。” 這也正是顏色在 UI 設(shè)計(jì)中成為關(guān)鍵因素的原因。

Feed 流設(shè)計(jì):這些知識(shí)你知道嗎?

濤濤

Feed 流,簡單來說,就是將用戶感興趣的內(nèi)容以信息流的形式呈現(xiàn)出來。我們可以把 “Feed” 理解為 “按需供給”,即產(chǎn)品通過數(shù)據(jù)算法為不同用戶推薦他們感興趣的內(nèi)容,吸引用戶不斷下拉瀏覽;而 “流” 則指信息有規(guī)律排版的呈現(xiàn)形式。

用戶體驗(yàn)設(shè)計(jì)公司 | 你不是在尋找你的用戶體驗(yàn)聲音,而是在構(gòu)建它

杰睿

我們大多數(shù)人都被教導(dǎo)在別人的過程中尋找我們的用戶體驗(yàn)聲音。

如果您從事用戶體驗(yàn)工作超過五分鐘或五年,那么您可能已經(jīng)接受了這樣的訓(xùn)練:追求工件而非影響力、追求可交付成果而非結(jié)果、追求框架而非愿景、追求反饋而非清晰度。

總有其他方法可以嘗試,總有其他作品可以交付,總有 Figma 文件需要完善。但你的聲音并非存在于噪音中,而是存在于你如何打動(dòng)房間。你如何構(gòu)思一個(gè)別人看不到的問題。你如何傾聽研究,并知道何時(shí)反駁。

每個(gè)人一開始都會(huì)犯錯(cuò)。我們都一開始就認(rèn)為問題出在工具上。我們都混淆了讓事情變得更好和讓事情變得更清晰。

你不會(huì)在訓(xùn)練營里找到自己的聲音,也不會(huì)在認(rèn)證儀式上找到它。這里不是霍格沃茨,沒有分院帽把你送進(jìn)用戶體驗(yàn)戰(zhàn)略之家。你得自己去創(chuàng)造。犯錯(cuò),犯錯(cuò),一刻一刻地積累。經(jīng)歷錯(cuò)誤的轉(zhuǎn)折、驚險(xiǎn)的時(shí)刻,以及那些你從未意識(shí)到自己已經(jīng)準(zhǔn)備好的爭(zhēng)吵,直到你真正準(zhǔn)備好。

UX 的未來不會(huì)被框架所拯救。它將由那些愿意為更好而奮斗的人來塑造,即使它很混亂。

這項(xiàng)工作始于你的聲音。不是在你精通之后,不是在你感到舒適之后。而是在你停止等待清晰的想法并開始創(chuàng)造它的時(shí)候。

當(dāng)我開始找到自己聲音的邊界,當(dāng)我的直覺開始發(fā)揮作用時(shí),并不是在什么大師課上,而是在完全、汗流浹背、輕微恐慌的時(shí)候。

這是我第一份真正的用戶體驗(yàn)工作,盡管當(dāng)時(shí)我的職業(yè)是“信息架構(gòu)師”。第一天,我拿到了一堆200個(gè)紅線框圖。沒有任何解釋,沒有任何背景信息,只是一句“明天之前修好它們”。

我可能忍不住流淚了,也可能沒忍住。我根本沒辦法。我甚至認(rèn)不出他們用的是什么軟件(是Visio。還有人記得嗎?)。這可不是有史以來最直觀的用戶體驗(yàn)工具。

我完全用錯(cuò)了方法。我花了比預(yù)期多一倍的時(shí)間。最初的幾個(gè)線框圖看起來就像是一只喝了咖啡的浣熊畫的。

但問題是:沒人在乎這些線路有多漂亮。他們關(guān)心的是他們強(qiáng)調(diào)的問題是否真的得到了解決。他們關(guān)心的是你是否能解釋這些變化背后的原因,以及當(dāng)紅線不合理時(shí),你是否能為這些選擇辯護(hù)。

那是我第一次真正學(xué)到的用戶體驗(yàn)課:生存的關(guān)鍵不在于工具,而在于清晰的思路。在于當(dāng)其他人只想讓事情看起來一成不變時(shí),能夠清楚知道什么是重要的。說實(shí)話,我大概答對(duì)了60%。但這已經(jīng)足夠了。因?yàn)槲液芸炀兔靼琢耍涸谟脩趔w驗(yàn)領(lǐng)域堅(jiān)持下來的人,并非那些流程最清晰的人。他們是那些在一切顯得混亂、倉促或政治化的時(shí)候,能夠解釋什么是重要的,以及為什么重要的人。

現(xiàn)在依然如此,甚至比以往任何時(shí)候都更加如此。

我們正處于用戶體驗(yàn)被邊緣化、縮小規(guī)模或被自動(dòng)化淘汰的時(shí)代,這并不是因?yàn)樗辉僦匾且驗(yàn)樘鄨F(tuán)隊(duì)忘記了它的實(shí)際用途。

更快的工具并不能解決這個(gè)問題。更敏銳的聲音才能。這就是這篇文章的意義所在。不僅僅是找到你的用戶體驗(yàn)聲音,更要不斷磨練它,這樣你才能在關(guān)鍵時(shí)刻運(yùn)用它。因?yàn)槿绻覀兿胱層脩趔w驗(yàn)在新的篇章中生存下來,我們就必須首先努力爭(zhēng)取它的價(jià)值所在。

UX 簡史(以及它為何對(duì)你的聲音如此重要)

用戶體驗(yàn)不僅僅是一門學(xué)科。它是一種模式,一個(gè)學(xué)習(xí)、應(yīng)用、探索,如果幸運(yùn)的話,還能修正路線的循環(huán)。在過去的二十年里,我們經(jīng)歷了很多探索。

以人為本的設(shè)計(jì)并非新鮮事物。正如艾米麗·史蒂文斯 (Emily Stevens)指出的那樣,其根源可以追溯到古希臘的人體工程學(xué)或風(fēng)水原理。但“用戶體驗(yàn)”作為一個(gè)正式概念直到 20 世紀(jì)末才得以確立,當(dāng)時(shí)工程師、人因?qū)<乙约白罱K的軟件設(shè)計(jì)師意識(shí)到系統(tǒng)必須能夠以人為本。

正如辛西婭·維尼 (Cynthia Vinney)所言,蘋果、IDEO 和早期互聯(lián)網(wǎng)的崛起,推動(dòng)用戶體驗(yàn)走出工程實(shí)驗(yàn)室,進(jìn)入商業(yè)戰(zhàn)略。在一段時(shí)間內(nèi),用戶體驗(yàn)曾擁有影響力。我們塑造了行為、期望,甚至路線圖。

然后我們就變得閃亮了。

訓(xùn)練營數(shù)量激增。“獨(dú)角獸工作”(Nick Babich 的定義)的招聘信息也隨之激增,這些職位需要能夠編程、研究、制作原型、制作動(dòng)畫,甚至可能還會(huì)給辦公室的植物澆水的設(shè)計(jì)師。公司需要用戶體驗(yàn),但并不總是明白它的作用是什么。這純粹是《霹靂游俠》的邏輯:閃燈,打開語音調(diào)制器,然后祈禱沒人問它到底是怎么用的。

UX(用戶體驗(yàn))變成了一個(gè)包羅萬象的頭銜,承諾提供策略,但實(shí)際交付的往往只是造型。喬納斯·霍納(Jonas Hoener)就是這樣描述這種趨勢(shì)的,他并沒有錯(cuò)。我們開始大量生產(chǎn)作品集,卻沒有教會(huì)人們?nèi)绾魏葱l(wèi)作品背后的策略,莎拉·杜迪(Sarah Doody)在批評(píng)UX教育如何辜負(fù)下一代時(shí)就指出了這一點(diǎn)。

用戶體驗(yàn)(UX)漂移了。不是因?yàn)樵O(shè)計(jì)師忘記了如何解決問題,而是因?yàn)榻鉀Q問題在政治上變得不方便。

UX 曾經(jīng)塑造了路線圖,現(xiàn)在它開始修飾積壓工作。

它曾經(jīng)問的是“為什么”,現(xiàn)在卻被告知“怎么做”。

它曾經(jīng)影響產(chǎn)品方向,但現(xiàn)在卻是在做出決定之后才開始發(fā)揮作用。

如果您試圖找到或完善自己的聲音,您需要了解那段歷史,不僅因?yàn)樗苡腥ぃ€因?yàn)樗忉屃死﹃P(guān)系。

用戶體驗(yàn)的歷史不僅僅是一條時(shí)間線。它更是一則警示,提醒我們當(dāng)清晰被順從取代時(shí),會(huì)發(fā)生什么。當(dāng)提出更好的問題被急于交付下一個(gè)可交付成果取代時(shí),會(huì)發(fā)生什么。

如果你想讓你的聲音有意義,你必須知道這個(gè)行業(yè)何時(shí)會(huì)發(fā)生變化,以及如何穩(wěn)住自己。

如何找到(并發(fā)展)你的用戶體驗(yàn)聲音

大多數(shù)人認(rèn)為,經(jīng)過足夠多的年月、足夠多的會(huì)議、足夠多的 Figma 文件,總有一天你會(huì)“找到”屬于自己的 UX 風(fēng)格。但風(fēng)格并非偶然發(fā)現(xiàn)的。它是你在每次完成工作中最艱難的部分時(shí),有意或無意地強(qiáng)化的一套技能。

這關(guān)乎你如何應(yīng)對(duì)阻力。這關(guān)乎你如何在壓力下捍衛(wèi)自己的決定。這關(guān)乎你如何在更愿意保持沉默的情況下維護(hù)用戶的利益。而這第二點(diǎn)可能更為重要。

在職業(yè)生涯的早期,你很容易認(rèn)為聲音來自于掌握 Photoshop、Figma 或任何流行工具。

用戶體驗(yàn)設(shè)計(jì)一直以來都是以人為本的職業(yè),它不僅需要技術(shù)能力,也需要傾聽、適應(yīng)能力和溝通能力。Indeed設(shè)計(jì)團(tuán)隊(duì)在分析優(yōu)秀設(shè)計(jì)師與卓越設(shè)計(jì)師的區(qū)別時(shí),明確地指出了這一點(diǎn)。

工具不會(huì)教你如何解釋權(quán)衡利弊。也不會(huì)教你如何在大家開始改變目標(biāo)時(shí)為用戶辯護(hù)。也不會(huì)教你如何說服滿屋子懷疑論者,讓你相信你正在解決的問題確實(shí)重要。

你的聲音不是來自框架。

它來自于壓力。來自于為一些感覺混亂、情緒化、不方便的事情挺身而出,并且無論如何都要去做。

當(dāng)其他人還在為“什么”而困惑時(shí),我能清晰地表達(dá)“為什么”。這是第一個(gè)轉(zhuǎn)變:我意識(shí)到清晰的思路比聰明的頭腦更有價(jià)值。

后來我開始經(jīng)營酒吧。這是一種完全不同的用戶體驗(yàn)。你很快就能學(xué)會(huì)如何評(píng)估一個(gè)人。

如何在他們開口之前傾聽他們的需求。如何緩和緊張局勢(shì)。如何讓兩個(gè)自以為在同一個(gè)對(duì)話中但實(shí)際上并非如此的人達(dá)成共識(shí)。

聽起來很熟悉?這就是用戶體驗(yàn)。只不過不是那種從訓(xùn)練營里學(xué)到的版本。這是大多數(shù)用戶體驗(yàn)教育幾乎都很少涉及的關(guān)鍵技能:如何解讀房間。如何在摩擦爆發(fā)之前預(yù)測(cè)它。如何駕馭人與人之間的緊張關(guān)系,而不僅僅是屏幕的流暢性。

正如Preeti Talwai所說:“當(dāng)你的想法與房間里其他人完全不同時(shí),請(qǐng)大聲說出來。當(dāng)你是新人時(shí),請(qǐng)大聲說出來。當(dāng)你是房間里最年輕的用戶體驗(yàn)研究者時(shí),請(qǐng)大聲說出來。最重要的是,當(dāng)你是房間里唯一的用戶體驗(yàn)研究者時(shí),請(qǐng)大聲說出來。那時(shí),你的聲音最重要。”

但我們?cè)谶@方面教得不夠。我們打造了一個(gè)崇尚線框圖的行業(yè),卻忽視了在壓力下解釋決策所需的能力。我們大量炮制作品集,卻不教人們?nèi)绾魏葱l(wèi)作品背后的策略。

這就是聲音失效的地方:當(dāng)它被訓(xùn)練去遵循步驟而不是提出問題時(shí)。

你無法在框架中找到你的用戶體驗(yàn)聲音。你可以在你經(jīng)歷過的事情、你為之奮斗過的事情以及你不再道歉的事情中找到它。

如果你從事設(shè)計(jì)行業(yè)已有一段時(shí)間,那么你已經(jīng)擁有了自己的聲音,但你可能只是在低聲細(xì)語,或者在模仿別人,或者在等待別人的允許,說出那些你已經(jīng)知道需要說的話。

陳偉志坦言:“我不會(huì)讓阻力阻止我發(fā)聲。” 這不是虛張聲勢(shì),而是清晰的思路。UX 的聲音不僅僅關(guān)乎音量,更關(guān)乎有話要說,以及即使無人問津也要堅(jiān)持說下去的決心。

語音不僅僅是說話的方式,更是聆聽的方式,翻譯的方式,以及在用戶親眼看到之前向他們展示內(nèi)容的方式。當(dāng)一切都自動(dòng)化時(shí),這正是用戶體驗(yàn) (UX) 的價(jià)值所在。如果你一直在等待有人允許你使用語音,那么現(xiàn)在就是你想要的了。

如何找不到自己的聲音

失去自己聲音的最快方法之一就是模仿別人的聲音,并說服自己這樣做是有效的,因?yàn)樗芤鹱⒁狻?/span>

在我職業(yè)生涯的早期,我曾為一位以絕對(duì)力量領(lǐng)導(dǎo)的領(lǐng)導(dǎo)者工作:身高六英尺左右,精力充沛,嗓音洪亮。他可以沖著客戶大喊大叫,然后掛斷電話,電話還會(huì)響起來。我想:“這肯定是一種有效的領(lǐng)導(dǎo)方式。”

所以,當(dāng)我經(jīng)營自己的公司遇到困難,試圖讓自己聽起來自信起來時(shí),我模仿他的語氣、他的熱情、他的直率。我對(duì)著客戶吼叫,希望音量能等于清晰度。

劇透:事實(shí)并非如此。

他們沒有回電話。他們解雇了我們。這完全是我的錯(cuò)。

那個(gè)聲音對(duì)他來說很合適,但對(duì)我來說卻完全不適合。

他做得好的地方,完全符合他的個(gè)性。他果斷、外向、精力充沛、以任務(wù)為導(dǎo)向,而且言辭犀利。這是他與生俱來的風(fēng)格。這種風(fēng)格很有效,因?yàn)樗m合他的環(huán)境。但我的風(fēng)格卻不合。他的話很有效果,而我的話只是回響,然后就消失了。

借來的聲音在壓力下無法生存。只有你自己的聲音才能生存。

這不僅僅是直覺,它得到了行為研究的支持。研究表明,當(dāng)性格鏡像與你的性格相符時(shí),可以建立信任;但如果與你的真實(shí)自我不符,就會(huì)造成不和諧,并損害信譽(yù)。領(lǐng)導(dǎo)力理論也呼應(yīng)了這一點(diǎn)。根據(jù)菲德勒的權(quán)變模型,你的領(lǐng)導(dǎo)風(fēng)格必須與你的性格和環(huán)境相匹配,否則在壓力增大時(shí)就會(huì)失效。

真誠領(lǐng)導(dǎo)力,一種根植于自我認(rèn)知、價(jià)值觀和一致性的模式,一次又一次地超越了虛張聲勢(shì)。它能夠建立信任、清晰的思路和韌性。它不依賴于數(shù)量,而依賴于存在感。

因此,盡管業(yè)界通常獎(jiǎng)勵(lì)高管的魅力和自信,但真正的影響力并非來自誰的嗓門最大。它來自誰知道什么值得說,并且把這些話當(dāng)真。

用戶體驗(yàn)不需要更響亮的聲音,它需要真實(shí)的聲音。這種聲音根植于視角、同理心和自我認(rèn)知。這種聲音能夠引領(lǐng)我們穿越模糊的界限,在壓力下清晰地表達(dá),并且仍然保持真實(shí)的自我。

從聲音到價(jià)值。工作現(xiàn)在需要什么

我曾經(jīng)以為,強(qiáng)大的用戶體驗(yàn)聲音就意味著正確。當(dāng)年我和別人共同經(jīng)營產(chǎn)品代理公司 Hard Candy Shell 的時(shí)候,我們自信滿滿,甚至有些自大。客戶雇傭我們,就是為了說出別人不敢說的話。我們把直言不諱當(dāng)成一種榮譽(yù)。

但正確并不等于有效。

在一次殘酷的咨詢中,經(jīng)過90分鐘的批評(píng),一位客戶半開玩笑地說,感覺就像“一場(chǎng)沒有安全詞的S&M咨詢”。我們?yōu)檫@句話感到無比自豪,差點(diǎn)就把它放到了網(wǎng)站上。回想起來,我們不僅僅是在為工作服務(wù),更是在為自己表演。

最終,我意識(shí)到:影響力不在于你能向別人說出多少真相,而在于你是否能讓對(duì)方感到足夠安全,愿意聽取這些真相。

缺乏同理心的精準(zhǔn)并非領(lǐng)導(dǎo)力,而只是一場(chǎng)表演。

如果你希望你的聲音被重視,那么實(shí)際上應(yīng)該是這樣的:

  • 搶在別人之前,先把真正的問題框定出來:不要只報(bào)道研究結(jié)果,更要展示研究的意義。讓利害關(guān)系清晰可見。
  • 化模糊為前進(jìn)的動(dòng)力:大多數(shù)會(huì)議室陷入僵局,是因?yàn)闆]人知道下一步該怎么做。這時(shí),你的聲音就顯得尤為重要。減少摩擦,撥開迷霧,引領(lǐng)前進(jìn)。
  • 像設(shè)計(jì)工具一樣運(yùn)用你的語言:揭示權(quán)衡利弊。闡明邏輯。在不失清晰度的情況下邀請(qǐng)合作。
  • 讓你的聲音與當(dāng)下相符:放大你的存在感,但不要縮小。需要時(shí)保持安靜。需要時(shí)保持熱情。
  • 知道何時(shí)以研究為主導(dǎo),何時(shí)以判斷為主導(dǎo)。研究贏得信任,判斷贏得動(dòng)力。兩者缺一不可。
  • 讓行動(dòng)變得不可避免:目標(biāo)不是控制,而是清晰。影響力意味著讓下一步行動(dòng)變得顯而易見、安全且必要,即使沒有人做好準(zhǔn)備。

你不會(huì)偶然培養(yǎng)出這種聲音。它需要經(jīng)歷各種壓力、各種失誤、在不輕易露面時(shí)挺身而出。

這個(gè)行業(yè)不需要更多精致的演示文稿。它需要更多能夠走進(jìn)混亂并帶來信號(hào)的人。他們能夠引領(lǐng)整個(gè)會(huì)議,不是趾高氣揚(yáng),而是指明方向。總而言之,我們需要更多用戶體驗(yàn)方面的“歐比旺”,而不是 PowerPoint 上的“帕爾帕廷”。

如果你想讓你的用戶體驗(yàn)設(shè)計(jì)更具影響力,現(xiàn)在就該明確目標(biāo)。發(fā)揮你的優(yōu)勢(shì),了解你的受眾。并且要像決策取決于你一樣去表達(dá),因?yàn)闆Q策確實(shí)如此。

有些公司不會(huì)為此留出空間。有些團(tuán)隊(duì)不會(huì)馬上意識(shí)到這一點(diǎn)。但這并不意味著它不再必要,反而讓它變得更加重要。

因此,無論你是一年還是二十年:

  • 不要再等待別人詢問你的意見。
  • 不要在需要清晰的房間里保持沉默。
  • 停止完善那些無法改變決策的交付成果。

你的聲音不是為了顯得聰明,而是為了推動(dòng)工作。而工作需要推動(dòng)。

用戶體驗(yàn)揭示真相,語音驅(qū)動(dòng)戰(zhàn)略。

用戶體驗(yàn)從來都不是關(guān)乎像素的。它始終關(guān)乎清晰度,將復(fù)雜性轉(zhuǎn)化為方向,將洞察力轉(zhuǎn)化為行動(dòng),將模糊性轉(zhuǎn)化為一致性。

但單靠框架并不能推動(dòng)團(tuán)隊(duì)前進(jìn)。模板無法建立信任。系統(tǒng)無法創(chuàng)造動(dòng)力。

人們確實(shí)如此。

這就是你的聲音發(fā)揮作用的地方。

在人工智能能夠模擬流程并在幾秒鐘內(nèi)快速生成產(chǎn)品的時(shí)代,用戶體驗(yàn)的真正價(jià)值不在于執(zhí)行,而在于框架。在于了解我們要解決的問題是什么,目標(biāo)客戶是誰,以及在眾說紛紜的情況下,成功究竟是什么樣子。

你不必相信我的話。UX 領(lǐng)域的領(lǐng)導(dǎo)者們都在說同一句話:這項(xiàng)工作的未來不在于產(chǎn)品本身,而在于框架,在于知道要解決什么問題,為誰服務(wù),以及當(dāng)眾說紛紜時(shí),成功是什么樣子。

正如Kym Primrose所寫,“這個(gè)行業(yè)就是為了時(shí)間和金錢;當(dāng)有廉價(jià)而粗糙的解決方案可用時(shí),它根本無法承受真正的用戶體驗(yàn)設(shè)計(jì)的放縱。”

這就是重點(diǎn)。人工智能并沒有扼殺用戶體驗(yàn)。它揭示了我們的視角已經(jīng)變得多么脆弱。當(dāng)我們不再審視問題,開始優(yōu)化過去時(shí),我們就無法前進(jìn)。我們會(huì)變得扁平,我們會(huì)墨守成規(guī),我們會(huì)消失。

Primrose 繼續(xù)說道:“我們?cè)绞菍⒃O(shè)計(jì)任務(wù)交給那些從匯總數(shù)據(jù)和歷史模式中學(xué)習(xí)的系統(tǒng),我們就越有可能將一切標(biāo)準(zhǔn)化。”

這才是真正的威脅。不是人工智能,而是用戶體驗(yàn)行業(yè)忘記了如何引領(lǐng),不再提出更好的問題,而是把方向盤交給了只會(huì)復(fù)制過去的系統(tǒng)。

這就是Patrick Neeman所描繪的用戶體驗(yàn)的未來:成功與否,根本不在于產(chǎn)品本身,而在于引導(dǎo)用戶構(gòu)建框架。現(xiàn)在的工作是幫助團(tuán)隊(duì)定義問題,而不僅僅是繪制解決方案的流程圖。

Taylor Dykes對(duì)此進(jìn)行了更進(jìn)一步的闡釋。她認(rèn)為,現(xiàn)代用戶體驗(yàn)領(lǐng)導(dǎo)力并非源于頭銜,而是源于在不確定的環(huán)境中掌控全局的能力。最有價(jià)值的設(shè)計(jì)師并非等待指令的人。他們是那些在團(tuán)隊(duì)尚不確定下一步該如何走時(shí),幫助團(tuán)隊(duì)向前邁進(jìn)的人。

隨著人工智能越來越多地出現(xiàn)在我們的工作流程中,人類的領(lǐng)導(dǎo)力就越發(fā)不可動(dòng)搖。正如卡羅爾·J·史密斯在其關(guān)于人機(jī)信任的研究中所述,用戶不僅想要準(zhǔn)確的系統(tǒng),他們還想要可靠的系統(tǒng)。信任并非源于精準(zhǔn),而是源于透明度、溝通以及對(duì)系統(tǒng)運(yùn)行機(jī)制及其原因的清晰理解。

Borbála German 和 Réka Pet?的研究也呼應(yīng)了這一洞見。他們發(fā)現(xiàn),人們追求的并非完美無缺的系統(tǒng),而是可解釋的系統(tǒng)。他們想要有人支持、有護(hù)欄、有明確的職責(zé)分工。最重要的是,他們希望有人對(duì)接下來發(fā)生的事情負(fù)責(zé)。

那個(gè)“某人”通常就是你。

這就是為什么Sharan Phillora 和 Giada Gastaldello認(rèn)為下一代 UX 領(lǐng)導(dǎo)者不是由可交付成果來定義的,而是由他們引導(dǎo)對(duì)話、構(gòu)建模糊性和帶領(lǐng)團(tuán)隊(duì)進(jìn)行決策的能力來定義的,而不僅僅是設(shè)計(jì)。

因?yàn)檫@就是你的聲音所起的作用。它彌合了研究與現(xiàn)實(shí)之間的差距。它讓行動(dòng)充滿安全感。它讓團(tuán)隊(duì)在遇到困難時(shí)有信心繼續(xù)前進(jìn)。

框架只是腳手架。你的聲音才是賦予它們生命的力量。這才是它的意義所在。

工作絕不僅僅是屏幕

用戶體驗(yàn)從來就不該是裝飾性的。它從來就不該是路線圖寫完后才去參與的團(tuán)隊(duì)。

這個(gè)行業(yè)的崛起并非源于框架。它之所以崛起,是因?yàn)槿藗冋宫F(xiàn)出自己的觀點(diǎn),并有勇氣表達(dá)出來。他們敢于提出更好的問題,敢于挑戰(zhàn)糟糕的默認(rèn)模式,敢于為屏幕另一邊的人們挺身而出。

這正是用戶體驗(yàn)的價(jià)值所在,而我們也失去了它。不知從何時(shí)起,我們變得沉默寡言。我們混淆了交付成果和影響力。我們滿足于“有用”,而我們本應(yīng)是不可或缺的。

并且它顯示出來了。

如今用戶體驗(yàn)的真正失敗并非工具或頭銜,而是決策時(shí)缺乏遠(yuǎn)見卓識(shí),是在最需要清晰思路的時(shí)候卻保持沉默,用被動(dòng)的“是”取代了強(qiáng)硬但必要的“不”。

你的用戶體驗(yàn)設(shè)計(jì)理念并非額外獎(jiǎng)勵(lì),也不是你擁有足夠多的頭銜后就能獲得的。它是你塑造產(chǎn)品內(nèi)容和使用方式的最重要工具。

不是某一天。也不是在人工智能“安定下來”之后。而是現(xiàn)在。

是的,這很難。在那些不想聽你說話的房間里大聲說話很難。當(dāng)你是唯一一個(gè)踩剎車的人時(shí),很難挑戰(zhàn)當(dāng)前的勢(shì)頭。當(dāng)其他人都只想得到一個(gè)可交付成果時(shí),很難成為那個(gè)問“為什么”的人。

但這正是讓它變得重要的原因。

無論你是新手還是領(lǐng)導(dǎo)者:在被邀請(qǐng)之前先發(fā)言。在被要求之前先構(gòu)思。即使更容易理解,也要引導(dǎo)。

如果用戶體驗(yàn) (UX) 有未來,那不是因?yàn)楦啙嵉脑O(shè)計(jì)系統(tǒng),而是因?yàn)楸澈蟮娜俗罱K決定站出來發(fā)聲。

你的用戶體驗(yàn)聲音不僅僅關(guān)乎你的設(shè)計(jì)方式,還關(guān)乎你如何改變接下來的設(shè)計(jì)。

所以使用它。用它建設(shè)。用它戰(zhàn)斗。用它分享。

蘭亭妙微(m.0391cbd.com )是一家專注而深入的界面設(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ì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。

【蘭亭妙微】用戶體驗(yàn)設(shè)計(jì)優(yōu)化 | 什么是“嵌入式成長機(jī)制”?

杰睿

 

——從 Hook 模型到行為慣性設(shè)計(jì)的交互進(jìn)階路徑

一、起點(diǎn):為什么“用戶投入”才是粘性最高的設(shè)計(jì)?

在許多交互體驗(yàn)中,設(shè)計(jì)者常常追求“即時(shí)反饋”:點(diǎn)擊即響應(yīng)、瀏覽即推薦、登錄即得禮。但用戶一旦體驗(yàn)完畢,離開就再無回頭。
原因在于:用戶沒有留下任何可積累的“成長性投入”
根據(jù)《Hooked》模型,產(chǎn)品形成用戶習(xí)慣的四個(gè)階段中,Investment(投入)是最被低估卻最決定復(fù)訪意愿的一環(huán)
“當(dāng)用戶在產(chǎn)品中投入時(shí)間、精力、數(shù)據(jù)或情緒,便不再是旁觀者,而是利益相關(guān)方。”
但是,僅有“投入”還不夠,這些投入是否“嵌入”用戶未來體驗(yàn),是否帶來持續(xù)增長感,是設(shè)計(jì)的關(guān)鍵挑戰(zhàn)。
這就引出一個(gè)更高級(jí)的設(shè)計(jì)模型:嵌入式成長機(jī)制

二、定義:“嵌入式成長機(jī)制”到底是什么?

嵌入式成長機(jī)制(Embedded Growth Mechanism) 是指:
產(chǎn)品通過系統(tǒng)性結(jié)構(gòu),讓用戶的每一次投入行為產(chǎn)生未來可感知的回報(bào),并對(duì)下一次使用產(chǎn)生預(yù)期依賴,最終形成習(xí)慣與留存。
它具備四個(gè)核心特征:
特征 說明 常見誤解
行為路徑可復(fù)用 用戶走過的路徑會(huì)影響下一次決策 不是“歷史記錄”,而是路徑強(qiáng)化
成果可積累 用戶的操作結(jié)果以結(jié)構(gòu)化形式沉淀 不是“完成任務(wù)”,而是“建立資產(chǎn)”
成長性可感知 反饋不僅是即時(shí),而是具有階段性躍遷 不是“獲得獎(jiǎng)勵(lì)”,而是“具備成長感”
結(jié)構(gòu)性嵌入 用戶資產(chǎn)影響后續(xù)流程、推薦、權(quán)限 不是“數(shù)據(jù)留存”,而是“體驗(yàn)參與權(quán)”

三、原理:從 Hook 模型到“行為慣性引擎”

  1. Hook 模型復(fù)盤
在《Hooked》中,用戶習(xí)慣的形成來自于:
  1. Trigger(觸發(fā))
  2. Action(行動(dòng))
  3. Variable Reward(變動(dòng)獎(jiǎng)勵(lì))
  4. Investment(投入)
但模型本身不解釋 “投入之后發(fā)生了什么?” 投入成為“行為慣性”的方式是:嵌入式成長結(jié)構(gòu) + 可視化反饋機(jī)制 + 結(jié)構(gòu)性復(fù)利回路
我們可以用如下公式理解這一點(diǎn):
markdown
復(fù)制編輯
Investment × Embedding × Future Payoff = Habitual Use
也就是說,僅僅讓用戶“寫了一篇筆記”沒意義,除非:
  • 這篇筆記成為未來推薦算法的一部分
  • 它帶來新用戶點(diǎn)贊、收藏、互動(dòng)(外部性收益)
  • 它在視覺層面沉淀為“知識(shí)資產(chǎn)”并被系統(tǒng)引用
  • 它解鎖了下一階段內(nèi)容 / 權(quán)限 / 工具
這就是“嵌入式成長機(jī)制”與一般投入反饋機(jī)制的根本區(qū)別:
用戶的行為介入并塑造了未來體驗(yàn)結(jié)構(gòu)

四、結(jié)構(gòu):嵌入式成長機(jī)制的 3 層設(shè)計(jì)框架

我們可以從交互設(shè)計(jì)的角度,將其拆解為三層結(jié)構(gòu):
第一層:結(jié)構(gòu)性投入點(diǎn)設(shè)計(jì)(Structure of Investment)
識(shí)別產(chǎn)品中的可“沉淀性操作”:
類型 示例 表現(xiàn)方式
內(nèi)容結(jié)構(gòu)投入 Notion 筆記、飛書文檔 用戶參與“搭建”產(chǎn)品結(jié)構(gòu)
關(guān)系結(jié)構(gòu)投入 社交圈建立、關(guān)注體系 用戶構(gòu)建“社會(huì)資產(chǎn)”
行為偏好結(jié)構(gòu) 推薦算法訓(xùn)練、偏好標(biāo)簽 用戶塑造算法“映射自己”
權(quán)限成長結(jié)構(gòu) 功能權(quán)限隨投入解鎖 用戶獲得“控制感”與進(jìn)階通道
設(shè)計(jì)建議
  • 所有可投入點(diǎn),應(yīng)具備:數(shù)據(jù)結(jié)構(gòu)、可查詢性、可回顯。
  • 不要把用戶操作設(shè)計(jì)成“消耗品”,而是“積累點(diǎn)”。

第二層:回報(bào)路徑嵌入(Embedded Feedback Loop)

關(guān)鍵在于:用戶操作后的結(jié)果能否影響未來體驗(yàn)
投入行為 影響維度 回報(bào)機(jī)制
編輯頁面 頁面結(jié)構(gòu)保存 下次自動(dòng)載入、自定義默認(rèn)
點(diǎn)贊內(nèi)容 訓(xùn)練算法模型 推薦更符合偏好的內(nèi)容
填寫興趣 用戶畫像建模 頁面布局動(dòng)態(tài)調(diào)整
學(xué)習(xí)任務(wù)完成 解鎖新模塊 路徑“只屬于你”而不是大眾用戶
設(shè)計(jì)建議
  • 讓回報(bào)不止出現(xiàn)在當(dāng)前頁面,而是改變系統(tǒng)反應(yīng)方式
  • 讓用戶感受到自己“塑造”了這個(gè)系統(tǒng)。

第三層:增長可視化機(jī)制(Growth Visualization)

即便系統(tǒng)有“嵌入性回報(bào)”,用戶如不能感知,就不會(huì)形成行為慣性
設(shè)計(jì)任務(wù)是將成長數(shù)據(jù)顯性化為“變化圖景”
可視形式 舉例 情緒作用
進(jìn)度軌跡圖 番茄時(shí)間記錄曲線 感知掌控感
資產(chǎn)地圖 筆記結(jié)構(gòu)腦圖、知識(shí)沉淀庫 感知自我能力增長
使用成長階梯 等級(jí)標(biāo)識(shí)、勛章系統(tǒng) 感知“在升級(jí)”
反饋路徑可追溯 用戶行為→系統(tǒng)推薦鏈路圖 感知“產(chǎn)品聽懂我了”
設(shè)計(jì)建議
  • 成長可視化 ≠ 簡單圖表,而是體現(xiàn)“行動(dòng)-結(jié)構(gòu)-反饋”的閉環(huán)感;
  • 成長展示要避免“游戲化套路感”,要強(qiáng)調(diào)功能性連接與用戶“建設(shè)感”。

五、誤區(qū)與反思:嵌入式成長 ≠ 成癮設(shè)計(jì)

不少人將“用戶投入”等同于“上癮機(jī)制”,這是理解上的誤區(qū)。
嵌入式成長機(jī)制不鼓勵(lì)用戶沉迷于操作本身,而鼓勵(lì)他們主動(dòng)塑造體驗(yàn)結(jié)構(gòu)。區(qū)別在于:
維度 成癮機(jī)制 嵌入式成長機(jī)制
反饋節(jié)奏 高頻、即時(shí) 階段性、結(jié)構(gòu)性
用戶參與感 被動(dòng)反饋接受 主動(dòng)結(jié)構(gòu)塑造
成果屬性 一次性、多巴胺驅(qū)動(dòng) 累計(jì)性、功能驅(qū)動(dòng)
設(shè)計(jì)倫理 容易引發(fā)依賴 傾向于能力增強(qiáng)
最理想的狀態(tài):
用戶使用產(chǎn)品越久,越能建立自己的體系,產(chǎn)生“離不開”而非“停不下”的依賴。

交互設(shè)計(jì)的進(jìn)階,不在于“好看”,而在于“結(jié)構(gòu)”

“嵌入式成長機(jī)制”作為一種設(shè)計(jì)方法,其終極目標(biāo)是:
把用戶的參與設(shè)計(jì)進(jìn)產(chǎn)品本身,讓體驗(yàn)隨行為進(jìn)化,讓系統(tǒng)隨著使用更懂用戶。
它連接了用戶行為 → 體驗(yàn)結(jié)構(gòu) → 長期留存之間的底層路徑,是行為慣性型產(chǎn)品的核心邏輯。
 
 
更多項(xiàng)目/合作請(qǐng)私信,支持定制設(shè)計(jì)服務(wù)
我們是蘭亭妙微
商務(wù)合作請(qǐng)聯(lián)系
郵箱:weihua@lanlanwork.com
電話:400-6086026 010-6333494
了解更多設(shè)計(jì)案例 → m.0391cbd.com
蘭亭妙微( 藍(lán)藍(lán)設(shè)計(jì))是一家專注而深入的UI設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、網(wǎng)頁設(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ì)

桌面端界面設(shè)計(jì) | 如何設(shè)計(jì)淺色主題 UI

杰睿

如果您曾經(jīng)嘗試設(shè)計(jì)輕量級(jí) UI,您就會(huì)理解這個(gè)悖論:它看起來很簡單,但卻很容易出錯(cuò)。

增加亮度可能會(huì)導(dǎo)致圖像變得平淡、褪色,甚至刺眼。

你以為白色=光。但這就像說糖等于甜點(diǎn)一樣。

憑借 6 年多為 SaaS、移動(dòng)和商業(yè)平臺(tái)進(jìn)行設(shè)計(jì)的經(jīng)驗(yàn),我了解到淺色主題需要與深色主題一樣多的改進(jìn)和意向性,甚至更多。

它們?cè)谒协h(huán)境中都體現(xiàn)了清晰度、對(duì)比度、結(jié)構(gòu)性和實(shí)用性。

讓我來分解一下。

 

淺色主題背后的心理學(xué)
將顯示縮放圖像

輕量級(jí) UI 感覺:

  • 冷靜的
  • 熟悉的
  • 值得信賴

這就是為什么你會(huì)在以下地方找到它們:

  • 銀行應(yīng)用程序
  • 醫(yī)療保健儀表板
  • 政府網(wǎng)站
  • SaaS 產(chǎn)品

在生產(chǎn)力應(yīng)用中,81% 的用戶更喜歡將淺色主題作為默認(rèn)主題。

人們需要清晰的信息,尤其是在特定場(chǎng)景下。不要讓他們失望。

總是問自己:“這會(huì)用在哪里?” 室內(nèi)、室外還是移動(dòng)? 這會(huì)改變一切。

設(shè)計(jì) Light 主題的分步工作流程

1. 從柔軟的中性基底開始

將顯示縮放圖像

避免使用#FFFFFF。認(rèn)真的。

相反,我選擇中等中性色,如#F4F6F8 或#F9FAFB,它們可以提供微妙的深度并減輕眼睛的疲勞。

在模態(tài)框或照片上使用透明白色覆蓋層來創(chuàng)建深度而不反射光線。

2.建立模塊化色彩系統(tǒng)

將顯示縮放圖像

使用語義標(biāo)記bg-default,例如text-muted,,border-light。這使得主題保持一致且可擴(kuò)展。

3. 控制對(duì)比度(不僅僅是為了可訪問性)

不要止步于 WCAG 兼容性。真正的目標(biāo)是現(xiàn)實(shí)世界的可讀性。

  • 文本對(duì)比度至少為 4.5:1
  • 為灰色添加色調(diào)以增加溫暖感
  • 使用鮮艷的色彩突出顯示 CTA 和錯(cuò)誤。

我犯的錯(cuò)誤:我曾經(jīng)在儀表盤中使用了符合WCAG標(biāo)準(zhǔn)的灰色文本。雖然在我的屏幕上看起來很棒,但在戶外日光下用戶很難閱讀。

教訓(xùn):合規(guī)性≠可用性。

4. 限制使用陰影

陰影很棒,但要小心。

  • 使用 1-2 個(gè)深度級(jí)別
  • 更喜歡柔和的陰影或內(nèi)嵌陰影
  • 避免使用硬輪廓

5. 反射和陽光的設(shè)計(jì)

  • 在陽光直射下進(jìn)行測(cè)試(是的,在戶外走走)。
  • 避免使用淺色圖標(biāo),因?yàn)樗鼈儠?huì)消失。
  • 使用 400 多種字體粗細(xì)。

過亮的設(shè)置可能會(huì)使屏幕對(duì)比度降低多達(dá) 40%。請(qǐng)適當(dāng)調(diào)整。

6. 仔細(xì)突出交互狀態(tài)

在淺色主題中,懸停和焦點(diǎn)等狀態(tài)經(jīng)常被忽略。

  • 使用微妙的陰影、下劃線或發(fā)光效果
  • 定義每個(gè)狀態(tài):懸停、活動(dòng)、禁用

專業(yè)提示:我總是在灰度模式下測(cè)試我的元件庫。如果狀態(tài)保持清晰,就說明我做得對(duì)。

7.不要忘記品牌個(gè)性

一個(gè)常見的錯(cuò)誤:品牌在輕量級(jí) UI 中消失。

反而:

  • 使用品牌顏色來調(diào)配背景
  • 使用品牌插圖或圖標(biāo)
  • 使用字符設(shè)置空狀態(tài)的樣式

即使在燈光模式下,Notion 的 UI 也保持著自己的個(gè)性。

將框架應(yīng)用于 Figma 社區(qū)項(xiàng)目

我通常會(huì)使用隨機(jī)的 Figma 模板來測(cè)試我的設(shè)計(jì)工作流程。它不僅提升了我的技能,還揭示了通用 UI 的弱點(diǎn)。

設(shè)計(jì)師常犯的淺色主題錯(cuò)誤

  • 過度使用空白(可讀性下降)
  • 低對(duì)比度+色彩過載=不可讀。
  • 沒有視覺層次。
  • 忽略組件狀態(tài)。
  • 在黑色畫布上設(shè)計(jì)一切會(huì)導(dǎo)致判斷偏差。

黃金法則:首先用灰度創(chuàng)建光圖案。添加顏色只是為了提高清晰度,而不是為了定義清晰度。

設(shè)計(jì)一個(gè)令人驚嘆的燈光主題是一門藝術(shù),也是一門科學(xué)。

  • 功能勝過花哨。
  • 對(duì)比意味著清晰度。
  • 深度應(yīng)該感覺自然。
  • 始終在現(xiàn)實(shí)世界中進(jìn)行測(cè)試!

設(shè)計(jì)從來都不是孤立完成的。你的燈光主題應(yīng)該存在于陽光明媚的環(huán)境、繁忙的工作站和疲憊的雙眼之中。

蘭亭妙微(m.0391cbd.com )是一家專注而深入的界面設(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ì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

人工智能不會(huì)消滅用戶體驗(yàn)——我們才會(huì)

杰睿

圖片使用 ChatGPT 生成,并經(jīng)過 Photoshop 編輯。圖片來源:ChatGPT、Kym Primrose。

不久之前,我還堅(jiān)信我的工作不會(huì)被人工智能所左右。雖然我現(xiàn)在仍然大體上相信這一點(diǎn),但人們爭(zhēng)相采用人工智能解決方案的速度之快令人擔(dān)憂,這讓我開始懷疑。我不能責(zé)怪他們;人工智能解決方案快速、一致,而且從表面上看,通常都很有吸引力。我很樂意將人工智能融入我的工作流程中(我已經(jīng)這樣做了),但我并不認(rèn)同人工智能應(yīng)該處于創(chuàng)作過程的中心這一觀點(diǎn)。它無法創(chuàng)造;它只能復(fù)制——麻省理工學(xué)院領(lǐng)導(dǎo)的一系列實(shí)驗(yàn)強(qiáng)調(diào)了生成性人工智能依賴于模式而不是新穎的思維。雖然這種復(fù)制效果越來越好,但它仍然依賴于已經(jīng)完成的工作。正是這一部分被忽視了;世界只看到了快速、可接受的解決方案,而這正是讓我擔(dān)心的部分。

幾十年來,我們?cè)谟脩趔w驗(yàn)領(lǐng)域一直宣揚(yáng)同理心、共同創(chuàng)造以及理解用戶個(gè)體的重要性。然而,在實(shí)踐中,這些原則仍然與緊迫的時(shí)間表和狹隘的“可用”定義相沖突。正如 Adyanth Natarajan 所說,無障礙設(shè)計(jì)方面的失敗反映出用戶體驗(yàn)行業(yè)仍然主要面向一小部分人群。同樣,Andrew Tipp 認(rèn)為,雖然包容性設(shè)計(jì)至關(guān)重要,但預(yù)算和時(shí)間壓力往往會(huì)削弱它

盡管人們竭盡全力強(qiáng)調(diào)包容性設(shè)計(jì)如果得到妥善實(shí)施將帶來多么大的益處,但這些領(lǐng)域在開發(fā)過程中仍然嚴(yán)重缺乏重視。這個(gè)行業(yè)講究時(shí)間和金錢;當(dāng)廉價(jià)而粗糙的解決方案唾手可得時(shí),它根本無法承擔(dān)真正的用戶體驗(yàn)設(shè)計(jì)的沉迷。人工智能提供了這樣的解決方案。但是,我們?cè)绞菍⒃O(shè)計(jì)任務(wù)交給那些從聚合數(shù)據(jù)和歷史模式中學(xué)習(xí)的系統(tǒng),我們就越有可能將一切標(biāo)準(zhǔn)化。如果我們現(xiàn)在還沒有找到關(guān)鍵的答案,那么將創(chuàng)意流程交給人工智能系統(tǒng)并不能神奇地解鎖它。包容性設(shè)計(jì)成為基準(zhǔn)標(biāo)準(zhǔn)的夢(mèng)想變得更加遙不可及。誠然,我們獲得了效率,但代價(jià)是什么呢?

雖然本文的重點(diǎn)在于AI如何將創(chuàng)造力從設(shè)計(jì)流程中剔除,但我們必須承認(rèn),這種觀點(diǎn)本身并不新鮮。Alterio 、SeoHurst等人都探討過UX /UI設(shè)計(jì)中創(chuàng)造力的扼殺問題,盡管他們并未提及AI的介入。

我們今天所說的“設(shè)計(jì)”有多少是真正原創(chuàng)的?

擺在桌面上的是:我們大多數(shù)人的工作都受到相當(dāng)嚴(yán)格的限制。由于無障礙指南、設(shè)計(jì)系統(tǒng)、素材庫和社區(qū) Figma 文件的存在,許多創(chuàng)意意圖被剝奪了。我們所做的只是將點(diǎn)連接起來——而這基本上就是所有人工智能解決方案都在做的事情。它們從相同的資源中提取數(shù)據(jù),并基于相同的設(shè)計(jì)系統(tǒng)和無障礙規(guī)則將點(diǎn)連接起來。那么,這真的是一件壞事嗎?

將顯示縮放圖像
Figma 社區(qū) UI 工具包截圖。圖片來源:Figma

對(duì)我來說,答案取決于兩點(diǎn)。首先,使用這些工具的人是否真的受過培訓(xùn),了解它們的工作原理?他們是否知道如何設(shè)計(jì)提示來減輕偏見而不是加劇偏見?即使他們不知道,雇傭這些工具的人真的在乎嗎?其次,我們節(jié)省下來的時(shí)間是否真的被重新投入到探索性思考中?投入到研究、實(shí)驗(yàn)和面向未來的想法中?

如果是,那很好;但如果不是,我們就有可能為了追求進(jìn)步的幻覺而犧牲自己的創(chuàng)造力。任何真正的設(shè)計(jì)師都不應(yīng)該愿意接受這種交易。如果我們要把所有這些耗時(shí)、繁瑣、零散的工作都交給機(jī)器,我們的大腦還有什么更好的用途呢?

人工智能作為復(fù)制者,而非發(fā)起者

說實(shí)話:人工智能并不具備創(chuàng)造力。真的不。它只是一種非常逼真的模仿者。它接受過已經(jīng)構(gòu)建、發(fā)布和批準(zhǔn)的事物的訓(xùn)練。這意味著它建立在已經(jīng)成功的想法之上,而這些想法并不總是最好的,只是最容易被接受或最引人注目的。

它所回收的不僅僅是設(shè)計(jì)模式和配色方案,還有偏見、規(guī)范和文化假設(shè)。如果數(shù)據(jù)集存在偏差,輸出結(jié)果也會(huì)如此。我們?cè)?/span>Buolamwini 和 Gebru 于 2018 年發(fā)表的《性別陰影》等研究中就看到了這一點(diǎn),其中商業(yè) AI 工具對(duì)深色皮膚女性的性別判斷錯(cuò)誤,錯(cuò)誤率高達(dá) 34.7%。此類研究表明,使用從互聯(lián)網(wǎng)和企業(yè)來源收集的數(shù)據(jù)集的商業(yè) AI 系統(tǒng)往往會(huì)復(fù)制并放大現(xiàn)有的社會(huì)偏見。

我們用同樣有缺陷的框架建立了這些系統(tǒng),而我們花了幾十年的時(shí)間試圖拆除它們,即使我們積極嘗試糾正這些錯(cuò)誤陳述,但可能為時(shí)已晚。

Molly Wright Steenson 換了一種說法:

數(shù)據(jù)的關(guān)鍵在于它存在于過去。數(shù)據(jù)集的問題在于它強(qiáng)化了現(xiàn)有的偏見,而不是找到新的方法來做事和解決問題

這凸顯了生成式人工智能的一個(gè)核心挑戰(zhàn):我們用過去的假設(shè)構(gòu)建未來的工具。

人們想方設(shè)法地推銷人工智能解決方案,讓我們覺得它們能讓我們的生活更輕松,但實(shí)際上,他們只是在沙漠里兜售沙子。我們兜售的所謂創(chuàng)新,不過是規(guī)模化的反饋循環(huán)(是的,我是個(gè)癡迷于反饋循環(huán)的女人)。我們教它,現(xiàn)在我們讓它用同樣的材料來教我們和自己。

現(xiàn)在,復(fù)制有其存在的意義。我并不是說每個(gè)登錄表單或入職流程都需要革新。一些優(yōu)秀的設(shè)計(jì)成果是無形的。我之前提到過,我們將這些點(diǎn)連接起來。然而,我們是有意識(shí)地、謹(jǐn)慎地(或者至少我們應(yīng)該這樣做)將這些點(diǎn)連接起來。如果人工智能成為流程中這些部分的默認(rèn)設(shè)計(jì)者,我們就不得不問:這給我們帶來了什么?我們到底貢獻(xiàn)了什么?如果我們把基礎(chǔ)工作完全外包出去,我們?cè)撊绾伟l(fā)展這門工藝?

諷刺的是,設(shè)計(jì)本應(yīng)是最能抵御這種侵蝕的領(lǐng)域之一。多年來,我們一直在努力爭(zhēng)取一席之地,證明好的設(shè)計(jì)能夠塑造結(jié)果、改變行為,并真正改善生活質(zhì)量。如今,我們終于贏得了一席之地,卻被要求將工作交給那些從未被邀請(qǐng)參與討論的工具。坦白說,這些工具只關(guān)心模式,不關(guān)心環(huán)境。

更糟糕的是,那些不愿或不覺得有必要深入探究的人一致認(rèn)為,人工智能的輸出就是客觀真理。人工智能就是神諭。它不是魔法,而是一個(gè)基于泛文化訓(xùn)練的系統(tǒng)。如果我們不小心,我們就會(huì)讓自己陷入自動(dòng)化,最終走向創(chuàng)造性的湮沒。

在黑暗中跳舞

話雖如此,或許我們多年來一直被困在創(chuàng)意的湮沒之中。我至今仍記得90年代中期到21世紀(jì)初科技界的瘋狂。創(chuàng)新無處不在,沒人知道自己在做什么,他們只想嘗試一些很酷的東西。有人喜歡直板手機(jī)嗎?任天堂的控制器設(shè)計(jì)?那真是瘋狂,也真是棒極了。

將顯示縮放圖像
這是 20 世紀(jì) 90 年代末到 21 世紀(jì)初的一些實(shí)驗(yàn)性手機(jī)設(shè)計(jì)的拼貼畫,其中包括形狀像口紅管、攝像機(jī)和化妝盒的手機(jī)。
有趣的00年代早期手機(jī)。圖片來源:u/CosmicPelican via Reddit r/nostalgia

我認(rèn)為其中大約80%都失敗了。但這卻是最好的失敗。最終,這些瘋狂的想法讓位于標(biāo)準(zhǔn),就像往常一樣;要么是蘋果,要么是安卓;要么是PlayStation,要么是Xbox;要么是Mac,要么是Windows。

在所有這些融合中,用戶體驗(yàn) (UX) 找到了立足點(diǎn)。隨著技術(shù)的成熟,我們的期望也隨之成熟。怪異不再美妙,反而令人困惑。不可預(yù)測(cè)的界面不再勇敢,而是支離破碎。用戶體驗(yàn) (UX) 作為一種將秩序帶入混亂的方式出現(xiàn),其目標(biāo)突然不再是脫穎而出,而是消除摩擦,使體驗(yàn)看起來自然。

這絕對(duì)是必要的。良好的用戶體驗(yàn) (UX) 使所有這些新技術(shù)不僅可以供愛好者和早期采用者使用。用戶體驗(yàn)標(biāo)準(zhǔn)帶來了一致性、最佳實(shí)踐和基于成熟經(jīng)驗(yàn)的模板。但在追求一致性和可用性的過程中,我們失去了一些東西。我們不再問“如果呢?”,而是開始問“基準(zhǔn)是什么?”

設(shè)計(jì)師和開發(fā)人員,請(qǐng)告訴我,您不使用 Apple 的人機(jī)界面指南或 Material Design 作為參考點(diǎn)?我會(huì)質(zhì)疑任何這樣做的人的誠實(shí)。

將顯示縮放圖像
兩張突出的設(shè)計(jì)系統(tǒng)圖:Google Material Design 和 Apple 人機(jī)界面指南。圖片展示了每個(gè)系統(tǒng)的一些界面組件。
谷歌Material Design(上)和蘋果人機(jī)界面指南(下)。圖片來源:Figr

你上一次徹底改變常見 UI 元素的交互預(yù)期是什么時(shí)候?流行的東西就一定有效,何必再去重新發(fā)明輪子呢?就像我們通過設(shè)計(jì)和接觸學(xué)會(huì)了如何打開門和操作爐灶一樣(就像唐納德·諾曼那樣),我們也學(xué)會(huì)了如何操作下拉菜單。這就是可供性(affordance)的演變。

所以,當(dāng)我們說人工智能會(huì)削弱用戶體驗(yàn)(UX)和用戶界面(UI)的創(chuàng)造力時(shí),真的如此嗎?它所做的并非我們多年來從未做過的事情。它引用的是相同的庫和標(biāo)準(zhǔn),使用我們共同認(rèn)可的有效方法。我們所說的我們失去的東西,其實(shí)是我們很久以前就放棄的東西。

平衡之舉

讓我們明確一點(diǎn)。人工智能不是敵人,自滿才是。

過去一周左右,我使用了一些AI工具,體驗(yàn)不錯(cuò),我相信它是一款非常棒的輔助工具。但我們必須挑戰(zhàn)它。說它胡說八道就對(duì)了。問問我的ChatGPT,我告訴它它錯(cuò)了多少次……

將顯示縮放圖像
ChatGPT 對(duì)話截圖。圖片來源:ChatGPT、Kym Primrose。

如果我們希望人工智能能夠增強(qiáng)我們的工作,而不是取代其核心功能,我們就必須有意識(shí)地去行動(dòng),必須意識(shí)到自己在做什么。施奈德曼的普羅米修斯原則明確指出了這一點(diǎn):如果我們以這樣的方式構(gòu)建高度自動(dòng)化,它就能支持創(chuàng)造力和監(jiān)督。

對(duì)我來說,成功取決于三件事:教育、融合平衡

我們需要教育自己和同事,讓他們了解人工智能的真正含義、運(yùn)作方式,以及它在日常工作流程中的界限。這不應(yīng)該是一個(gè)孤立的過程。

這不僅僅是開發(fā)人員或用戶體驗(yàn)設(shè)計(jì)師的問題。我們需要跨職能的人工智能素養(yǎng),涵蓋市場(chǎng)營銷、用戶體驗(yàn)、開發(fā)和質(zhì)量保證;我們應(yīng)該共同學(xué)習(xí)。我們都應(yīng)該積極意識(shí)到局限性,設(shè)定清晰的提示,仔細(xì)審查輸出,并在潛在偏見影響用戶之前發(fā)現(xiàn)它。如果我們要負(fù)責(zé)任地構(gòu)建產(chǎn)品,我們需要共同的語言和共同的責(zé)任。

一旦我們了解了人工智能能夠以及應(yīng)該為我們做什么,下一步就是整合。這不僅關(guān)乎技術(shù)層面,也關(guān)乎文化和倫理層面。僅僅選擇一個(gè)工具并將其融入工作流程是不夠的。我們需要編寫文檔:哪些工具是允許使用的,如何有效地使用它們,它們屬于流程的哪些階段,以及何時(shí)應(yīng)該回歸到一些手動(dòng)思考。這份文檔不應(yīng)該是自上而下的,而應(yīng)該由所有參與工作的人員共同協(xié)作構(gòu)建。我們需要建立清晰的界限,并讓所有人擁有共同的責(zé)任,讓我們有信心在認(rèn)為合適的時(shí)候,敢于表達(dá)自己的想法,并主動(dòng)對(duì)抗人工智能。

這才是關(guān)鍵;我們不能對(duì)人工智能漠不關(guān)心。每一次使用都應(yīng)該有意識(shí),每一個(gè)解決方案都應(yīng)該受到質(zhì)疑。人工智能可以提供輔助,但最終決定權(quán)仍然在我們手中。

這就引出了我們的目標(biāo)。如果我們的目標(biāo)是通過將某些任務(wù)交給人工智能模型來提高生產(chǎn)力和效率,那么我們必須思考如何將這些節(jié)省下來的資金重新投資到其他地方。

實(shí)現(xiàn)這一目標(biāo)的方法之一是重新投資研發(fā)、發(fā)散思維和突破界限的創(chuàng)意,這不僅能為用戶體驗(yàn)/用戶界面注入活力,還能打破停滯不前的設(shè)計(jì)模式。有了人工智能處理繁瑣的工作,我們就有了探索實(shí)驗(yàn)性概念的空間,而這些概念通常受限于預(yù)算和時(shí)間。創(chuàng)新正是在這個(gè)空間中得以生存。如果沒有它,我們可能會(huì)陷入無休止的循環(huán),只輸出安全、毫無靈魂的成果。我們必須展現(xiàn)出不斷發(fā)展、適應(yīng)、擴(kuò)展,并保持我們創(chuàng)意生態(tài)系統(tǒng)的新鮮感,這不僅是為了用戶,也是為了為我們的人工智能模型提供我們真正希望它們反映的解決方案和思維。

最后的想法

即使沒有自動(dòng)化,我們多年來也一直陷在千篇一律的便利循環(huán)中。人工智能并非用戶體驗(yàn)/用戶界面(UX/UI)感覺陳舊的原因,而是其結(jié)果。它只是凸顯了原有缺陷。所以,與其擔(dān)心人工智能會(huì)抹平用戶體驗(yàn)/用戶界面(UX/UI)的創(chuàng)造力,或許我們應(yīng)該問問自己,為什么它一開始就如此平淡?

作為設(shè)計(jì)師,我們應(yīng)該探索如何利用人工智能來支持我們的工作。它不是設(shè)計(jì)師,而是工具,就像之前的 Figma 和 XD 一樣。Ben Shneiderman 在《以人為本的人工智能》一書中一針見血地指出,人工智能的目標(biāo)并非取代我們,而是“增強(qiáng)、放大、賦能和提升”人類的潛能。如果我們選擇挑戰(zhàn)模板,設(shè)計(jì)和創(chuàng)造力仍然掌握在我們手中。我們的價(jià)值不應(yīng)在于速度,而應(yīng)在于更高效、以人為本、以體驗(yàn)為導(dǎo)向的思維方式——而這些是人工智能無法掌握的,因?yàn)闊o論它多么接近人類,它都永遠(yuǎn)無法成為真正的人類。

因此,如果我們不想成為自身流程的過客,就必須確保在培訓(xùn)、道德和研發(fā)方面的投入與在工具和集成方面的投入一樣多。人工智能可以支持偉大的設(shè)計(jì),但推動(dòng)其發(fā)展的仍然是我們的好奇心、挑戰(zhàn)和本能。所有這些最初都讓這個(gè)行業(yè)令人興奮。

 

蘭亭妙微(m.0391cbd.com )是一家專注而深入的界面設(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ì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

「原創(chuàng)」ui設(shè)計(jì) | 數(shù)據(jù)可視化意義

杰睿

 

無論你是產(chǎn)品經(jīng)理、設(shè)計(jì)師、數(shù)據(jù)分析師,還是企業(yè)管理者,現(xiàn)在都繞不開一個(gè)話題:數(shù)據(jù)可視化
它不僅是圖表,更是認(rèn)知效率、決策效率和溝通效率的三重提升器。
但問題是——
數(shù)據(jù)可視化的真正價(jià)值不是“圖畫得好看”,而是“讓數(shù)據(jù)真正能被理解和使用”。
這篇文章,我想和你聊聊它的本質(zhì)意義、使用場(chǎng)景和設(shè)計(jì)要點(diǎn)。

 一、數(shù)據(jù)可視化的核心意義:三大關(guān)鍵詞

  1. 理解:從“信息”到“洞察”
大量原始數(shù)據(jù)往往是無序抽象的。比如一個(gè) CSV 表格里的幾百行用戶行為數(shù)據(jù),你很難從中直接看出模式或異常。
而通過可視化,比如熱力圖、分布圖、關(guān)系圖,你可以:
  • 快速看出用戶在哪個(gè)頁面停留時(shí)間最長
  • 找到銷售額波動(dòng)與節(jié)假日之間的關(guān)聯(lián)
  • 識(shí)別出系統(tǒng)哪個(gè)模塊的報(bào)錯(cuò)頻率最高
 可視化把“信息”轉(zhuǎn)成了“洞察”。

  1. 溝通:跨角色的信息橋梁
你有沒有遇到這種情況:
  • 技術(shù)寫了一堆接口日志,老板看不懂
  • 產(chǎn)品寫了一堆用戶行為描述,開發(fā)理解偏差
  • 數(shù)據(jù)分析做了幾頁表格,運(yùn)營說“太復(fù)雜了”
這些問題的底層,是信息的語言不統(tǒng)一
圖表,是各角色之間最通用的語言。一個(gè)好的儀表盤,讓技術(shù)知道重點(diǎn),業(yè)務(wù)知道異常,老板知道方向。
可視化是跨角色協(xié)作的**“公共語境”**。

  1. 決策:支持及時(shí)、量化的判斷依據(jù)
沒有數(shù)據(jù)支持的決策,基本靠感覺。而沒有可視化支持的數(shù)據(jù),大多沉睡在數(shù)據(jù)庫里。
比如,你在做這些決策時(shí):
  • 哪個(gè)頁面需要重點(diǎn)優(yōu)化?
  • 用戶從哪一步驟流失最多?
  • 運(yùn)營活動(dòng)ROI值到底多少?
如果沒有可視化,你就只能翻一堆表格和SQL。 有了可視化,一眼看懂趨勢(shì)、結(jié)構(gòu)和異常
 可視化提升了決策速度 + 準(zhǔn)確性,對(duì)商業(yè)來說是直接價(jià)值。

 二、常見可視化類型與使用場(chǎng)景

可視化類型 常用圖形 場(chǎng)景舉例
趨勢(shì)圖 折線圖、面積圖 日活變化、收入走勢(shì)
比較圖 柱狀圖、條形圖 不同渠道對(duì)比、用戶量對(duì)比
結(jié)構(gòu)圖 餅圖、樹圖、旭日?qǐng)D 用戶構(gòu)成、品類占比
分布圖 散點(diǎn)圖、箱型圖 用戶活躍度、價(jià)格分布
流程圖 桑基圖、漏斗圖 用戶轉(zhuǎn)化路徑、行為流
地圖圖 熱力圖、地理圖層 城市分布、物流路徑
 一個(gè)優(yōu)秀的數(shù)據(jù)儀表盤,不是圖表堆砌,而是圍繞目標(biāo)問題+場(chǎng)景任務(wù)進(jìn)行設(shè)計(jì)組合。

 三、容易被忽略的設(shè)計(jì)誤區(qū)

  1. 以“圖形好看”為目標(biāo),而非問題導(dǎo)向
錯(cuò)誤例子:“我們加個(gè)3D柱狀圖看起來高端一點(diǎn)。” 正確方式:先問清楚業(yè)務(wù)要判斷什么問題,再選圖形。
  1. 一頁顯示太多,信息密度超載
“十個(gè)圖表一屏”,結(jié)果沒人看得懂。可視化應(yīng)該分層次、分焦點(diǎn)、按角色定制。
  1. 忽略數(shù)值細(xì)節(jié)(單位、時(shí)間維度)
圖表不標(biāo)注單位,不注明時(shí)間區(qū)間,很容易誤導(dǎo)。

四、數(shù)據(jù)可視化的思維轉(zhuǎn)變

舊思維 新思維
圖表是“美化”工具 圖表是“決策”工具
先畫圖再找指標(biāo) 先定義問題再設(shè)計(jì)圖
數(shù)據(jù)放可視化頁面就好 數(shù)據(jù)要講故事、有節(jié)奏、有引導(dǎo)
一頁盡量放滿圖表 每張圖要有目的,能引導(dǎo)結(jié)論

 五、推薦幾個(gè)數(shù)據(jù)可視化入門資源

  • 《Information Dashboard Design》 — 可視化設(shè)計(jì)經(jīng)典書籍
  •  《The Visual Display of Quantitative Information》 by Edward Tufte
  •  工具:Tableau、Power BI、DataV、Apache ECharts、D3.js、AntV G2

 寫在最后:數(shù)據(jù)不是圖,是故事的線索

好的數(shù)據(jù)可視化,不是炫技的圖表拼圖,也不是堆疊的信息墻,而是一個(gè)個(gè)有邏輯、有問題、有方向的洞察過程
它幫你看見問題,理解用戶,發(fā)現(xiàn)機(jī)會(huì)。
所以真正重要的不是“怎么畫圖”,而是“你想看清什么”。

如果你也想從0入門數(shù)據(jù)可視化,或者在做儀表盤設(shè)計(jì)、業(yè)務(wù)數(shù)據(jù)圖表決策時(shí)遇到困惑,歡迎在評(píng)論區(qū)交流想法。
蘭亭妙微(m.0391cbd.com )是一家專注而深入的界面設(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ì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
 

人工智能正在重塑用戶界面——你注意到最大的變化了嗎?

杰睿

告別命令,迎接意圖

我們與軟件交互的方式絕非一成不變。有時(shí),它是緩慢的演變,有時(shí)則是突飛猛進(jìn)。如今,越來越多的設(shè)計(jì)先鋒,包括維塔利·弗里德曼艾米麗·坎貝爾格雷格·努德爾曼正在剖析人工智能應(yīng)用中的新興模式,描繪出永不停歇的格局。乍一看,這似乎只是又一次炒作周期,就像圍繞著每一個(gè)新技術(shù)趨勢(shì)的那種令人窒息的熱情。但退一步來看,一個(gè)更深層次的轉(zhuǎn)變顯而易見:我們與數(shù)字系統(tǒng)的互動(dòng)不僅在發(fā)生變化;它們的本質(zhì)也在發(fā)生轉(zhuǎn)變。

想象一下從膠片相機(jī)到數(shù)碼攝影的轉(zhuǎn)變——突然之間,用戶不再需要了解曝光時(shí)間或仔細(xì)定量膠卷。他們只需點(diǎn)擊一個(gè)按鈕,剩下的就交給設(shè)備處理了。

人工智能正在為UI設(shè)計(jì)帶來類似的轉(zhuǎn)變,讓我們擺脫僵硬、循序漸進(jìn)的流程,走向流暢、直觀的工作流程。交互的本質(zhì)正在發(fā)生轉(zhuǎn)變,正如Jakob Nielsen最近在其文章中強(qiáng)調(diào)的那樣,這種演變需要我們?nèi)褙炞ⅰKU述了一個(gè)至關(guān)重要的見解:

“有了新的人工智能系統(tǒng),用戶不再告訴計(jì)算機(jī)該做什么。而是用戶告訴計(jì)算機(jī)他們想要什么結(jié)果。”

這不僅僅是一場(chǎng)技術(shù)變革,更是一場(chǎng)哲學(xué)變革。它挑戰(zhàn)了長期以來關(guān)于控制、自主性和人機(jī)協(xié)作的假設(shè)。我們?cè)?jīng)一絲不茍地掌控著每一步,而現(xiàn)在,我們能夠定義意圖,并讓人工智能決定最佳的前進(jìn)路徑。這種轉(zhuǎn)變的意義深遠(yuǎn),堪比從命令行界面圖形用戶界面的轉(zhuǎn)變,對(duì)于 UI 設(shè)計(jì)師來說,它既是機(jī)遇,也是挑戰(zhàn)。

點(diǎn)擊、滑動(dòng)、詢問:交互方式正在演變

但在深入探討人工智能如何重塑交互之前,我們有必要反思一下迄今為止最直觀的界面是如何定義的。1985 年,埃德溫·哈金斯詹姆斯·霍蘭唐納德·諾曼發(fā)表了一篇關(guān)于直接操作界面的開創(chuàng)性論文。諾曼后來在《設(shè)計(jì)心理學(xué)》中定義了一些最廣為接受的設(shè)計(jì)原則,而哈金斯則率先提出了分布式認(rèn)知的概念。但在 1985 年,他們與霍蘭一起抓住了設(shè)計(jì)史上的一個(gè)關(guān)鍵時(shí)刻,即直接操作逐漸成為一種主導(dǎo)策略。

直接操作是一種交互方式,用戶使用物理、增量和可逆的操作對(duì)顯示的感興趣對(duì)象進(jìn)行操作,其效果立即在屏幕上可見。NN /g

但這簡單來說意味著什么呢?比如,你需要將一個(gè)文件從一個(gè)文件夾移動(dòng)到另一個(gè)文件夾——這是一個(gè)典型的直接操作的例子——你看到這個(gè)文件,抓住它,然后把它移動(dòng)到你想要的位置。

首先,你需要明確目標(biāo) (1)。然后,在當(dāng)前文件夾中找到文件,并決定將其拖動(dòng)到新位置 (2)。點(diǎn)擊并按住文件,將其移動(dòng)到屏幕上,最后將其拖放到目標(biāo)文件夾中 (3)。

如果你不小心把它放在了錯(cuò)誤的地方,你會(huì)立即看到結(jié)果,調(diào)整方法,然后再次拖動(dòng)它,直到它落到你想要的位置。這種交互方式感覺很直觀,因?yàn)樗畲笙薅鹊販p少了認(rèn)知投入——系統(tǒng)會(huì)實(shí)時(shí)響應(yīng)你的操作,強(qiáng)化了直接參與和掌控的感覺。

這個(gè)過程越順暢,交互感覺就越自然、越令人滿意。

將顯示縮放圖像
macOS 系統(tǒng)上兩個(gè) Finder 窗口的屏幕截圖。左側(cè)窗口打開的是“Documents”文件夾,其中顯示了各種文件和文件夾,包括“Kate-comments”,它被突出顯示并被拖動(dòng)。右側(cè)窗口打開的是“Measuring Usability”文件夾,其中顯示了“2014–2–3-MeasuringUX.pptx”和“ROI for Usability…dition.pdf”等文件。藍(lán)色虛線箭頭表示“Kate-comments”正在從“Documents”文件夾移動(dòng)到“Measuring Usability”。
在 MacOS 上使用直接操作移動(dòng)文件涉及將該文件從源文件夾拖放到目標(biāo)文件夾。來源

雖然縮短距離可以提高可用性,但真正定義直接操控的是參與度。作者寫道:

“最能體現(xiàn)直接操縱的系統(tǒng)都給人一種定性的感覺,即人們直接參與對(duì)對(duì)象的控制——不是通過程序,不是通過計(jì)算機(jī),而是通過我們的目標(biāo)和意圖的語義對(duì)象。”

幾十年來,直接操控一直是設(shè)計(jì)的基本原則。然而,隨著我們向人工智能驅(qū)動(dòng)的系統(tǒng)過渡,我們必須思考這些原則如何演變——以及它們何時(shí)會(huì)被目標(biāo)導(dǎo)向的交互所取代。

現(xiàn)在,想想Windows Photos 的 AI 驅(qū)動(dòng)“擦除”功能。假設(shè)你給你的狗狗拍了一張照片,但照片里有一條不想要的牽引繩。你不用像十年前那樣手動(dòng)選擇像素并精心編輯,而是只需選中牽引繩,剩下的交給 AI 處理即可。系統(tǒng)理解你的目標(biāo)——移除牽引繩——并執(zhí)行最佳解決方案。

將顯示縮放圖像
Windows 照片界面的 GIF 動(dòng)圖演示了“擦除”功能。用戶從圖片中選擇并移除了一條狗的皮帶。
Windows 照片,來源

這種交互仍然需要一定程度的操作,因?yàn)槟惚仨氈付ㄒ脸膶?duì)象,但不同之處在于,你是在優(yōu)化請(qǐng)求,而不是直接修改像素。你不再需要一絲不茍地編輯每個(gè)細(xì)節(jié),而是與系統(tǒng)協(xié)作,以達(dá)到預(yù)期的效果。這種轉(zhuǎn)變標(biāo)志著 UI 設(shè)計(jì)的根本性變革。

Desolda 與其他研究人員基于諾曼的“執(zhí)行鴻溝”和“評(píng)估鴻溝”理論,構(gòu)建了一個(gè)模型,捕捉到了這種動(dòng)態(tài)。與簡單的直接操作(例如在文件夾之間拖動(dòng)文件,操作需要逐步展開)不同,AI 交互需要更流暢、更迭代的過程。用戶清晰地表達(dá)他們的目標(biāo),但并非手動(dòng)執(zhí)行每一步,而是與系統(tǒng)協(xié)作,優(yōu)化輸入,并在 AI 進(jìn)行動(dòng)態(tài)解釋、調(diào)整和響應(yīng)時(shí)對(duì)其進(jìn)行引導(dǎo)。

將顯示縮放圖像
概念圖展示了用戶與人工智能系統(tǒng)之間的交互,突出了“執(zhí)行鴻溝”和“評(píng)估鴻溝”。該圖展示了用戶如何形成意圖,指定操作(重新配置、干預(yù)或詢問),并通過人工智能系統(tǒng)執(zhí)行這些操作。人工智能系統(tǒng)感知輸入、處理并進(jìn)行調(diào)整。然后,用戶通過解釋步驟(澄清和輸出)對(duì)輸出進(jìn)行評(píng)估。
來源

直接操縱的持續(xù)相關(guān)性

人工智能或許正在重塑我們與科技互動(dòng)的方式,但直接操控卻不會(huì)消失。即使在基于意圖的界面時(shí)代,用戶仍然需要與人工智能系統(tǒng)互動(dòng),用正確的輸入引導(dǎo)它們,將人類的目標(biāo)轉(zhuǎn)化為機(jī)器可讀的指令。設(shè)計(jì)人工智能體驗(yàn)并非要取代直接操控,而是要增強(qiáng)它,在既有模式的基礎(chǔ)上疊加新的交互模型,使交互更流暢、更直觀,并最終增強(qiáng)其功能。

為了設(shè)計(jì)無縫的人工智能體驗(yàn),我們需要識(shí)別并構(gòu)建熟悉的模式

例如,在許多 AI 應(yīng)用中,開放式提示框可以充當(dāng)破冰船,幫助用戶開啟對(duì)話。這種方法建立在人們熟悉的輸入框模式之上,幾十年來,該模式一直是 UI 的標(biāo)準(zhǔn)組件,如今,它又扮演著新的角色。無論是在 ChatGPT 中輸入問題,還是指示設(shè)計(jì)工具生成布局,這種方法都能提供靈活性,同時(shí)以直觀易懂的方式引導(dǎo)用戶意圖。

將顯示縮放圖像
各種 AI 聊天機(jī)器人和助手界面的拼貼畫,展示了不同的開放式輸入模式。圖片包含來自 ChatGPT、Claude 和 Fin 等 AI 驅(qū)動(dòng)工具的多個(gè)文本輸入字段。一些界面帶有占位符,例如“提問”或“指定寫作任務(wù)”,而其他界面則顯示示例問題或答案。
打開輸入模式示例,來源

這種方法不僅限于交互模式——它也擴(kuò)展到用戶體驗(yàn)框架。

例如,Evan Sunwall 提出了“Promptframes”的概念,通過將即時(shí)寫作和生成式 AI 融入設(shè)計(jì)流程,作為傳統(tǒng)線框圖的補(bǔ)充。其目標(biāo)是通過在工作流程的早期階段融入 AI 驅(qū)動(dòng)的內(nèi)容生成,提高內(nèi)容保真度并加速用戶測(cè)試。然而,這一概念建立在線框圖的基礎(chǔ)上,這進(jìn)一步強(qiáng)調(diào)了理解傳統(tǒng)用戶體驗(yàn)結(jié)構(gòu)對(duì)于有效設(shè)計(jì) AI 驅(qū)動(dòng)體驗(yàn)的重要性。

最后的想法

不需要霓虹燈“人工智能驅(qū)動(dòng)”標(biāo)簽;它應(yīng)該無縫地融入用戶旅程,感覺就像意圖的自然延伸。

Netflix 的推薦系統(tǒng)為例。它不會(huì)打斷你的體驗(yàn),提醒你它正在使用高級(jí)算法。它也不會(huì)要求你配置一堆設(shè)置。相反,它會(huì)默默地學(xué)習(xí)、適應(yīng),并為你提供建議,讓你感覺毫不費(fèi)力——以至于你很少會(huì)停下來思考它背后的系統(tǒng)。這才是人工智能驅(qū)動(dòng)的交互應(yīng)該有的樣子:它不是一個(gè)需要你費(fèi)力操作的功能,而是一個(gè)根據(jù)你的需求不斷改進(jìn)的隱形助手。

隨著我們邁向意圖驅(qū)動(dòng)的系統(tǒng),這正是設(shè)計(jì)師應(yīng)該努力追求的目標(biāo)。人工智能應(yīng)該減少摩擦,而不是增加復(fù)雜性。它應(yīng)該賦予用戶權(quán)力,而不是用不必要的選擇讓他們不知所措。最好的人工智能不是那種需要注意力的人工智能——而是那種能夠融入你最初想要完成的任務(wù)流程中的人工智能。

 
蘭亭妙微(m.0391cbd.com )是一家專注而深入的界面設(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ì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan
 

《交互設(shè)計(jì)小白如何從“流程圖思維”入門?一套拆解任務(wù)流程的實(shí)用方法》

杰睿

//寫在前面:
適合人群:
視覺轉(zhuǎn)交互 / UI Designer 想懂交互邏輯 / 想寫出好交互文檔的新手
內(nèi)容結(jié)構(gòu):
  1. 流程圖是什么,不是畫圖,是表達(dá)“用戶怎么一步步完成目標(biāo)”
  2. 流程圖包含什么組成?(觸發(fā)—操作—反饋)
  3. 初學(xué)者常犯的理解誤區(qū):關(guān)注畫面,不關(guān)注“操作過程”
  4. 拆解一個(gè)真實(shí)任務(wù)流(比如“預(yù)定會(huì)議室”/“注冊(cè)賬號(hào)”)
  5. 如何從用戶目標(biāo)出發(fā),寫出一張不依賴原型圖的流程清單
  6. 總結(jié)一套“新手流程圖五步法”
a7af61c73dd145a5135dfffec16c8d28.jpg
很多初入交互設(shè)計(jì)的小伙伴,都會(huì)聽到一個(gè)建議:“先從畫流程圖開始。”
但流程圖到底**畫什么?表達(dá)什么?**為什么它對(duì)交互設(shè)計(jì)那么關(guān)鍵?
今天這篇文章,我們就來系統(tǒng)梳理這件事,并教你如何用純文字也能表達(dá)出完整的用戶任務(wù)流程

 流程圖是什么,不是畫圖,是表達(dá)“用戶怎么一步步完成目標(biāo)”

流程圖(User Flow)的本質(zhì),不是圖,而是一條用戶的操作路徑
你可以把它理解為一張“任務(wù)執(zhí)行地圖”:
  • 從哪里開始(入口)
  • 走過哪些關(guān)鍵步驟(過程)
  • 最終完成了什么(目標(biāo)達(dá)成)
它不是設(shè)計(jì)頁面樣子,不是決定按鈕放哪里,而是回答一個(gè)核心問題:用戶是怎么一步步完成這件事的?
舉個(gè)例子:
當(dāng)你用滴滴打車的流程,其實(shí)是:
markdown
復(fù)制編輯
1. 打開App → 看到“打車”入口 2. 輸入起點(diǎn)和終點(diǎn) 3. 選擇車型 → 確認(rèn)訂單 4. 等待司機(jī)接單 → 上車 5. 到達(dá)目的地 → 支付 → 評(píng)價(jià)
這其實(shí)就是一張流程圖的雛形。

流程圖包含什么組成?用三段式理解(觸發(fā) → 執(zhí)行 → 反饋)

為了讓新手更容易掌握,我們可以把一個(gè)用戶流程拆成以下三段:
階段 說明 關(guān)鍵點(diǎn)
觸發(fā) Trigger 用戶產(chǎn)生動(dòng)機(jī)/看到入口 任務(wù)從哪里開始?入口清晰嗎?
執(zhí)行 Action 用戶一步步完成操作 步驟順暢嗎?邏輯連貫嗎?
反饋 Feedback 系統(tǒng)響應(yīng)結(jié)果 是否完成目標(biāo)?有沒有確認(rèn)提示?
 這三段不是理論,而是你畫流程、寫文檔時(shí)必須考慮的三個(gè)設(shè)計(jì)面

初學(xué)者常犯的誤區(qū):關(guān)注“頁面”,而忽略“操作過程”

很多設(shè)計(jì)小白在學(xué)習(xí)初期,習(xí)慣一上來就畫界面、堆按鈕。
但問題是——你連用戶要做什么都沒搞清楚,怎么知道該放什么控件?
 典型誤區(qū):
  • 原型里有“上傳按鈕”,但沒想清楚用戶是上傳圖片還是文件?能否預(yù)覽?能刪改嗎?
  • 有“下一步”,但用戶是否真的已經(jīng)完成上一步?有沒有校驗(yàn)、提示?
 正確思維應(yīng)該是:
“用戶要完成一件事 → 他需要經(jīng)過哪幾步 → 每一步中他需要系統(tǒng)給什么?”

 拆解一個(gè)真實(shí)任務(wù)流示例:「預(yù)約會(huì)議室」

我們以一個(gè)企業(yè)內(nèi)部系統(tǒng)中的真實(shí)任務(wù)流為例:
 用戶目標(biāo):預(yù)約明天下午的會(huì)議室開會(huì)

 用戶流程拆解:

markdown
復(fù)制編輯
1. 登錄系統(tǒng) → 首頁選擇“會(huì)議室預(yù)約”入口 2. 選擇日期 → 選擇時(shí)間段(如14:00-15:00) 3. 選擇會(huì)議室(系統(tǒng)過濾出可用的) 4. 填寫用途說明 → 提交預(yù)約 5. 顯示預(yù)約成功提示 → 可查看預(yù)約記錄

這張流程圖體現(xiàn)的設(shè)計(jì)思考包括:

  • 步驟是否有明確反饋?
  • 用戶是否容易出錯(cuò)?
  • 系統(tǒng)是否能預(yù)防沖突時(shí)間段?
  • 可編輯、取消嗎?流程中斷如何處理?

 如何從用戶目標(biāo)出發(fā),寫出一張不依賴原型圖的流程清單

很多人以為流程圖就必須要“畫”,但對(duì)于剛?cè)腴T的同學(xué),用文字寫出一張流程清單,已經(jīng)很強(qiáng)了!

操作方法:

以“注冊(cè)賬號(hào)”為例,試著這樣寫清楚流程:
markdown
復(fù)制編輯
【用戶目標(biāo)】注冊(cè)一個(gè)新賬號(hào) 【觸發(fā)入口】 - 打開App → 點(diǎn)擊“注冊(cè)” 【執(zhí)行過程】 1. 輸入手機(jī)號(hào) 2. 獲取驗(yàn)證碼 → 系統(tǒng)發(fā)送 3. 輸入驗(yàn)證碼 → 系統(tǒng)校驗(yàn) 4. 設(shè)置密碼 5. 勾選用戶協(xié)議 → 點(diǎn)擊“注冊(cè)” 【反饋結(jié)果】 - 注冊(cè)成功 → 跳轉(zhuǎn)至首頁 - 如果失敗 → 顯示具體錯(cuò)誤(如驗(yàn)證碼錯(cuò)誤)
這個(gè)結(jié)構(gòu)比直接畫個(gè)框圖更清晰、更全面,還方便和開發(fā)、產(chǎn)品對(duì)齊邏輯。

總結(jié)一套「新手流程圖五步法」

很多人不知道從哪開始畫流程,其實(shí)你可以用下面這套通用五步法

新手流程圖五步法:

步驟 問題提示 示例
1. 明確用戶目標(biāo) 他要完成什么任務(wù)? 預(yù)約會(huì)議室、提交訂單等
2. 確定起點(diǎn)入口 他從哪開始這件事? 首頁、菜單欄、按鈕
3. 列出關(guān)鍵步驟 他必須做哪些操作? 選擇、輸入、確認(rèn)等
4. 標(biāo)記系統(tǒng)反饋 系統(tǒng)會(huì)給出什么回應(yīng)? 成功提示、錯(cuò)誤校驗(yàn)等
5. 考慮中斷/異常 用戶會(huì)在哪些地方卡住? 驗(yàn)證失敗、網(wǎng)絡(luò)斷開等
有時(shí)候不需要一次做得很完美,先寫出主流程,再補(bǔ)充邊界情況,也很棒。
 
推薦你這樣開始練習(xí):
選擇一個(gè)你熟悉的 App,如微信、小紅書、餓了么
模擬一個(gè)真實(shí)任務(wù),如“下單”、“發(fā)評(píng)論”、“修改資料”
用上面五步法寫出完整流程清單,別畫圖也行!
 
蘭亭妙微(m.0391cbd.com )是一家專注而深入的界面設(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ì),有興趣請(qǐng)加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan

日歷

鏈接

個(gè)人資料

存檔

主站蜘蛛池模板: 天天综合色网| 91丝袜乱伦| 无码一区二区波多野结衣播放搜索| 国产精品成人第一区| 99免费在线观看视频| 狠狠v日韩v欧美v| 久久久久久国产精品mv| 国产性爱网站| 国产女人在线视频| 久久国产精品夜色| 久久久久九九精品影院| 国产又黄又硬又粗| 国产一区二区免费播放| 五月天久久综合国产一区二区| 丝袜国产一区| 爆操波多野结衣| 欧美成人二区| 欧美亚洲国产视频| 亚洲无码熟妇人妻AV在线| 国产亚洲精久久久久久无码AV| 欧美亚洲日韩不卡在线在线观看| 91免费在线看| 亚洲浓毛av| 日韩精品高清自在线| 中文字幕乱码中文乱码51精品| 亚洲一区毛片| 久综合日韩| av在线手机播放| 日韩欧美成人高清在线观看| 久久精品aⅴ无码中文字幕| 国产成人1024精品| 久久一本日韩精品中文字幕屁孩| 91精品综合| 波多野结衣视频一区二区| 99视频免费观看| 久久免费视频6| 精品剧情v国产在线观看| 亚洲综合日韩精品| 无码精油按摩潮喷在线播放| 亚洲一区二区三区在线视频| 激情無極限的亚洲一区免费| AⅤ色综合久久天堂AV色综合| 免费看美女毛片| 午夜a视频| 精品伊人久久久久7777人| 97色伦色在线综合视频| 色首页AV在线| 一本色道久久88综合日韩精品| 国产玖玖玖精品视频| 色婷婷成人| 人妻中文字幕无码久久一区| 成人在线第一页| 国产一区免费在线观看| 中文字幕1区2区| 国产极品美女在线播放| 日韩一区精品视频一区二区| 中文毛片无遮挡播放免费| 91欧美亚洲国产五月天| 日本亚洲欧美在线| 久久久久免费看成人影片| 99热这里只有精品在线播放| 人妻精品久久无码区| 国产9191精品免费观看| 婷婷六月天激情| 国产丝袜丝视频在线观看| 老司机精品一区在线视频| 欧美97色| 找国产毛片看| 99在线免费播放| 欧美三级自拍| 亚洲一区二区在线无码| 一区二区三区精品视频在线观看| 国产成人免费手机在线观看视频| 99精品在线看| 2021国产精品自产拍在线| 国产丝袜无码精品| 天堂网国产| 伊在人亚洲香蕉精品播放| 99久久国产自偷自偷免费一区| 欧美国产在线看| 欧美视频免费一区二区三区| 亚洲三级网站|