92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线

首頁

用戶體驗設計公司 | 你不是在尋找你的用戶體驗聲音,而是在構建它

杰睿

我們大多數人都被教導在別人的過程中尋找我們的用戶體驗聲音。

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

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

每個人一開始都會犯錯。我們都一開始就認為問題出在工具上。我們都混淆了讓事情變得更好和讓事情變得更清晰。

你不會在訓練營里找到自己的聲音,也不會在認證儀式上找到它。這里不是霍格沃茨,沒有分院帽把你送進用戶體驗戰略之家。你得自己去創造。犯錯,犯錯,一刻一刻地積累。經歷錯誤的轉折、驚險的時刻,以及那些你從未意識到自己已經準備好的爭吵,直到你真正準備好。

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

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

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

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

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

我完全用錯了方法。我花了比預期多一倍的時間。最初的幾個線框圖看起來就像是一只喝了咖啡的浣熊畫的。

但問題是:沒人在乎這些線路有多漂亮。他們關心的是他們強調的問題是否真的得到了解決。他們關心的是你是否能解釋這些變化背后的原因,以及當紅線不合理時,你是否能為這些選擇辯護。

那是我第一次真正學到的用戶體驗課:生存的關鍵不在于工具,而在于清晰的思路。在于當其他人只想讓事情看起來一成不變時,能夠清楚知道什么是重要的。說實話,我大概答對了60%。但這已經足夠了。因為我很快就明白了:在用戶體驗領域堅持下來的人,并非那些流程最清晰的人。他們是那些在一切顯得混亂、倉促或政治化的時候,能夠解釋什么是重要的,以及為什么重要的人。

現在依然如此,甚至比以往任何時候都更加如此。

我們正處于用戶體驗被邊緣化、縮小規?;虮蛔詣踊蕴臅r代,這并不是因為它不再重要,而是因為太多團隊忘記了它的實際用途。

更快的工具并不能解決這個問題。更敏銳的聲音才能。這就是這篇文章的意義所在。不僅僅是找到你的用戶體驗聲音,更要不斷磨練它,這樣你才能在關鍵時刻運用它。因為如果我們想讓用戶體驗在新的篇章中生存下來,我們就必須首先努力爭取它的價值所在。

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

用戶體驗不僅僅是一門學科。它是一種模式,一個學習、應用、探索,如果幸運的話,還能修正路線的循環。在過去的二十年里,我們經歷了很多探索。

以人為本的設計并非新鮮事物。正如艾米麗·史蒂文斯 (Emily Stevens)指出的那樣,其根源可以追溯到古希臘的人體工程學或風水原理。但“用戶體驗”作為一個正式概念直到 20 世紀末才得以確立,當時工程師、人因專家以及最終的軟件設計師意識到系統必須能夠以人為本。

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

然后我們就變得閃亮了。

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

UX(用戶體驗)變成了一個包羅萬象的頭銜,承諾提供策略,但實際交付的往往只是造型。喬納斯·霍納(Jonas Hoener)就是這樣描述這種趨勢的,他并沒有錯。我們開始大量生產作品集,卻沒有教會人們如何捍衛作品背后的策略,莎拉·杜迪(Sarah Doody)在批評UX教育如何辜負下一代時就指出了這一點。

用戶體驗(UX)漂移了。不是因為設計師忘記了如何解決問題,而是因為解決問題在政治上變得不方便。

UX 曾經塑造了路線圖,現在它開始修飾積壓工作。

它曾經問的是“為什么”,現在卻被告知“怎么做”。

它曾經影響產品方向,但現在卻是在做出決定之后才開始發揮作用。

如果您試圖找到或完善自己的聲音,您需要了解那段歷史,不僅因為它很有趣,還因為它解釋了利害關系。

用戶體驗的歷史不僅僅是一條時間線。它更是一則警示,提醒我們當清晰被順從取代時,會發生什么。當提出更好的問題被急于交付下一個可交付成果取代時,會發生什么。

如果你想讓你的聲音有意義,你必須知道這個行業何時會發生變化,以及如何穩住自己。

如何找到(并發展)你的用戶體驗聲音

大多數人認為,經過足夠多的年月、足夠多的會議、足夠多的 Figma 文件,總有一天你會“找到”屬于自己的 UX 風格。但風格并非偶然發現的。它是你在每次完成工作中最艱難的部分時,有意或無意地強化的一套技能。

這關乎你如何應對阻力。這關乎你如何在壓力下捍衛自己的決定。這關乎你如何在更愿意保持沉默的情況下維護用戶的利益。而這第二點可能更為重要。

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

用戶體驗設計一直以來都是以人為本的職業,它不僅需要技術能力,也需要傾聽、適應能力和溝通能力。Indeed設計團隊在分析優秀設計師與卓越設計師的區別時,明確地指出了這一點。

工具不會教你如何解釋權衡利弊。也不會教你如何在大家開始改變目標時為用戶辯護。也不會教你如何說服滿屋子懷疑論者,讓你相信你正在解決的問題確實重要。

你的聲音不是來自框架。

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

當其他人還在為“什么”而困惑時,我能清晰地表達“為什么”。這是第一個轉變:我意識到清晰的思路比聰明的頭腦更有價值。

后來我開始經營酒吧。這是一種完全不同的用戶體驗。你很快就能學會如何評估一個人。

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

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

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

但我們在這方面教得不夠。我們打造了一個崇尚線框圖的行業,卻忽視了在壓力下解釋決策所需的能力。我們大量炮制作品集,卻不教人們如何捍衛作品背后的策略。

這就是聲音失效的地方:當它被訓練去遵循步驟而不是提出問題時。

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

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

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

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

如何找不到自己的聲音

失去自己聲音的最快方法之一就是模仿別人的聲音,并說服自己這樣做是有效的,因為它能引起注意。

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

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

劇透:事實并非如此。

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

那個聲音對他來說很合適,但對我來說卻完全不適合。

他做得好的地方,完全符合他的個性。他果斷、外向、精力充沛、以任務為導向,而且言辭犀利。這是他與生俱來的風格。這種風格很有效,因為它適合他的環境。但我的風格卻不合。他的話很有效果,而我的話只是回響,然后就消失了。

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

這不僅僅是直覺,它得到了行為研究的支持。研究表明,當性格鏡像與你的性格相符時,可以建立信任;但如果與你的真實自我不符,就會造成不和諧,并損害信譽。領導力理論也呼應了這一點。根據菲德勒的權變模型,你的領導風格必須與你的性格和環境相匹配,否則在壓力增大時就會失效。

真誠領導力,一種根植于自我認知、價值觀和一致性的模式,一次又一次地超越了虛張聲勢。它能夠建立信任、清晰的思路和韌性。它不依賴于數量,而依賴于存在感。

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

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

從聲音到價值。工作現在需要什么

我曾經以為,強大的用戶體驗聲音就意味著正確。當年我和別人共同經營產品代理公司 Hard Candy Shell 的時候,我們自信滿滿,甚至有些自大??蛻艄蛡蛭覀儯褪菫榱苏f出別人不敢說的話。我們把直言不諱當成一種榮譽。

但正確并不等于有效。

在一次殘酷的咨詢中,經過90分鐘的批評,一位客戶半開玩笑地說,感覺就像“一場沒有安全詞的S&M咨詢”。我們為這句話感到無比自豪,差點就把它放到了網站上。回想起來,我們不僅僅是在為工作服務,更是在為自己表演。

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

缺乏同理心的精準并非領導力,而只是一場表演。

如果你希望你的聲音被重視,那么實際上應該是這樣的:

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

你不會偶然培養出這種聲音。它需要經歷各種壓力、各種失誤、在不輕易露面時挺身而出。

這個行業不需要更多精致的演示文稿。它需要更多能夠走進混亂并帶來信號的人。他們能夠引領整個會議,不是趾高氣揚,而是指明方向??偠灾?,我們需要更多用戶體驗方面的“歐比旺”,而不是 PowerPoint 上的“帕爾帕廷”。

如果你想讓你的用戶體驗設計更具影響力,現在就該明確目標。發揮你的優勢,了解你的受眾。并且要像決策取決于你一樣去表達,因為決策確實如此。

有些公司不會為此留出空間。有些團隊不會馬上意識到這一點。但這并不意味著它不再必要,反而讓它變得更加重要。

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

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

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

用戶體驗揭示真相,語音驅動戰略。

用戶體驗從來都不是關乎像素的。它始終關乎清晰度,將復雜性轉化為方向,將洞察力轉化為行動,將模糊性轉化為一致性。

但單靠框架并不能推動團隊前進。模板無法建立信任。系統無法創造動力。

人們確實如此。

這就是你的聲音發揮作用的地方。

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

你不必相信我的話。UX 領域的領導者們都在說同一句話:這項工作的未來不在于產品本身,而在于框架,在于知道要解決什么問題,為誰服務,以及當眾說紛紜時,成功是什么樣子。

正如Kym Primrose所寫,“這個行業就是為了時間和金錢;當有廉價而粗糙的解決方案可用時,它根本無法承受真正的用戶體驗設計的放縱。”

這就是重點。人工智能并沒有扼殺用戶體驗。它揭示了我們的視角已經變得多么脆弱。當我們不再審視問題,開始優化過去時,我們就無法前進。我們會變得扁平,我們會墨守成規,我們會消失。

Primrose 繼續說道:“我們越是將設計任務交給那些從匯總數據和歷史模式中學習的系統,我們就越有可能將一切標準化。”

這才是真正的威脅。不是人工智能,而是用戶體驗行業忘記了如何引領,不再提出更好的問題,而是把方向盤交給了只會復制過去的系統。

這就是Patrick Neeman所描繪的用戶體驗的未來:成功與否,根本不在于產品本身,而在于引導用戶構建框架。現在的工作是幫助團隊定義問題,而不僅僅是繪制解決方案的流程圖。

Taylor Dykes對此進行了更進一步的闡釋。她認為,現代用戶體驗領導力并非源于頭銜,而是源于在不確定的環境中掌控全局的能力。最有價值的設計師并非等待指令的人。他們是那些在團隊尚不確定下一步該如何走時,幫助團隊向前邁進的人。

隨著人工智能越來越多地出現在我們的工作流程中,人類的領導力就越發不可動搖。正如卡羅爾·J·史密斯在其關于人機信任的研究中所述,用戶不僅想要準確的系統,他們還想要可靠的系統。信任并非源于精準,而是源于透明度、溝通以及對系統運行機制及其原因的清晰理解。

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

那個“某人”通常就是你。

這就是為什么Sharan Phillora 和 Giada Gastaldello認為下一代 UX 領導者不是由可交付成果來定義的,而是由他們引導對話、構建模糊性和帶領團隊進行決策的能力來定義的,而不僅僅是設計。

因為這就是你的聲音所起的作用。它彌合了研究與現實之間的差距。它讓行動充滿安全感。它讓團隊在遇到困難時有信心繼續前進。

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

工作絕不僅僅是屏幕

用戶體驗從來就不該是裝飾性的。它從來就不該是路線圖寫完后才去參與的團隊。

這個行業的崛起并非源于框架。它之所以崛起,是因為人們展現出自己的觀點,并有勇氣表達出來。他們敢于提出更好的問題,敢于挑戰糟糕的默認模式,敢于為屏幕另一邊的人們挺身而出。

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

并且它顯示出來了。

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

你的用戶體驗設計理念并非額外獎勵,也不是你擁有足夠多的頭銜后就能獲得的。它是你塑造產品內容和使用方式的最重要工具。

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

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

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

無論你是新手還是領導者:在被邀請之前先發言。在被要求之前先構思。即使更容易理解,也要引導。

如果用戶體驗 (UX) 有未來,那不是因為更簡潔的設計系統,而是因為背后的人最終決定站出來發聲。

你的用戶體驗聲音不僅僅關乎你的設計方式,還關乎你如何改變接下來的設計。

所以使用它。用它建設。用它戰斗。用它分享。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計、APP界面設計圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

高端網站設計 | 信息展示類 | 數字博物館網站設計

杰睿

物換星移,在21世紀經濟高速發展的中國,民眾的生活得到了物質上的保障,歷史文物保護得到前所未有的關注,但仍有許許多多的文物在我們看不見的地方或關注不到的地方逐漸失去光彩。得益于信息科技日益發展,數字博物館逐漸走入大眾視線,歷史文物經過數字化加工得以重生。
胡人俑數字博物館網站的設計,藍藍設計負責交互設計、視覺設計、前后端的開發。前期在客戶需求不是很明確的情況下,我們經過多次溝通,將頁面的布局通過快速手繪的方式和客戶確定下來,再進行視覺設計,很大程度提高了工作效率。在開發上了根據客戶提供的3D模型,我們做了三維渲染,通過鼠標拖動便可以360度觀看每個陶俑。

產品定位

匯集歷史發展資料、學術研究成果、國內外展訊等有關胡人俑的圖文信息,并通過虛實展示、文創產品再現等全新手段展現胡人俑文物的獨特風采,對胡人俑文物檔案進行數字化采集、管理并實現永久保存。力求將學術與科普、知識性與趣味性有機結合,建立一個內容完備、資料詳實、界面友好、檢索方便的胡人俑專題網站。

目標用戶

胡人俑數字博物館網站在科技部國家重點研發計劃重點專項“民族民間文化資源傳承與開發利用技術集成與應用示范”項目子課題支持下得以建設。是對全民開放的一個網站,針對對民族文化感興趣的或者是胡人俑相關的研究人員都可以使用。

設計風格

視覺方面整體設計為中國古風,主色采用白色為主棕色和紅色為輔的色調,通過整體排版,多種中國古典元素的設計,來凸頁面整體的古風風格。布局更加強調界面風格的一致性,既保證界面的整體性又突出主體元素,主次分明。
 
 
胡人俑數字博物館網站,其主要用途是對陶俑喜愛或者研究人員提供的一個網站??蛻籼峁┑木W站非常簡單,并且除了首頁外其他頁面要展示的內容都是以文檔的方式提供。經過多次和客戶溝通,在充分了解網站的主要用途和功能后,我們重新梳理網站的整個架構,并參考分析多個競品,最終產出如右效果圖。
梳理完整體需求后我們將整個網站比較重要的幾個模塊在首頁展示。
模塊一:胡人俑的banner圖
模塊二:數字博物館的整體介紹
模塊三:近期展覽
模塊四:數字產品
banner圖采用一張多個傭在一起的圖片,并且以漸變灰色作為背景突出主題,同時背景上疊加半透明的山水畫,整體顯得更有古韻。
banner以下主題部分整體采用白底為主中國風花紋點綴為輔,每個模塊之間通過標題進行區分。“博物館介紹”模塊我們將標題數著在左側展示,一是和古文化更加貼合,二是可以減少文字的寬度,文字過寬不便于用戶閱讀。接下來是“近期展覽”模塊,該模塊我們由兩部分組成,一個是VR漫游,相當于虛擬場館的快捷入口,點進去就可以線上在場館漫游。右邊是最新的的展覽列表,有興趣的游客可以點進去查看更多詳情。最后一個模塊是藏品展示,點擊進去可以鼠標拖動3D展示。
 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計桌面端界面設計、APP界面設計、圖標定制用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

 

如何為 AI 設計和代碼生成器編寫更好的提示

杰睿

由于 AI 設計和代碼生成器在設計過程中迅速發揮積極作用,因此了解如何充分利用這些工具至關重要。如果您使用過 Cursor、Bolt、Lovable 或 v0,您就會知道,輸出的好壞取決于輸入。

以下是我用來引導 AI 實現實用、可用且美觀的 UI 的結構化提示格式。它包含 5 個部分:

  1. 上下文(你想要構建什么)
  2. 描述(AI 應該考慮的事情;設計優先級)
  3. 平臺(您的目標平臺)
  4. 視覺風格(你希望在 AI 生成的設計中看到的視覺屬性)
  5. 要包含的 UI 組件(您希望在頁面/屏幕上看到的特定組件列表)

快速提示:如果您想了解如何使用此提示格式生成真實的 UI,請查看本教程:

1. 背景

首先用一句話清晰地定義你的設計內容。這有助于 AI 在深入視覺效果之前理解頁面/屏幕的目的和范圍。

定義 context 時執行以下操作

  • 為現代投資應用程序設計一個時尚、信息豐富的主屏幕。 ”
  • 為食品配送應用程序創建一個最小的結賬屏幕。 ”
  • 生成用于跟蹤健身進度的移動儀表板 UI。 ”

定義上下文時應避免這種情況

  • 為醫療保健應用程序制作漂亮的 UI 屏幕。 ”
  • 為兒童玩具創建一個很酷的主頁。 ”

2. 描述

描述應該簡短扼要地闡述此設計最重要的方面。解釋最重要的方面:用戶目標、內容優先級和交互細節。這將引導 AI 朝著正確的方向發展,使其專注于功能,而不僅僅是美觀。

撰寫描述時請執行以下操作:

  • 用戶應該立即看到關鍵投資組合統計數據、最近的變化,并通過清晰度和數據層次結構獲得信心。 ”
  • 突出顯示每日變化和見解,同時保持‘查看投資組合’等操作易于訪問。 ”

快速提示:在解釋 AI 在設計屏幕/頁面時應該考慮哪些因素時,請嘗試將重點從輸出轉移到結果。“幫助用戶了解當前的市場趨勢,并提供快速操作,以便他們能夠根據看到的信息快速采取行動。”

3.平臺

指定設備和操作系統以幫助符合平臺指南和限制,例如屏幕尺寸、布局行為和該平臺上可用的本機組件。

這樣做

  • iOS 17 / iPhone 14(390 x 844),使用人機界面指南
  • “Android Material 3 / Pixel 6 Pro (360 x 800)”
  • “桌面分辨率(1440x1024)的 Web 應用程序,響應式布局”

避免這種情況

  • 移動” (太模糊)

4.視覺風格

定義基調和感覺。你希望你的設計如何被用戶感知?它應該平靜嗎?企業風格?還是年輕?添加可訪問性需求(例如對比度或可讀性)和樣式方向(例如,模塊化、卡片式、微妙的漸變)。

在描述視覺風格時這樣做:

  • 專業、冷靜、值得信賴。使用海軍藍、森林綠和柔和的灰色。
  • “模塊化卡片布局,帶有微妙的陰影和漸變。”
  • “字體在小尺寸下也應該優雅且清晰。”

描述視覺風格時應避免這種情況

  • 使它美麗”(美麗是主觀的;描述屬性)

快速提示:為 AI 提供對比度和可訪問性指導:“確保文本對比度為 4.5:1。支持暗模式和亮模式。 ”

5. 需要包含的 UI 組件

分解屏幕上需要顯示的內容。思考結構(頂部導航、正文、頁腳)和敘事(用戶首先看到的內容以及他們應該采取的操作)。使用占位符和示例來支持描述,以便 AI 準確呈現細節。

描述組件時請執行以下操作:

  • 從上到下開始。思考一下在頁眉、正文和頁腳中添加哪些組件。
  • 在描述 UI 組件時,請提及它應該具有的具體內容,例如視覺屬性或功能行為。
  • 提供內容和交互示例——例如容器的內容(即 UI 中卡片的內容)、表單輸入字段的占位符文本等。這將使您的設計與您正在解決的任務更加相關

人工智能對設計師日常工作和界面的真正影響:哪些因素仍然重要

杰睿

想法簡述

  • 本文探討了人工智能如何重塑設計師的工作流程,為研究、實施和測試提供速度和支持。
  • 報告認為,盡管人工智能很有用,但它缺乏深度和背景——因此人類的判斷、批判性思維和用戶洞察力是不可或缺的。
  • 它強調核心設計原則保持不變,設計師必須學會融入人工智能,同時又不喪失自己的技藝。

人工智能正在加速設計工作流程,并重塑我們構建數字產品的方式,但我們真的明智地運用了它嗎?在這篇實用且以經驗為導向的文章中,一位經驗豐富的設計師剖析了人工智能在研究、原型設計和測試過程中真正提升價值的地方,以及它目前仍未達到的水平。從實用技巧到真實案例,本文探討了如何在不犧牲用戶洞察力、設計技巧或戰略思維的情況下有效地與人工智能協作。如果您正在探索人工智能驅動的全新設計格局,那么這正是您所需要的視角。

如今,設計師們總是對人工智能加速工作流程贊不絕口。這并非沒有道理——如今的企業比以往任何時候都更需要快速的草稿、快速的測試和快速的發布,以保持用戶的參與度。

然而,許多設計師仍然未能抓住關鍵點,在產品中運用AI技術時未能充分發揮其專業知識。結果如何?許多被大肆宣傳的AI產品制造的只是噪音而非價值,導致用戶體驗淺薄。

從事設計行業十年,我學會了對創新持保留態度,并將它們從曇花一現的潮流轉化為切實可行的方法。正因如此,我想分享人工智能如何真正改變設計師的日常工作,如何改變界面,以及設計流程中哪些部分永遠不會改變。

在本文中,我將分享示例、實用建議以及我的經驗見解,幫助您了解人工智能的適用范圍以及人類技能仍然是關鍵的地方。

如果您想清楚、誠實地了解人工智能對設計和商業的真正影響,請繼續閱讀。

為什么人工智能成為設計師日常工作流程的核心部分

為了更好地理解人工智能如何在每個階段增強設計,首先概述一下在人工智能成為流程的一部分之前設計工作的傳統展開方式。

總體而言,產品設計師通常采用兩種主要工作方式:

這兩種方法都面臨著同樣的挑戰:企業不斷縮減預算,加快進度。這迫使許多團隊不得不做出取舍。設計師往往精力分散,最終忽略了更深入的探索工作??捎眯詼y試充其量也只是在發布前進行——倉促且不足。

然后出現了人工智能。

根據我的經驗,AI 可以在產品迭代周期的三個關鍵階段為設計師提供支持:

  • 輸入和產品分析。
  • 研究與探索。
  • 實施和測試。

讓我們仔細看看它們。

1.分析

現在很多工具都提供人工智能生成的儀表板、反饋和用戶行為摘要。它們非常方便,尤其是在你追蹤趨勢的時候。然而,它們并不總是準確的。

它能凸顯可見的內容,但并不總是重要的內容。有時,真正推動結果的洞見被埋藏得更深,除非你主動尋找,否則很難發現它們,原因如下:

  • 人工智能根據可用數據生成枯燥、表面的摘要。
  • 它并不總是能區分信號和噪聲,或者突出影響結果的因素。
  • 影響結果的一些見解可能與人工智能標記的完全不同。

提示:將 AI 摘要作為起點。如果某些內容引起了您的注意,請深入挖掘。返回原始數據,驗證洞察,并確認它是基于實際用戶行為,還是僅僅停留在紙面上。

2. 研究

研究是產品設計中最耗時(且常常被低估)的部分之一。它常常會耗費你幾個小時。因此,AI 可以幫助你:

  • 從客戶訪談、文檔或 Notion 頁面中提取關鍵要點。
  • 分析多個 URL 或來源中對特定主題的提及。
  • 無需逐一閱讀,即可瀏覽數百條 App Store 評論。
  • 生成競爭對手的快速列表并提取他們提供的功能、他們的定位或用戶的贊揚/抱怨。

但是,不要指望它能完成所有工作:)人工智能更像是團隊中的一名額外研究員,需要得到指導、明確的方向和仔細檢查。

提示:嘗試成為更專業的T型專家,并學習如何編寫一些腳本和提示。了解AI的思維方式將有助于你更好地引導它,并加快你的工作流程。

例如,您無需要求分析團隊重建儀表板,只需下載包含評論的頁面(例如 HTML 格式)。然后讓 AI 對其進行解析,將其轉換為表格,并按情緒或關鍵詞排序。您無需等待幾分鐘即可發現規律,從而節省團隊成員的時間。

3. 實施

在這個階段,你可以加快初稿的創作速度。從落地頁到屏幕流程,設計師在每一步都需要生成大量的素材,說實話,并非每個人都能跟上。例如,在我們的面試中,600名候選人中只有三分之一了解這個階段的基本流程。

這就是為什么,借助一些人工智能的指導,你可以維持生存并:

  • 產生早期概念和插圖。
  • 對布局清晰度或調色板進行壓力測試。
  • 探索 UX 模式或流程變化,無需從頭開始重新繪制所有內容。

提示:如果您想讓起草協作更加高效,請為其提供 10 多個能夠體現您品牌風格的參考視覺效果。請注意,AI 的性能取決于您提供的數據。它沒有直觀的視角。

Figma 的 AI 發布為例。它可以在幾秒鐘內創建 UI 界面,這對于快速繪制草圖非常有用。但幾周后,他們就禁用了這項功能。由于 Figma 的人工智能助手只在少數幾家公司的設計系統上接受過培訓,所以很多界面最終看起來非常相似。

下一個實用技巧:盡量清晰詳細地描述你的視覺效果。理想情況下,首先寫一個清晰的提示,描述風格和插圖細節,并附上一些參考圖片。然后,讓AI生成JSON格式來解釋提示的細節——這樣,你就能知道它對你的理解程度。

如果結果不太理想,請調整輸出或進行調整。例如,如果您想要一條類似骨頭的細線,AI 可能會忽略這種細微之處,因此需要進行一些手動微調。一旦接近您的預期,您就可以使用優化后的 JSON 作為進一步迭代的參考。

4.測試

在人工智能測試之前,設計師必須不斷要求開發人員創建一些東西并發布它,然后等待反饋才能正確啟動它。

然而,如今,有了正確的流程和包含代碼就緒組件的優秀設計系統,設計師自己構建用戶流程的前端并不難。只需了解其在實踐中的運作方式即可。有時,甚至不需要開發人員添加邏輯——只需一個感覺接近真實的工作原型即可。

您可以使用可點擊的流程在 Figma 中進行測試,或者更進一步,分享一個基于瀏覽器的實時版本,用戶可以通過該版本實際輸入數據。它更加真實、更具洞察力,用戶使用起來也更舒適。

提示:使用 AI 工具可以加快您的工作流程并減少對其他團隊的依賴。從簡單入手:無需等待分析師構建單獨的儀表板——您可以自行生成代碼并發出 API 請求。如果您需要更新 UI 元素,請直接在 Cursor 中執行,然后將其交給開發人員審核。在很多情況下,這樣做會顯著加快速度。

人工智能不會取代工藝或設計與開發之間的協作。但它可以消除摩擦。在這個商業目標瞬息萬變的世界里,節省下來的時間可以讓你擁有更多空間進行實驗,打造更優質的產品。

人工智能如何幫助做出艱難決定

AI 無法(也不應該)替你做出產品決策。然而,它可以通過更清晰地呈現流程,幫助你更快、更自信地做出決策。

例如,在 TitanApps,我們總是會分析用戶反饋來決定是否添加新功能。然而,用戶并不總是會要求產品中出現“下一個重大改進”。因此,他們的大多數評論都反映的是現有功能。幸運的是,作為 Attlassian 社區的一員,我們可以訪問論壇,在那里大家分享痛點、推薦工具并尋求幫助。

在人工智能出現之前,我們手動爬取論壇,嘗試不同的關鍵詞組合,追蹤同義詞,審閱長帖,并收集模式。有時,僅僅為了支持或反對某個產品方向,就需要整整一周的時間。

現在只需要幾個小時。以下是整個流程:

  • 我們準備了一個結構化的 JSON 文件,其中包括論壇帖子鏈接、主題集群和相關元數據。
  • 人工智能掃描了大約 20 個主要鏈接,每個鏈接包含多個子主題,提取了關鍵見解,并在大約三個小時內匯編了調查結果。
  • 與此同時,我們用 90 分鐘的時間,從競爭對手那里抓取 HTML 評論,進行了并行分析。我們想了解:用戶是否提出了類似的問題?其他產品是如何應對的?他們是否能更好地解決問題,還是存在一些不足?

當然,在兩次分析過程中,我們都驗證了所使用的信息和來源。

在這兩個直播活動進行的同時,我們花時間梳理了我們最初的想法在哪些方面沒有引起人們的興趣。在此過程中,我們的團隊發現了一些更有價值的東西:圍繞一個相關主題的需求正在增長,而這個主題是競爭對手尚未妥善解決的。

因此,我們不需要花整整一周的時間在論壇和主題之間來回切換,而是在一天之內就獲得了完整的方向快照。

人工智能如何改變設計界面

隨著人工智能越來越多地融入產品,改變的不僅僅是設計師的日常工作流程,界面本身也在不斷發展。為了理解人工智能的影響,我們將其分為兩類:

  • AI是用戶主動交互的可見工具。
  • AI 是一個隱形層,可以在后臺改善用戶體驗。

在這兩種情況下,最終的界面不再是最重要的結果。更重要的是設計師能否放眼全局,理解用戶的旅程。以下是這種轉變的重要性:

  • 如果人工智能以助手或聊天機器人的形式出現,你需要了解用戶對它的實際期望——他們會提出什么樣的請求,他們試圖解決什么問題。只有這樣,你才能考慮如何呈現這些信息:純文本、GPT 風格的聊天,還是儀表盤。

一開始,您可以讓用戶完全自由地輸入任何內容并獲得回復。但為了打造更智能、更流暢的體驗,并更有效地訓練模型,您需要識別其中的模式。有些人可能會尋找沖刺總結,而另一些人則可能尋找待辦事項概覽,甚至是拉取請求分析。

然后,下一個問題出現了:用戶提取信息后會如何處理:在會議中使用、導出等。這會影響您在何處以及如何展示 AI 助手、您提供什么樣的提示或模板,以及您可以自動化多少流程而無需用戶手動詢問。

提示:訓練你的鳥瞰視角。盡管許多人都能察覺到設計優先級的這種轉變,但根據我的經驗,候選人往往會急于將問題視覺化。他們專注于單個屏幕,卻沒有分析整個用戶交互和旅程。

如果人工智能在幕后默默運行,這種視角就變得更加重要。作為一名設計師,你需要:

  • 深入了解你的聽眾。
  • 跟蹤反饋和分析。
  • 注意人工智能可以在哪些方面增強體驗以及在哪些方面可能會造成阻礙。

以 Copilot 這樣的開發者工具為例。早期的一個主要抱怨是,它無法適應每個人的風格。它會生成通用或難懂的代碼,與具體情況不符。它非但沒有提供幫助,反而擾亂了開發流程。

或者看看像 Cursor 這樣的工具。它在 Twitter 上流行起來,人們開始用它來做一些小項目。然而,很多人甚至不知道如何讓它正常工作。所以,并非所有 AI 工具都適合所有人,也并非所有時機都是引入它的合適時機。

為了更好地設計這種人工智能,你需要知道:

  • 當它有幫助時。
  • 它應該建議什么。
  • 用戶將如何實際操作它。

提示:請記住,人工智能是一種工具,而不是靈丹妙藥。這些后臺助手即使不可見,仍然具有某種界面。設計師現在也必須學會為此進行設計。

人工智能無法改變的設計原則

盡管人工智能推動設計師去適應——像開發人員一樣思考,平衡業務目標,并保持以用戶為中心和獨特的方法——但有些原則仍然沒有改變,比如雅各布定律

用戶會熟悉各種模式,他們不想重新學習已經奏效的方法。正因如此,不要無緣無故地重復造輪子至關重要。如果有既定的最佳實踐,那就去實踐。人工智能不會替你做決定——你的職責是了解哪些方法已經得到驗證,何時值得創新,以及何時堅持用戶已知的方法更為明智。

所以,沒錯,如今成為一名設計師比以往任何時候都更加復雜。但如果我們提升視野,保持T型思維,并抵制過度復雜化的沖動,我們就能利用這些工具——包括人工智能——來做得更好,而不僅僅是更快。

最終,我們的目標是設計出有意義的東西。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

優秀UI設計背后的心理學

杰睿

你知道那些感覺恰到好處的設計嗎?就是那些所有東西看起來都恰到好處,你不用瞇著眼睛看,不用思考,也不用瘋狂點擊就能搞清楚的東西。

這不是魔術,而是心理學。

好的 UI 設計并非僅僅因為選擇了合適的藍色調或使用了漂亮的字體就能夠實現。它之所以有效,是因為它了解人們的想法。他們注意到了什么,忽略了什么,以及什么會讓他們偷偷地咒罵。

讓我們分析一下優秀 UI 設計背后的心理學,這樣您就可以打造讓用戶感覺自己像天才的體驗,即使他們還沒有喝咖啡。

1. 你的大腦是個懶惰的天才(認知負荷)

事實是這樣的:人類的大腦非常強大,但也非常懶惰。

我們一直在努力節省腦力。正因如此,優秀的 UI 設計不會讓人們思考過多。如果你的應用感覺像個謎題,用戶就會離開,甚至可能在離開時留下措辭激烈的評論。

設計不是為了炫耀你有多聰明,而是為了讓用戶感覺自己很聰明。

不會讓人頭腦發熱的技巧:

  • 使用清晰的層次結構。每個屏幕一個主要操作通常就足夠了。
  • 避免不必要的選擇。這不是智力競賽節目。

隱藏復雜性,直到需要它為止。(是的,“高級設置”,我說的就是你。)

2.“選擇太多”問題(??硕桑?/strong>

??硕珊芎唵危耗憬o某人的選擇越多,他們做出選擇的時間就越長。他們就越想哭,或者放棄。

你有沒有看到過一個下拉菜單,上面列著 30 個國家,按字母順序排列,以“阿富汗”開頭?沒錯,就是這樣。

設計的意義在于減少決策。設計的目的并非剝奪自由,而是讓路徑清晰可見。

像極簡主義者一樣設計:

  • 將大任務分解成更小的步驟。
  • 突出顯示最常見或推薦的選項。
  • 使用默認值,因為大多數用戶無論如何都會使用它們。

3. 目標應該容易實現(菲茨定律)

微型按鈕。超薄的文本鏈接??申P閉的模態框,帶有一個比果蠅還小的“X”。

我們都詛咒過它們。菲茨定律說,點擊某個按鈕所需的時間取決于兩個因素:按鈕的大小和距離。所以,如果你想讓人們真正點擊你的按鈕,就讓它可點擊。

實用想法:

  • 增加觸控目標,尤其是在移動設備上。沒有人能像忍者一樣精準地控制手指。
  • 將主要按鈕放置在容易觸及的位置??紤]拇指區域。
  • 避免操作間隔過長。誤觸會導致新的“憤怒點擊”。

4. 視覺層次:用戶流失的原因

用戶不會從上到下閱讀屏幕內容。他們瀏覽的速度就像松鼠在喝濃縮咖啡一樣。

所以你需要像指揮家指揮管弦樂隊一樣控制視覺層次。利用大小、顏色、粗細和間距來傳達“嘿,先看這里!”

如果沒有等級制度,一切都會爭奪關注。當一切都在大聲喧嘩時,沒有人會被聽到。

嘗試一下:

  • 粗體表示主要操作。較不重要的內容則使用較輕的字體。
  • 像工作一樣使用空白。(因為它就是你的工作。)
  • 想要快速測試一下嗎?瞇起眼睛看看你的設計。哪里最突出?那就是你的焦點。

5. 熟悉勝過創造力

你可能想成為按鈕界的畢加索,或者重新設計導航欄。但你猜怎么著?人們喜歡他們熟悉的東西。

登錄表單中郵箱和密碼的順序總是一致的,這是有原因的。這不是懶惰,而是熟悉。

該怎么辦:

  • 堅持使用關鍵流程的標準 UI 模式:注冊、結帳、導航。
  • 將創意內容保存為微交互或視覺效果,而不是基本布局。
  • 記住:熟悉=值得信賴。奇怪=可疑。

6. 將屬于同一類的事物歸為一類(格式塔心理學)

格式塔心理學本質上是我們大腦快速解讀現實的方式。我們不會將事物視為孤立的元素。我們會根據接近性、相似性、一致性和連續性對它們進行分組。

如果你的 UI 不遵循這些模式,用戶就會感到困惑。而困惑是導致你關閉標簽頁的捷徑。

例子:

  • 外觀相同的按鈕應該具有類似的功能。不要欺騙用戶。
  • 將表單中的相關字段放在一起。不要像復活節彩蛋一樣將“姓名”和“電子郵件”散落一地。
  • 對齊內容。未對齊的內容會引發潛意識的不適。

7. 情感>邏輯

秘訣在于:人們會憑情感做出決定,然后用邏輯來證明其合理性。這同樣適用于用戶界面。

想一想。你是否曾經僅僅因為感覺良好而點擊過某個按鈕?那種令人滿意的懸停效果?那種微妙的動畫效果?

設計可以激發喜悅,也可以激發沮喪。

如何為感受而設計:

  • 使用個性化的微文案。一點點魅力就能帶來很大的效果。
  • 動畫應該像黃油一樣,而不是邁克爾貝的電影。
  • 創造愉悅的時刻:令人愉快的成功信息、五彩紙屑動畫或令人滿意的加載狀態。

8. 人們記住高峰和結束(峰終定律)

用戶不會記住旅程的每一秒。他們只會記住最激動人心的時刻和旅程的結局。這就是峰終定律。

因此,如果您的結賬流程無縫,但確認屏幕看起來像 404 頁面,猜猜他們會記住什么?

設計提示:

  • 找到你的“巔峰時刻”。讓它們變得令人愉悅。
  • 千萬不要忽視結尾。確認信息、感謝頁面、注冊成功頁面,它們比你想象的更重要。

9. 真正的用戶體驗惡棍:不確定性

如果用戶不確定按鈕的功能,他們就會猶豫。猶豫會扼殺用戶行動的動力。

最好的用戶界面能消除疑慮。它會說:“嘿,點擊這里。很安全。你不會意外刪除所有內容。”

使用這些武器:

  • 清晰的標簽:“保存草稿”比“提交”更好。
  • 微文本:一行小文字就能消除恐懼。
  • 反饋:顯示剛剛發生的事情以及接下來發生的事情。

10. 讓你保持理智的工具

說實話,有時候你確實沒時間從頭開始構建每個流程。這時,像Made in Figma這樣的插件就能幫上忙了。

它允許您直接使用預先構建的 UI 流程和遵循最佳實踐的組件。無需猜測,無需費力尋找靈感。就像擁有一位話不多的設計副駕駛。

當我想快速行動而不犧牲質量時,或者當我的大腦在咖啡因的煙霧中運轉并且我只是需要一個可靠的布局來即興發揮時,我會經常使用它。

額外獎勵:如果您仍在閱讀……

首先謝謝??磥砟銓玫脑O計很認真。

其次,這是心理學驅動的用戶界面的備忘單:

  • 減少噪音(越少越好)
  • 引導眼睛
  • 尊重默認設置和模式
  • 設計要注重情感,而非僅僅考慮邏輯
  • 幫助用戶感受到掌控
  • 有疑問的時候?別耍小聰明,要清楚

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計、桌面端界面設計APP界面設計、圖標定制用戶體驗設計、交互設計UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan。

蘋果的 10 個用戶體驗秘訣,讓你的產品魅力無窮

杰睿

如果蘋果是個人,他們一定是那種毫不費力就能展現酷勁的朋友:總是穿著完美的衣服出現,說話從不磕磕巴巴,而且總能把喝水裝點得優雅大方。所有這些魅力背后,是對細節的極致關注、對用戶體驗近乎病態的執著,以及塑造了半個互聯網的設計理念。

您可以從 Apple UX 劇本中借鑒一些經驗,讓您的產品變得更好、更簡潔、更容易讓人上癮。

1. 關注微觀問題

蘋果精心設計了一些你永遠不會注意到的東西,直到它們消失。比如在 iOS 上拖動圖標時,圖標會輕微彈起?;蛘咭袅炕瑝K的觸感也有些奇特。這些都不是隨意的花招,而是經過深思熟慮的。

在用戶體驗中,小事并不小。它們是你向用戶展示你關心的方式。

你無需從頭開始設計所有內容。像MadeinFigma這樣的工具可以為你提供精美的 UI 工具包和流程,因此你可以專注于微交互,而不必重新設計按鈕。

2. 像殺惡棍一樣消滅功能

簡單并不意味著“缺乏功能”。它意味著你放棄了 17 個功能,以便讓這個“功能”能夠閃耀。

蘋果經常這么做。如果某個功能讓用戶感到困惑或拖慢了速度,它就會被移除。這就是為什么iPhone的撥號應用沒有內置任務管理器的原因。(是的,有人試過了。)

你的產品不需要滿足所有人的需求,只需要讓某些人感到驚喜即可。

3. 用目的來激發活力,而不是僅僅靠感覺

動畫是用戶體驗的過渡。就像 PowerPoint 中的過渡一樣,它們可以是雅致的,也可以是充滿拉斯維加斯風格的。

蘋果用動畫來教導和引導用戶。當窗口縮小到 Dock 中時,你的大腦會映射出它的位置。這就是用戶體驗的精髓:隱形、高效、令人滿意。

4. 讓界面消失

最好的界面是讓人忘記自己正在使用的界面。聽起來很無聊?或許吧。但隱形才是夢想。

有沒有注意到 iOS 上的 Notes 應用幾乎沒有界面?這不是懶惰,而是自信。

作為設計師,你的工作是讓用戶感覺自己是個天才,而不是提醒他們你在按鈕陰影上花了多少功夫。

5. 保持一致,然后添加驚喜

蘋果做的每件事都遵循著某種模式,直到它不再如此。這就是他們贏得歡心的方式。

把它想象成爵士樂:你堅持節奏,這樣當你打破節奏時,它是美妙的,而不是混亂的。

在整個產品中使用一致的布局、間距和行為。然后用一個小驚喜獎勵用戶。一個有趣的空白狀態。一個令人滿意的點擊。一個柯基動畫。(好吧,也許不是柯基。)

6. 解決問題,而不是趨勢

蘋果不會為了趕潮流而趕潮流。他們之前沒有推出“Always-On”顯示屏,是因為他們覺得它實用又省電。

好的用戶體驗是實用的,它能消除用戶的痛點。所以,與其問“現在什么最熱門?”,不如問“今天我的用戶最煩什么?”

7. 與用戶溝通時,要像對待真人一樣,而不是像對待錯誤日志那樣

如果您的界面顯示“第 3 行出現意外輸入字符串”,請離開一下。

蘋果的文字清晰、人性化,偶爾還充滿魅力。當你連接 Airdrop 時,它顯示“正在等待……”而不是“正在傳輸 278 個數據包中的第 4 個”。

文字是用戶體驗的一部分。好的文案可以讓 bug 變得無足輕重。

8. 設計要考慮感受,而不僅僅是功能

蘋果明白用戶體驗不僅僅關乎可用性,還關乎情感。

想象一下,iPhone 鬧鐘會告訴你還能睡幾個小時。這就是 UI 形式的同理心。

你的產品應該不僅僅是用來工作。它應該讓人安心、鼓舞人心、感到快樂。這才是贏得忠誠的關鍵。

9.承認自己的錯誤

蘋果雖然飽受批評,但他們也承認自己的失誤。當蘋果發貨時,他們會提供免費維修。他們不會在你的屏幕上貼個標簽,然后說:“盡量別打字太多。”

當你的應用出現故障時,請坦誠相待。提供一條前進的道路。設計一個像人一樣感知錯誤狀態,而不是像防火墻一樣。

10. 與人一起測試(而不是團隊 Slack)

設計師不是用戶。開發人員更不是用戶。你尤其不是用戶。

真正的反饋來自那些不在乎你的 Figma 文件名的人??粗麄兪褂媚愕漠a品??粗麄冇龅絾栴}??抟粫?。然后解決問題。

越快將可用的原型呈現在大家面前越好。如有需要,可以使用MadeinFigma快速設計一個包含完整流程且外觀精美的原型。

結束語:

蘋果的用戶體驗魔法并非魔法,而是一個過程,一種同理心,一種拒絕滿足于“足夠好”的精神。

你不需要建造一個太空園區來實現同樣的目標。只需要一點品味,多加用心,或許還能從合適的設計工具中搶占先機。

從小事做起,從大處著眼。專注于細節。然后在你花一年時間過度思考之前,趕緊發布。

 
蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan
 

桌面端界面設計 | 貨物 TMS 系統 - SaaS & UI UX 設計:審美積累之境

杰睿

 

imgi_158_3bc92e199111429.664c7582aca9f.jpg在物流數字化的浪潮中,貨物 TMS 系統的 SaaS 化與 UI/UX 設計正構建著獨特的審美坐標系。這不僅是技術與功能的融合,更是一場關于效率美學的深度探索,為行業審美積累注入了鮮活的實踐樣本。
 
SaaS 模式賦予貨物 TMS 系統輕盈而強大的特質,成為審美表達的基底。無需本地部署的輕量化架構,如同為設計卸下了沉重的枷鎖,讓界面得以在云端自由舒展。多終端適配的彈性設計,恰似物流網絡的靈活調度,在電腦屏、平板與手機界面間實現無縫流轉,每一次適配都是對 “一致性中見變化” 美學原則的生動詮釋。訂閱制帶來的持續迭代特性,更讓設計始終保持著新鮮的活力,如同物流行業不斷優化的運輸路線,在用戶反饋的滋養下,逐漸勾勒出更貼合需求的美學軌跡。
 
UI/UX 設計則是貨物 TMS 系統的靈魂筆觸,將冰冷的物流數據轉化為溫暖的視覺體驗。在視覺層面,專業化的色彩體系是其鮮明標識 —— 冷靜的深藍作為主色調,傳遞出物流行業的可靠與精準;活力橙作為輔助色,點綴在關鍵操作按鈕與狀態提示中,如同運輸途中的信號燈,既打破了單調感,又強化了功能指引。信息層級的梳理堪稱視覺美學的典范,通過卡片式布局將訂單信息、運輸狀態、庫存數據等模塊清晰分隔,輔以精心設計的圖標系統,讓復雜的物流信息如貨物陳列般井然有序,一眼便可捕捉核心內容。
 
交互設計的巧思更彰顯著人文關懷與效率美學的平衡。極簡操作路徑是其核心追求,從訂單錄入到調度完成,每一步點擊都經過反復推敲,摒棄冗余環節,如同優化后的運輸路線,以最短距離抵達目標。動態反饋機制則讓系統充滿 “呼吸感”,貨物出庫時的進度條動畫、運輸節點更新時的微交互,甚至是異常情況出現時的溫和提示,都讓用戶在與系統的每一次互動中,感受到被理解與被重視。這種 “潤物細無聲” 的體驗設計,正是現代 UI/UX 美學中 “以人為本” 理念的深刻體現。
 
imgi_1270_9553b4199111429.664c7582aa8e3.jpg
 
貨物 TMS 系統的 SaaS 化與 UI/UX 設計,為審美積累提供了獨特的行業視角。它證明了實用與美學并非對立面,在物流這一注重效率的領域,設計同樣可以綻放光彩。那些在數據可視化中誕生的清晰圖表、在流程優化中凝練的簡潔交互、在多場景適配中形成的彈性視覺語言,都將成為設計領域寶貴的審美養分,指引著更多行業數字化產品在功能與美學的平衡中穩步前行。
蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

為 AI 工程師設計:你需要了解的 UI 模式

杰睿

指導 UI 原則:

  1. 歡迎精簡信息。與數據科學和金融科技等 B2B 行業類似,這些角色歡迎密集數據——而且數據設計具有強大的層次結構。所以,請縮小這些邊界!
  2. 解析后的元數據最清晰。提取元數據并使其可搜索/過濾/排序非常重要。表格、側邊欄、標簽系統——這些是需要改進的主要設計系統元素。
  3. 記住雅各布定律——用戶在其他網站上花費的時間比你網站上的多。人工智能領域有很多強大的領導者,比如 HuggingFace 和 OpenAI。如果他們已經建立了一種模式,并且沒有強有力的理由去改變,那就順其自然。我知道,我知道,這違背了第一原則,但第一原則有其適用的時機和地點。至于如何為你的團隊和路線圖做出決定,就留給你自己決定吧。

Github 的設計系統是開發者設計的絕佳資源。以下是一些明確針對開發者角色定制的原則

  • 直到快了才算完全發貨
  • 添加任何東西都會稀釋其他一切
  • 實用性勝過純粹性
  • 平易近人勝過簡單
  • 半途而廢和不采取任何措施一樣糟糕
  • 鼓勵流動
  • 更注重功能

因此,秉承這些原則,以下是我團隊今年發布的一些關鍵界面。需要注意的是,我的團隊只有 4 個人(2 名設計師和 2 名開發人員),我們是一家節奏飛快的初創公司。我們的設計最初都是以 MVP 的形式發布的,上線后會進行迭代,并且經?;诂F有系統進行構建,從 0 到 1,并盡快獲得真正的外部驗證。本文中的所有設計均由我和Will Rust共同創作。設計是一項團隊運動。

我將介紹的屏幕:

將顯示縮放圖像
聊天界面、游樂場、開發控制臺、文檔和食譜的 UI 線框

產品一:與法學碩士聊天(簡易營銷頁面版本)

聊天屏幕的線框

作為終端用戶,我們現在對聊天界面非常熟悉。作為開發者,使用 LLM(大型語言模型)進行聊天,與Chat GPT、Duck AssistPerplexity等 AI 平臺上的終端用戶體驗幾乎完全相同。關鍵在于盡可能簡潔明了,并提供快速簡潔的答案。

主要區別在于,人工智能開發人員還會根據模型的速度、構建的簡易性、兼容性和部署性來評估模型。

保持與傳統搜索引擎一樣簡潔,但提供更細致的第二層信息,展現其底層運作,包括文檔鏈接、展示模型速度的基準數據,以及每個令牌成本等其他數據。以下是我們在 Modular 中解決這個問題的方法。

我們使用UI 框架:https : //www.gradio.app/、Mantine、Tailwind

屏幕 1 — 簡單的“開始聊天”介紹屏幕,向用戶展示它的型號、運行的硬件以及處理的流量。

將顯示縮放圖像
聊天界面模擬

當然,所有內容都兼容明暗模式。以下是暗黑模式版本,我們將聊天功能嵌入到了開發者控制臺中。

將顯示縮放圖像
暗黑模式下聊天的 UI 模擬

屏幕 2 — 聊天結果,顯示基準數據,以及教程、代碼和部署此模型的后續步驟的鏈接。

將顯示縮放圖像
將顯示縮放圖像
左圖:擴展基準測試結果;右圖:合并基準測試

截圖 3 — 嵌入式版本。為了實現此版本,我們使用 RAG 專門針對我們的文檔對 MAX 進行了訓練。此實驗目前僅面向內部用戶,并有望盡快發布。

將顯示縮放圖像
文檔網站中聊天的 UI 模擬

一些精選參考:

將顯示縮放圖像
將顯示縮放圖像
Chatgpt ;困惑
將顯示縮放圖像
將顯示縮放圖像
Groq,HuggingFace 聊天

產品2:模型庫

模型庫網站線框的縮略圖

AI 開發者需要做的最重要的事情之一就是評估 GenAI 模型。首先,你需要搜索模型庫——也稱為“模型花園”、“模型庫”或“模型中心”。出于市場營銷/SEO 的原因,這通常需要用戶注銷登錄,主要目的是向用戶展示你的平臺兼容的所有模型,并鼓勵他們登錄后再進行更深入的模型測試。我們的模型庫位于builds.modular.com。

這里最重要的功能本質上是搜索和過濾。你要確保用戶能夠從包含數百甚至數千個模型的龐大數據集中找到他們想要的內容。

將顯示縮放圖像
我們的模型庫的 UI 模擬
將顯示縮放圖像

屏幕 2 — 模型詳情頁。此頁面會告訴用戶每個模型有多少個變體,如何在本地快速運行模型,以及如何根據需要將其部署到云端的 GPU。

將顯示縮放圖像
模型詳細信息頁面的 UI 模擬

有一些有趣的技術細節與模型參數大小、量化、硬件兼容性等有關。但最終一切都歸結為格式塔聚類和創建正確的層次結構。

將顯示縮放圖像
各種 UI 模型拼貼在一起
設計由 Eve Weinberg(我)和Will Rust創作

我在這里最常參考的是 Huggingface(因為他們是這個領域的領導者)、Kaggle(因為他們擁有蓬勃發展的社區)、Together AI(因為他們是企業級的)和 Replicate(因為每天 8 萬次點擊量已經很多了):

將顯示縮放圖像
將顯示縮放圖像
Together.ai
將顯示縮放圖像
將顯示縮放圖像

與所有成功的 UI 一樣,設計時務必牢記用戶思維。AI 開發者在設計模型時,會考慮模型能夠完成哪些任務、模型的大小、性能以及開發者是誰。

產品3:游樂場

游樂場的縮略圖線框

游樂場是指專為實驗、測試和學習而設計的環境,不會影響現有系統或生產環境。對于 AI 開發者來說,更具體地說,它包括試用 AI 模型、測試提示以及微調參數等功能無需大量的基礎設施。

我們現在才剛剛開始運行,所以我只會談論主要功能并展示一些參考。

主要特點:

  1. 已登錄并連接賬單。這只是一個小提示,但用戶通常需要連接信用卡,因為您現在正式運行 AI 計算。
  2. 滑塊控制模型的參數,完全改變模型。
  3. 按使用量付費定價
將顯示縮放圖像
將顯示縮放圖像
將顯示縮放圖像
將顯示縮放圖像
左圖:Vercel;右圖:谷歌

這與整個控制臺體驗完美銜接。

產品4:開發者控制臺

開發控制臺的縮略圖線框

從布局和信息架構的角度來看,這與其他桌面控制臺類似。我們使用 Tailwind、Mantine 和 ChartJS 來制作。

將顯示縮放圖像
開發人員控制臺分析屏幕 dashobard 的 UI 模擬
將顯示縮放圖像
開發者控制臺主屏幕的 UI 模擬
我們有點沉迷于定制編號

這里最有趣的 UI 功能是數據監控儀表盤。如果你曾經設計過企業儀表盤,那么其余部分其實都差不多——基于角色的訪問控制、計費、組織層級結構(內部成員可以邀請其他成員)、通知、設置等等。

產品 5:文檔

好吧,讓我們開始討論最重要的部分——文檔!每個人都喜歡設計文檔 ;)這就是我們的文檔。這實際上是我第一次完全自主設計一個文檔網站。我們使用DocusuarusAlgolia搜索,它的用戶界面非常棒,開箱即用!

將顯示縮放圖像
文檔用戶界面
https://docs.modular.com/max

就信息架構而言,我們在這里討論了幾種方法,并歸納為兩個總體概念:

  1. 遵循用戶的待辦事項 (JTBD)——他們按照什么順序完成這些任務。對我們來說,順序是:本地測試、服務、部署到云端、監控、擴展。
  2. 遵循產品的架構。我們擁有一個完整的平臺,從底層 GPU 編程到云端的自動擴展,因此以這種方式進行分類對我們來說也很有吸引力。

無論您選擇哪種方式,重申這一點的登錄頁面都至關重要。

我們訪問量最大的頁面是“快速入門”(這并不奇怪!)。我們正在持續優化此頁面,以加快競爭速度并提高完成率。

將顯示縮放圖像
文檔快速啟動頁面的 UI

一些參考:

將顯示縮放圖像
streamlet 應用程序屏幕截圖
Streamlit Docs(當產品表面較小時更容易)

正如我之前提到的,Algolia 搜索功能非常強大。它的效果如下:

將顯示縮放圖像
Algolia UI 截圖
搜索燈箱
將顯示縮放圖像
Algolia搜索結果頁面
搜索頁面允許搜索所有產品和版本

產品 6:食譜和代碼

食譜頁面的縮略圖線框

食譜(或烹飪書)是一種簡單卻標準化的分步說明。它們最具交互性的形式是筆記本,每個部分都是可執行代碼。最簡單的形式是一系列包含可復制/粘貼代碼片段的說明。

正如我提到的,我們的構建過程極其迭代,所以我們的 MVP 實際上只是渲染一個 GitHub 代碼示例,并在右側標注元數據。我發現,對于這類受眾來說,越簡潔明了越好。內容本身非常密集,設計不應該過于引人注目。

將顯示縮放圖像
菜譜頁面的 UI 模型

這些文章的設計系統很大一部分在于如何渲染代碼,因此,擁有一個井然有序的明暗模式系統至關重要。我們使用mantine 系統來實現這一點,并在其中設置自定義顏色。您也可以參考 CLI 配色方案的最佳實踐,例如本文所示:https ://hamvocke.com/blog/lets-create-a-terminal-color-scheme/

將顯示縮放圖像
我們的代碼塊設計系統的 UI 模擬
樣式代碼的設計系統

別忘了體驗一下命令行界面 (CLI)、ASCII 字體和清晰的進度條!至于命令行界面的用戶體驗,我試著教我的工程團隊成員 10 條基本的 NNG 原則,其中最重要的一條就是“系統狀態可見性”。

將顯示縮放圖像
將顯示縮放圖像
終端中的進度條
將顯示縮放圖像
將顯示縮放圖像
使用 ascii art 生成器工具:https://convertcase.net/ascii-art-generator/

下一步是什么?

我非常高興能夠構建更多工作流程并分享它們。我希望接下來專注于代理工作流程和云監控儀表板。

將顯示縮放圖像
將顯示縮放圖像
來自工具n8n 的兩個“低代碼”代理工作流圖像。

獎勵圖片——AI 工程師角色

作為參考,以下是我為 Modular 創建的通用角色模型。目前我們的目標人物是“解決方案構建者”。

將顯示縮放圖像
3 個人物的圖像。

敬請關注,感謝您的閱讀

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

2026 年值得關注的頂級 UI/UX 趨勢

杰睿

1. AI優先設計

將顯示縮放圖像
展示 AI 應用設計的應用程序

多年來,我們一直在聽說人工智能在設計領域的應用。2024 年,它生成的布局看起來像是醉酒實習生做的。2025 年,它的表現有所改善,但仍然感覺像是作弊。

現在已經2026年了?人工智能不再只是個助手。它基本上是你的設計伙伴,不會再抱怨反饋了。Galileo、Uizard 以及 Figma 上周剛剛收購的那些工具,生成的界面不僅可用,而且效果驚人。設計師現在花更多時間進行改進和制定策略,而不是無休止地擺弄自動布局框。

趨勢:

  • 諸如“讓這個流程對 alpha 版本更加友好 20%”之類的設計提示現在已經成為一種流行趨勢。
  • UX文案由AI撰寫一半稿子,然后由人類進行潤色。
  • 評判設計師的標準是他們提示得有多好,而不是他們推動像素得有多好。

設計提示:開始像對待初級設計師一樣對待 AI 工具。引導它們,糾正它們。不要讓它們肆意妄為,否則它們會為計算器設計一套 6 步入門指南。

2.“零 UI”的興起

將顯示縮放圖像
ChatGPT 界面

從零開始設計?那就2025年吧。我們正進入一個最好的界面就是沒有界面,或者至少沒有傳統界面的時代。

想想語音、手勢、存在檢測、情境感知界面。設備和體驗在你開口之前就能猜測你想要什么。

恐怖?是的,有點兒。
方便?絕對方便。

現實世界的例子:

  • 智能冰箱無需詢問即可重新訂購牛奶。
  • 汽車通過掃描你的臉部來調整你的座椅。
  • 只需思考布局就能設計界面的 VR 頭顯。(好吧,這個功能還在測試階段。)

趨勢:

  • 為“隱形”交互而設計。
  • 優先考慮音頻、觸覺或行為的反饋循環。
  • 徹底重新思考屏幕的作用,尤其是在消費技術領域。

設計提示:從體驗開始設計原型,而不是屏幕。并在現實世界中測試它。

3. 高度個性化,但有界限

將顯示縮放圖像
健康追蹤應用程序

到了2026年,用戶不再需要千篇一律的體驗。他們想要一款能夠了解他們的睡眠模式、喜歡的顏色以及童年創傷的應用,但又不能讓人覺得毛骨悚然。

個性化日益升級,但隱私問題也日益凸顯。這意味著智能默認設置、基于行為的界面以及專為用戶打造的儀表盤。

趨勢:

  • 根據上下文進行調整的界面:夜間使用黑暗模式,大腦疲勞時使用簡化的用戶界面等。
  • 高度集中的入職流程根據您的氛圍量身定制:為專業人士提供簡約服務,為新手提供指導。
  • 為高級用戶提供“選擇您自己的 UX 冒險”設置。

設計提示:讓用戶自主決定個性化程度。讓個性化變得有趣。不要將功能鎖定在數據共享墻后面。

4. 滾動已死。滾動萬歲。

多年來,我們一直熱愛滾動。無限滾動、水平滾動、視差滾動。

現在?滾動正在進化。2026 年,一切都圍繞著滾動敘事展開。流暢的過渡,智能的捕捉,以及微妙的交互,讓用戶不會感覺自己一直在喝紅牛。

趨勢:

  • 卷軸作為敘事手段
  • 配對的動畫和微交互創造了一種旅程,而不僅僅是滾動到頁腳的情況。
  • 基于滾動的 UI,根據速度或意圖而變化。

設計提示:在所有設備上測試滾動行為。在 MacBook Pro 上看起來流暢的滾動效果,在售價 99 美元的 Android 平板電腦上可能感覺像做夢一樣。

5.語音界面成為主流

將顯示縮放圖像
語音界面應用程序

過去,除非你像機器人一樣說話,否則 Alexa 總是會誤解一切。但到了 2026 年,語音界面終于成熟了。

得益于更先進的 NLP 模型,語音正在成為導航應用的標準方式,尤其是在可穿戴設備、汽車和智能家居領域。設計師面臨的關鍵挑戰是什么?超越視覺 UI 的思考。

趨勢:

  • 語音和視覺反饋接口同步工作。
  • 適用于多任務場景(例如烹飪、駕駛、育兒)的純語音用戶流程。
  • 個性豐富的語音助手讓生活變得輕松。

設計提示:不要讓每個應用都顯得吵鬧。有意識地設計安靜的語音交互。并且,務必為用戶提供“關閉”按鈕。

6. 設計要考慮神經多樣性,而不僅僅是可及性

將顯示縮放圖像
患有神經多樣性的兒童

無障礙功能不再只是一張清單。2026 年,我們將為認知包容性而設計,服務于患有多動癥、自閉癥、閱讀障礙以及介于兩者之間的各種疾病的用戶。

這不再僅僅關乎顏色對比度或屏幕閱讀器,而是關乎信息的結構、通知的工作方式以及如何減輕精神負擔。

趨勢:

  • 可選的極簡模式,可消除噪音。
  • 帶有“運動靈敏度”切換的動畫。
  • 尊重焦點的界面;是的,我們正在談論您的 7 個彈出窗口。

設計提示:開始用真正的神經多樣性用戶測試你的設計。不要只是“添加一個模式”。要將包容性設計融入核心用戶體驗。

7.反設計2.0

來看看反設計 2.0 吧。它丑陋、混亂、怪異得令人難以接受。它無處不在,尤其是在那些努力避免看起來像 Webflow 模板的作品集網站上。

這種趨勢的核心在于打破常規,但又不失其有意為之。想想那些刺眼的色彩、夸張的元素、重疊的文字,但不知何故,它卻奏效了。

趨勢:

  • 設計師將不完美視為一種風格。
  • 用戶界面接近“糟糕”,但在千篇一律的界面中卻脫穎而出。
  • 更注重真實性而非完美性。

設計提示:謹慎使用此趨勢。如果你正在設計銀行應用程序,最好不要使用 Comic Sans 字體和搖擺按鈕。

8. 具有幽默感

將顯示縮放圖像
企鵝在雪地里看著 404 標志

2026年,就連你的信用卡應用也開始嘗試搞笑了。你知道嗎?它真的有效。

人性化的界面,巧妙的微文案、精妙的動畫和令人驚喜的瞬間,讓產品更令人難忘。用戶不再僅僅追求“直觀”,他們更追求樂趣。

趨勢:

  • 用個性化的祝酒詞。“哎呀。這招不行。不過,嘿,你上一段感情也沒用。”
  • 錯誤屏幕會讓你笑,而不是哭。

喜悅與無聊的東西(比如空狀態和確認消息)融合在一起。

設計提示:不要過度。并非所有內容都需要單口相聲。只需營造一種讓你的產品感覺不那么機械、更具親和力的氛圍即可。

9. VR之外的3D和空間設計

得益于 Apple Vision Pro、Meta Quest 以及三星的各項研發成果,空間設計已不再是小眾領域。但你無需VR 頭顯進行設計即可擁抱 3D 空間。

2026 年,扁平化的 UI 將會變得更加立體。不再是虛假的陰影,而是真實的、可交互的深度。

趨勢:

  • 響應光標移動的 3D 卡。
  • 電子商務和設計工具中的 AR 預覽。
  • 界面感覺更像是物理空間而不是平面布局。

設計提示:像建筑師一樣思考。關注用戶如何在空間中移動,而不僅僅是屏幕。但不要讓性能受到影響。流暢的 2D 流程總比混亂不堪的 3D 流程好。

10. 設計時考慮地球

將顯示縮放圖像
UI 中的 Eco 模式

可持續設計終于不再只是你產品宣傳單上的一張幻燈片了。到了2026年,用戶開始關心你的應用有多“環保”,沒錯,這已經是千真萬確的事情了。

你的應用消耗的資源越少越好。輕量級 UI、低帶寬模式和智能緩存不僅僅是技術性的功能,更是用心良苦的功能。

趨勢:

  • 應用程序中的生態模式設置可降低數據/功耗。
  • 碳中和設計實踐。
  • 應用程序加載速度快、操作輕便,并且不會在三次滑動中耗盡電池電量。

設計提示:別粉飾太平。務必打造高效的 UI。額外福利:用戶本來就喜歡快速的應用,所以這是雙贏的。

最后的想法:2026 年的設計不再注重炫酷,而更注重感覺

設計不再僅僅關乎“好看”。它關乎智能、同理心和真正實用。2026 年最好的界面不僅要美觀,還要個性化、包容性、趣味性,甚至可能是隱形的。

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

用戶體驗的骨骼

杰睿

如果說設計探索和創造力是肌肉,那么結構就是骨骼。沒有結構支撐,肌肉就無法運作。沒有骨骼的肌肉只是一團亂麻,無法進行有意義的運動或產生力量。結構賦予我們的創意以張力,從而產生力量。我們的設計力量不會因結構而削弱,反而會因結構而增強。

將顯示縮放圖像
手繪插圖展示手臂骨骼和肌肉產生的力量。
權力需要結構才能發揮作用。

非結構化設計的陷阱

團隊很容易就直接進入流程和界面模型。利益相關者提出功能需求。項目截止日期確定。敏捷待辦事項列表呼之欲出。設計師……他們用屏幕來回應。這是他們能展示的最具體的東西,讓所有團隊成員都覺得自己了解事情的發展方向。

但如果沒有清晰的組織,事情就會變得很混亂。

這就像在沒有骨架的情況下鍛煉肌肉。肌肉收緊,卻沒有支撐肌肉的支撐。結果會怎樣?錯位、返工,以及薄弱的解決方案。人們在行動,但缺乏協調,效率低下。

那么,問題是……我們如何防止這種情況發生?

改變一切的結構性思維

三年前,我接觸到了面向對象用戶體驗 (UX)。一位同事向我介紹了它。作為一名曾經從事面向對象編程的開發人員,我一下子就被它深深吸引。

雖然我一開始并沒有深入研究,但我從基礎開始:識別核心對象、命名屬性以及映射關系。很快,我開始清晰起來?,F在更容易發現差距,更容易與利益相關者溝通,也更自信地領導設計活動。雖然我個人很喜歡OOUX,但它并沒有在整個組織中廣泛應用。

直到最近……情況才有所改變。在過去的幾個月里,團隊里有幾個人學習了OOUX思維,并在最近的一個項目中運用它。我很高興又有人看到了結構化思維的價值!

將顯示縮放圖像
手繪腿部插圖,顯示膝關節鉸鏈如何運用肌肉力量
骨骼就像杠桿一樣,可以施加肌肉的力量

這個項目進展很快。但團隊中有人很有遠見,在項目初期就放慢了速度,盤點并繪制對象和關系圖。他們使用了一款基于面向對象思維的自主研發工具。只需幾次會議,我們就清晰地了解了應該向用戶呈現哪些內容、這些元素如何關聯,以及它們之間的連接結構。這為團隊凝聚力構建了框架結構。而且,這短暫的放慢帶來了意想不到的回報。

我看到了三大好處:

  1. 這種清晰的思路促成了更牢固的合作關系。項目團隊迅速就清晰的對象模型達成一致。這意味著我們正朝著同一個方向努力。我們無需浪費時間重新解讀模糊的需求或處理溝通上的錯誤。產品負責人、工程師、架構師和設計師都理解我們的設計理念以及各個組件之間的聯系。
  2. 團隊可以獨立并行運行。這種清晰的思路意味著瀑布式設計交接的終結。它增強了團隊之間、學科之間的信任,而這一切都建立在強大的共識之上。團隊可以獨立并行運行,因為他們了解保持工作和諧的總體結構。
  3. 使設計工作速度翻倍。設計師無需再浪費時間去探索用戶會看到哪些信息以及這些項目之間的關系。他們可以專注于如何呈現,而不是關注展示什么。他們的設計精力集中在如何以最佳的方式為用戶排列對象上。

雖然還有其他好處,但作為一名設計領導者,這三點對我來說至關重要。因為我們的骨架已經到位,所以創意工作(肌肉)才能發揮作用。堅實的結構提供了一個錨點,讓我們能夠充分發揮創造力的力量。設計師們行動迅速、自信,并且目標明確。最重要的是,他們與周圍的團隊能夠和諧共處。

OOUX入門

現在,您可能想知道如何才能看到同樣的結果?嗯,您的實際效果可能會因項目和文化而異。但是,根據我使用 OOUX 以及觀察我的團隊對其的依賴程度的個人經驗……我強烈推薦這套工具集。

將顯示縮放圖像
手繪的蘋果樹與陽光和草的插圖
映射對象不必過于復雜

你無需徹底改造整個流程即可從 OOUX 中獲益。請不要這么做。它只是你工具包中另一個幫助你理解設計問題的工具。

你可以從小事做起,隨著時間的推移逐漸成長:

  • 確定用戶將與之交互的核心對象。有些人將這些稱為體驗的“名詞”。它們是你在項目中必須考慮的“對象”。如果你正在構建水果體驗,其中一個對象可能是蘋果。它是一個具體的、可定義的事物。不是吃蘋果,而是蘋果本身。你可以開始問:現實世界中存在的哪些“事物”必須在數字體驗中呈現?哪些“事物”被創建和管理?這種思考將為你的下一步工作奠定堅實的基石。
  • 定義每個對象的屬性。每個“事物”(或對象)都有其定義性特質。就像蘋果有綠色、紅色或黃色等顏色一樣,蘋果也有成熟度。這些是系統中所呈現的對象的定義性特征,使每個對象獨一無二且易于區分。哪些特征定義了系統中的對象?哪些內容可以更改或不可更改?(標題、描述、顏色、狀態、日期等)。這些屬性可以快速提供構成人們與這些對象交互的細節。
  • 映射它們之間的關系。這是接下來的關鍵步驟之一。對象(或系統中的“事物”)并非孤立存在。它們與其他對象相互作用。一個蘋果與一棵樹、它裝運的板條箱以及銷售它的雜貨店的陳列品都有關系。映射這些對象之間的關系,可以讓用戶更清晰地理解它們。它們之間是否存在父子關系?一個對象是否依賴另一個對象?是否存在隱藏的對象?這些關系可以清晰地展現骨骼的排列和綁定方式。

即使是像這樣簡單的練習也能快速帶來清晰的思路。而且它們規?;潭群芨摺K鼈優榍逦乃悸诽峁┝似瘘c。雖然它們并非面向對象用戶體驗 (OOUX) 工具集的完整代表,但它們是面向對象思維的開端,您可以輕松掌握并立即開始使用。

如果您想了解更多,可以訪問OOUX.com ,了解Sophia Prater 提出的ORCA 流程。如果您想更深入地了解,可以加入OOUX 社區并參加一些官方培訓。這些工具為您提供了支持更具雄心的設計工作的結構——無需猜測。

(重要免責聲明:不管你怎么想……這里沒有附屬鏈接或回扣。我只是熱衷于分享有用的資源,以幫助設計師提高效率。)

結構是一種資產

讓我們重新審視一下人體骨骼的類比。如果沒有有序的骨骼,肌肉就無法賦予人體活動能力。我們無法舉起或移動物體。人體需要肌肉和骨骼。這些骨骼必須有序排列。每當一根骨頭斷裂,就會降低肌肉發力的能力。

將顯示縮放圖像
手繪骨骼缺失插圖:需要結構
發揮創造力需要結構

此外,人體骨骼種類繁多。股骨極其堅固。內耳骨又小又敏感。你可以依靠股骨來引導腿部肌肉的力量……但內耳骨的作用就沒那么大了。組織這些骨骼,了解它們的屬性,并安排它們之間的關系,為肌肉的有效運作提供了基礎。

設計也是如此。組織結構清晰,讓你能夠運用創造力,讓你的設計力更加有效。想想奧運會舉重運動員驚人的力量吧。這一切都歸功于健康的骨骼結構。

當項目變得模糊不清、定義不明確時,問問自己是否應該暫時放慢速度來組織起來。

如何運用設計探索的方法來理解項目目標?如何與您所在領域的團隊合作,共同完成這類地圖?

結構的剛性應該成為優勢,而不是劣勢。尤其是在用作支撐元素時。它能讓創造性思維獲得動力,而不是徒勞無功。因為即使是世界上最強大的肌肉,如果沒有支撐,也是無用的。

OOUX思維賦予了我們團隊以目標為導向的動力。每次運用它,我們都會被提醒:結構并非創造力的障礙……而是能夠最大程度發揮創造力的因素。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

日歷

鏈接

個人資料

藍藍設計的小編 http://m.skdbbs.com

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
亚洲精品国产日韩| 欧美专区在线观看| 亚洲国产精品麻豆| 93久久精品日日躁夜夜躁欧美| 欧美成人高清在线| 好吊视频一区二区三区四区| 日韩综合久久| 91免费观看在线| 欧美性受极品xxxx喷水| 国产喷白浆一区二区三区| 激情中国色综合| 精品国产91乱码一区二区三区四区| 亚洲国产欧美一区二区三区同亚洲| 欧美日韩综合在线| 久久99精品久久久久久青青91| 欧美一二三在线| h片在线观看视频免费免费| 欧美www视频| 免费欧美日韩| 久久久精品一区二区三区| 亚洲人成啪啪网站| 粉嫩av一区二区三区在线播放| 欧美日韩蜜桃| 亚洲白拍色综合图区| 日韩亚洲欧美中文在线| 日韩精品在在线一区二区中文| 欧美写真视频网站| 亚洲精品123区| 亚洲福利在线看| 亚洲狼人精品一区二区三区| 欧美三级美国一级| 亚洲天堂av资源在线观看| 欧美一卡二卡| 亚洲国产小视频| 久久综合国产精品台湾中文娱乐网| 91久久精品www人人做人人爽| 午夜精品蜜臀一区二区三区免费| 美女主播视频一区| 狠狠色丁香九九婷婷综合五月| 中文字幕一区二区视频| 四虎永久在线精品免费一区二区| 亚洲色图13p| 久久激情婷婷| 激情图片在线观看高清国产| 在线观看视频一区二区欧美日韩| 亚洲综合色在线| 日韩精品久久一区| 精品成a人在线观看| 国产精品欧美风情| 麻豆传媒视频在线观看免费| 尤物精品国产第一福利三区| av不卡免费在线观看| 国产精品美腿一区在线看| av成人激情| а√天堂在线官网| 亚洲天堂男人天堂女人天堂| gogogo免费视频观看亚洲一| 黄色国产精品| 国产日韩欧美亚洲一区| 欧美午夜精品久久久久久孕妇| 亚洲黄色小视频| 免费视频一区三区| 黄色在线看片| 亚洲国产视频网站| www.99精品| 精品精品国产毛片在线看| 日韩美女免费视频| 成人毛片免费看| 粉嫩av一区二区三区粉嫩| 国产精品久久二区| www精品美女久久久tv| 韩国主播福利视频一区二区三区| а_天堂中文在线| 综合国产视频| 美女国产一区二区| 18一19gay欧美视频网站| 中文字幕欧美日本乱码一线二线| 米奇777四色精品人人爽| 天天影视天天精品| 亚洲资源网站| 国产精品视频免费观看www| 国内免费久久久久久久久久久| 亚洲激情男女视频| 日韩亚洲欧美中文在线| 成人高清免费在线| 色中色综合影院手机版在线观看| mm1313亚洲国产精品美女| 欧美日韩精品免费在线观看视频| 久久精品国产一区二区三区免费看| 色视频一区二区| 亚洲国产高清一区| 欧美精品videosex| 国产一区视频在线观看免费| 久久日韩粉嫩一区二区三区| 亚洲成色www久久网站| 国产精品色呦| 欧美黑人巨大videos精品| 国产亚洲综合性久久久影院| 天堂√中文最新版在线| 婷婷成人激情在线网| 国产日韩精品一区二区| 欧美精品日韩一区| 精品视频1区2区3区| 欧美精品在线第一页| 久久在线视频免费观看| 中文字幕不卡在线视频极品| 亚洲国产成人精品久久久国产成人一区| 欧美精品一二区| 久久频这里精品99香蕉| 极品裸体白嫩激情啪啪国产精品| 久久影视电视剧免费网站清宫辞电视| 欧美私模裸体表演在线观看| 美日韩精品视频| 亚洲毛片网站| 99国产精品免费视频观看| 日韩黄色大片网站| 欧美xxxx黑人又粗又长| 久久亚洲国产精品成人av秋霞| 久久久电影一区二区三区| 国产自产视频一区二区三区| 狠狠入ady亚洲精品| 中文不卡在线| 欧美日本二区| 99精品国产在热久久| 91精品国产经典在线观看| 国产精品一区不卡| 三级精品在线观看| 欧美大胆在线视频| 久久综合久久综合久久综合| 国产精品一区在线观看你懂的| 欧美日韩一区二区三区四区不卡| 美女黄色成人网| 国产精品一区二区无线| 久久99精品久久久久久噜噜| 一本色道久久综合亚洲精品酒店| 天天色图综合网| 在线日韩电影| 高清一区二区三区av| 欧美日本国产一区| 91麻豆蜜桃一区二区三区| 久久久久久久久久久久久女国产乱| 成人在线视频首页| av中文字幕在线播放| 欧美日韩国产探花| 久久久久久尹人网香蕉| 黄色在线播放网站| 日日狠狠久久偷偷四色综合免费| 国产秀色在线www免费观看| 超免费在线视频| 精品视频1区2区| 国产精品一区二区在线观看| 国产精品久久麻豆| 黄色日韩网站| 久久久久综合网| 懂色aⅴ精品一区二区三区蜜月| 91久久久久久久久| 精品婷婷色一区二区三区蜜桃| 草莓福利社区在线| 欧美视频精品全部免费观看| 精品盗摄女厕tp美女嘘嘘| 91精品国产91久久久久久不卡| 亚洲自拍偷拍第一页| 欧美影院天天5g天天爽| 成人免费网站www网站高清|