<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

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

          杰睿 設計管理與成長

          告別命令,迎接意圖

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

          想象一下從膠片相機到數碼攝影的轉變——突然之間,用戶不再需要了解曝光時間或仔細定量膠卷。他們只需點擊一個按鈕,剩下的就交給設備處理了。

          人工智能正在為UI設計帶來類似的轉變,讓我們擺脫僵硬、循序漸進的流程,走向流暢、直觀的工作流程。交互的本質正在發生轉變,正如Jakob Nielsen最近在其文章中強調的那樣,這種演變需要我們全神貫注。他闡述了一個至關重要的見解:

          “有了新的人工智能系統,用戶不再告訴計算機該做什么。而是用戶告訴計算機他們想要什么結果。”

          這不僅僅是一場技術變革,更是一場哲學變革。它挑戰了長期以來關于控制、自主性和人機協作的假設。我們曾經一絲不茍地掌控著每一步,而現在,我們能夠定義意圖,并讓人工智能決定最佳的前進路徑。這種轉變的意義深遠,堪比從命令行界面圖形用戶界面的轉變,對于 UI 設計師來說,它既是機遇,也是挑戰。

          點擊、滑動、詢問:交互方式正在演變

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

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

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

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

          如果你不小心把它放在了錯誤的地方,你會立即看到結果,調整方法,然后再次拖動它,直到它落到你想要的位置。這種交互方式感覺很直觀,因為它最大限度地減少了認知投入——系統會實時響應你的操作,強化了直接參與和掌控的感覺。

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

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

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

          “最能體現直接操縱的系統都給人一種定性的感覺,即人們直接參與對對象的控制——不是通過程序,不是通過計算機,而是通過我們的目標和意圖的語義對象。”

          幾十年來,直接操控一直是設計的基本原則。然而,隨著我們向人工智能驅動的系統過渡,我們必須思考這些原則如何演變——以及它們何時會被目標導向的交互所取代。

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

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

          這種交互仍然需要一定程度的操作,因為你必須指定要擦除的對象,但不同之處在于,你是在優化請求,而不是直接修改像素。你不再需要一絲不茍地編輯每個細節,而是與系統協作,以達到預期的效果。這種轉變標志著 UI 設計的根本性變革。

          Desolda 與其他研究人員基于諾曼的“執行鴻溝”和“評估鴻溝”理論,構建了一個模型,捕捉到了這種動態。與簡單的直接操作(例如在文件夾之間拖動文件,操作需要逐步展開)不同,AI 交互需要更流暢、更迭代的過程。用戶清晰地表達他們的目標,但并非手動執行每一步,而是與系統協作,優化輸入,并在 AI 進行動態解釋、調整和響應時對其進行引導。

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

          直接操縱的持續相關性

          人工智能或許正在重塑我們與科技互動的方式,但直接操控卻不會消失。即使在基于意圖的界面時代,用戶仍然需要與人工智能系統互動,用正確的輸入引導它們,將人類的目標轉化為機器可讀的指令。設計人工智能體驗并非要取代直接操控,而是要增強它,在既有模式的基礎上疊加新的交互模型,使交互更流暢、更直觀,并最終增強其功能。

          為了設計無縫的人工智能體驗,我們需要識別并構建熟悉的模式。

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

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

          這種方法不僅限于交互模式——它也擴展到用戶體驗框架。

          例如,Evan Sunwall 提出了“Promptframes”的概念,通過將即時寫作和生成式 AI 融入設計流程,作為傳統線框圖的補充。其目標是通過在工作流程的早期階段融入 AI 驅動的內容生成,提高內容保真度并加速用戶測試。然而,這一概念建立在線框圖的基礎上,這進一步強調了理解傳統用戶體驗結構對于有效設計 AI 驅動體驗的重要性。

          最后的想法

          不需要霓虹燈“人工智能驅動”標簽;它應該無縫地融入用戶旅程,感覺就像意圖的自然延伸。

          Netflix 的推薦系統為例。它不會打斷你的體驗,提醒你它正在使用高級算法。它也不會要求你配置一堆設置。相反,它會默默地學習、適應,并為你提供建議,讓你感覺毫不費力——以至于你很少會停下來思考它背后的系統。這才是人工智能驅動的交互應該有的樣子:它不是一個需要你費力操作的功能,而是一個根據你的需求不斷改進的隱形助手。

          隨著我們邁向意圖驅動的系統,這正是設計師應該努力追求的目標。人工智能應該減少摩擦,而不是增加復雜性。它應該賦予用戶權力,而不是用不必要的選擇讓他們不知所措。最好的人工智能不是那種需要注意力的人工智能——而是那種能夠融入你最初想要完成的任務流程中的人工智能。

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

          15 個最佳現代 AI 解決方案,助力 UI/UX 設計開發

          杰睿 設計思維

          毫無疑問,人工智能極大地促進了許多領域的發展。UI/UX 設計也未能幸免,如今我們每天都能看到基于人工智能的全新工具涌現。這些工具旨在改變設計師的工作方式,使他們能夠優化工作流程并自動化重復性任務。這樣,他們就能更快、更準確地提供結果。由于人工智能接管了日常工作,設計師可以專注于最重要的事情——創造力和創新。優化工作流程并自動化重復性任務。這樣,它們可以提供更快、更準確的結果。由于人工智能接管了日常任務,設計師可以專注于最重要的事情——創造力和創新。

          人工智能對設計的影響

          AI 驅動的工具正日益成為 UI/UX 設計師不可或缺的助手。它們在從原型設計、內容創作到最終設計完善的每個流程階段提供支持。通過將 AI 集成到工作流程中,設計師可以更高效地創造更具活力和個性化的體驗,同時節省時間和精力,從而加快產品發布速度并提升競爭力。

          UI/UX設計師的最佳AI工具

          下面我們將介紹一些可以幫助您簡化工作的頂級工具。

          1. Flowmapp:一款利用人工智能設計用戶體驗架構的工具

          Flowmapp就像一個指南針,指引您穿越復雜的用戶體驗迷宮,幫助設計師創建清晰便捷的用戶路徑并生成站點地圖。借助它,您可以通過創建流程圖來設計網站和應用程序的架構,就像在精準的地圖上導航一樣。Flowmapp 的強大之處在于它與分析技術的集成,就像鷹眼一樣,能夠洞察用戶迷失的方向,并幫助他們實時優化路徑。

          Airbnb 和 Nike 等品牌都使用 Flomwapp 來設計信息架構。該工具能夠靈活地與分析工具集成,幫助團隊優化路徑,提升參與度并增加現場停留時間。

          2. Uizard:人工智能驅動的界面原型設計

          Uizard就像一根原型設計魔杖,能將您的草圖轉化為成品交互模型。它基于神經網絡構建,能夠快速將您的想法轉化為可運行的原型,就像您跳過了草稿上的那些神奇步驟一樣。Uizard 以其速度和簡潔性超越競爭對手,將設計和代碼集成在一個軟件包中,使其成為快速界面開發的必備工具。

          將顯示縮放圖像
          用戶界面

          3. ChatGPT:基于 GPT-4 的 UX 文本生成

          ChatGPT隨時準備提供完美的描述或用戶體驗文本。它基于 GPT-4 模型,能夠輕松適應您的需求,就像一位經驗豐富的編輯讀懂您的心思一樣。其優勢在于,它不僅節省時間,還能激發團隊靈感。

          將顯示縮放圖像
          GPT 3.5 和 4.0 聊天功能的區別

          4. Attention Insight:人工智能驅動的 UI 和 UX 分析

          Attention Insight就像一張 X 光片,可以掃描并預測用戶會在哪些地方停留。它利用人工智能技術,幫助您調整焦點,就像調整相機鏡頭以獲得最清晰的照片一樣。Attention Insight 的優勢在于它能夠高效精準地完成這項工作,而無需依賴耗時耗力且成本高昂的 A/B 測試。

          將顯示縮放圖像
          Attention Insight 界面

          5. Khroma:一款人工智能配色方案工具

          Khroma是一款個性化配色工具,可讓您根據自己的喜好找到完美的配色方案。它利用神經網絡學習您的偏好,并推薦能夠為您的界面增添特色的配色方案。Khroma 憑借其個性化設計擊敗了競爭對手——它推薦的配色方案是根據您的喜好量身定制的。

          將顯示縮放圖像
          赫羅馬整合

          6. 讓我們增強:優化圖像以提高用戶體驗

          Let's Enhance就像一個高清濾鏡,能將像素化的圖像轉化為清晰銳利的視覺效果。在 AI 的支持下,Let's Enhance 可自動提升分辨率、紋理和色彩細節,讓您的圖片完美契合 UI 界面。其主要優勢在于即時提升畫質,這對于需要快速優化高分辨率的大型項目來說非常實用。

          將顯示縮放圖像
          讓我們增強界面

          7. Adobe Sensei:Adobe 產品中的人工智能

          Adobe Sensei是您所有常用 Adobe 產品的強大引擎。它利用機器學習加速流程,無論是處理圖像還是分析用戶數據,都能將您的設計提升到更高的自動化水平。與其他解決方案不同,Adobe Sensei 內置于整個 Adobe Creative 套件中,讓您的工作更快速、更便捷。

          將顯示縮放圖像
          Adobe Sensei 界面

          8. DALL-E 2:基于文本的圖像生成器

          DALL-E 2是一位藝術家,他能根據口頭描述,繪制出你所能想象的一切。它基于 GPT-3 模型,創作出細節豐富、獨具匠心的圖像,仿佛你的大腦直接連接到畫布。在同類產品中,DALL-E 2 以其能夠將傳統設計工具難以表達的最抽象概念可視化的能力而脫穎而出。

          將顯示縮放圖像
          DALL-E 2接口

          9. Vance AI:用于圖像處理和增強的人工智能

          Vance AI就像一位智能助手,可以即時增強您的圖像,使其擁有專業水準。它可以提高分辨率、去除背景并校正紋理,就像經過專業攝影工作室的后期處理一樣。Vance AI 使圖像處理變得快速便捷,尤其是在處理大量數據時。

          將顯示縮放圖像
          使用 Vance AI 應用程序之前和之后的圖像對比

          10. Galileo AI:由人工智能驅動的動畫工具

          Galileo AI是您的專屬動畫師,能夠瞬間賦予任何 UI 元素生命力。它運用機器學習技術,無需手動調整每一幀即可創建流暢的動畫。Galileo AI 憑借速度和靈活性超越競爭對手,讓設計師能夠專注于創意,而非墨守成規。

          將顯示縮放圖像
          伽利略人工智能接口

          11. Flow AI:構建聊天機器人和語音界面

          Flow AI就像一位交互工程師,能夠構建對話界面和聊天機器人,讓它們像人類專家一樣回答復雜的問題。Flow AI 可以幫助您創建周到的對話場景,而無需編寫代碼。與其他同類產品不同,Flow AI 提供簡單的設置和跨平臺支持,使其成為對話系統的多功能解決方案。

          將顯示縮放圖像
          Flow AI 的實際工作原理

          12. 深度夢境生成器:人工智能驅動的超現實圖像

          這款工具將人工智能技術應用于照片和視頻,創造出獨特的圖像,將其轉化為超現實的杰作。與其他生成器不同,Deep Dream 可以讓你創造出與眾不同的抽象效果,讓你瞬間從普通的視覺效果中脫穎而出。

          將顯示縮放圖像
          使用 Deep Dream Generator 創建的圖像

          13. Stark:用戶體驗的可訪問性檢查器

          Stark會根據包容性標準檢查你的設計。AI 會分析界面,檢查對比度、字體大小和顏色組合,以確保你的產品適合所有用戶。

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

          14. 設計AI:標志和視覺概念生成

          Design AI可在幾分鐘內創建徽標和視覺概念。它可以生成品牌標識并提供現成的解決方案,為您節省時間和資源。Design AI 在速度和經濟性方面超越同行,能夠在最短時間內提供高質量的成果。

          將顯示縮放圖像
          使用 Design AI 工具創建的徽標和標識

          15. Loomly:人工智能社交媒體管理

          Loomly可以幫助你構思創意、組織和規劃內容,并推薦最佳發布時機。它會分析你的受眾參與度,并為你推薦一些必定會“火爆”的帖子。

          將顯示縮放圖像
          Loomly 應用程序

          利用人工智能改進設計

          AI 工具徹底改變了 UI/UX 設計,尤其是在提供數據驅動的洞察方面。這減少了設計師在重復性任務上花費的時間,并賦予他們更多創造力。有了 AI 處理幕后機制,設計師現在可以專注于創建創新的、以用戶為中心的界面。

          雖然人工智能極大地提升了設計流程的效率,但務必牢記,它無法取代設計師獨特的人類直覺和創造力。最佳設計成果源于人類洞察力與人工智能工具的協同作用,其中設計師在引導設計流程和利用人工智能提供支持方面發揮著不可或缺的作用。

          結論

          人工智能顛覆了游戲規則,讓設計師能夠輕松創建更優質、更以用戶為中心的界面。如果您能夠充分利用這些工具,它們將助您改進設計流程、激發創新,并提供更具吸引力和活力的數字體驗。如此一來,您就可以將人工智能的技術突破與人類的技能和直覺相結合,突破可能性的界限,打造出完美的產品,開創 UI/UX 設計的未來。

           

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

          以人為本的人工智能:用戶體驗設計師的 5 個框架

          杰睿 交互設計及用戶體驗

          以一個人為決策樹中心的插圖

          2024 年是人工智能取得重大進步的一年,這項技術以驚人的速度融入我們的職業和個人生活。

          在家里,我很享受看著我的三個小兒子以他們自己獨特的方式沉浸在人工智能世界里。他們被最新一波的人工智能玩具所吸引,尤其是我們家的新“寵物”機器人Loona。它能用近乎科幻般的對話讓他們著迷——這得益于與2024年5月發布的GPT-4o的集成。Loona激發了孩子們的好奇心,引發了他們富有想象力的人機對話,甚至引發了兄弟姐妹之間關于它如何“思考”的熱烈討論。他們的興奮提醒我們,人工智能已經在塑造下一代人與科技的關系——使其更加個性化、引人入勝,甚至更容易被理解。

          將顯示縮放圖像
          Loona機器人玩具圖片
          KEYi Tech 的 Loona 機器人 — 圖片來源:keyirobot.com

          這種驚奇感一直延續到2025年,伴隨著NVIDIA在CES上令人嘆為觀止的主題演講拉開帷幕,這場演講展示了人形機器人的進步。NVIDIA首席執行官黃仁勛的演示凸顯了他對機器人和人工智能發展現狀的著迷,以及他對未來幾年快速變革步伐的有力預測。

          對于用戶體驗設計師來說,在人工智能快速發展的時代,好奇心與奉獻精神的結合至關重要。擁抱人工智能需要我們重新思考我們的流程,理解該技術的底層系統,并確保人類價值觀和用戶需求始終是我們創作的核心。擁抱人工智能需要我們重新思考我們的流程,了解該技術的底層系統,并確保人類價值觀和用戶需求仍然是我們創造的核心。

          隨著人工智能成為數字創新的支柱,我們作為設計師的角色也在不斷演變。我們不僅要塑造界面,更要打造將以人為本的原則與全新的技術交互方式相融合的體驗。這種轉變要求我們像技術人員一樣思考,擁抱數據驅動的系統,并將用戶中心置于人工智能項目之中。

          為了引領這一轉變,領先的科技公司和大學為以人為本的人工智能提供了切實可行的戰略。在本文中,我將分享來自 IBM、谷歌、微軟和卡內基梅隆大學的用戶體驗框架,為應對人工智能技術和工具的快速發展提供洞見和資源。

          1. IBM 的 AI/人類語境模型

          IBM 的AI/人類情境模型是其AI 設計實踐的核心。該模型提供了一個結構化的框架,確保 AI 解決方案能夠與用戶無縫交互,并隨著用戶輸入而不斷演進,同時尊重并增強其運行環境。

          將顯示縮放圖像
          IBM網站截圖
          資源:IBM 的 AI 設計

          IBM 的 AI/人類情境模型旨在指導符合人類需求和價值觀的 AI 系統的開發。該模型將 AI 驅動的體驗分解為幾個關鍵考量因素,每個因素對于創建有目的性、情境感知和以人為本的解決方案都至關重要:

          1. 理解意圖:人工智能系統必須優先考慮以人為本的目標,并考慮用戶的意圖、情感和情境。意圖代表了人工智能系統的基本宗旨,涵蓋了用戶和企業的目標、愿望、需求和價值觀。它定義了解決方案背后的“原因”,并確保系統設計具有清晰的、以用戶為中心的目標。
          2. 數據與政策:這指的是從用戶和外部世界收集的原始數據,以及保護和管理其使用的政策。數據是人工智能決策的支柱,但其收集和處理必須遵守嚴格的道德和監管標準。情境是實現有效人工智能交互的關鍵。IBM 強調系統理解影響用戶行為的情境和環境因素的重要性。例如,位置、時間或任務緊急程度等情境數據可以幫助人工智能提供更個性化、更相關的建議。
          3. 機器理解、推理、知識和表達:這指的是人工智能系統在其領域范圍內解釋結構化和非結構化數據的能力,應用邏輯分析數據并決定最佳行動方案的能力,確保知識庫通過新見解動態更新的能力,以及以符合用戶環境和期望的方式傳達其響應的能力。
          4. 人類反應與系統改進循環:這強調人工智能系統必須被設計為與人類協同工作,而不僅僅是為人類服務,從而確保自動化與人類自主性之間的平衡。用戶反應反映了用戶對人工智能系統表達的真實反饋——無論是顯式的還是隱式的。學習強調系統如何基于用戶交互和反饋不斷改進,使其能夠隨著時間的推移不斷發展并更好地服務于其目標。
          5. 評估結果:這強調結果衡量人工智能系統對現實世界的影響,代表它如何有效地滿足用戶需求并有效且合乎道德地解決問題。

          2. Google 的可解釋性評估標準

          Google 的可解釋性評估標準 (Explainability Rubric)提供了一個清晰的框架,用于創建透明、公平且以用戶為中心的 AI 系統,并重點強調了 22 條需要與用戶分享的關鍵信息。隨著 AI 不斷影響我們的工作方式、與企業的互動方式,甚至成為我們表達自我的工具,確保用戶能夠理解并信任這些系統至關重要。

          將顯示縮放圖像
          谷歌網站截圖
          資源:Google 的可解釋性評估標準

          該評分標準分為三個信息級別:一般級別、特征級別決策級別。

          1. 總體層面:概述您的產品或服務的運作方式,包括人工智能的作用。解釋使用人工智能的主要目的和優勢、商業模式以及人工智能如何促進價值創造。重點介紹為確保安全、公平和透明而采取的措施,包括與社區互動、解決偏見問題以及分享績效信息。
          2. 功能層面:詳細說明具體的 AI 功能,包括其運作方式、AI 的激活時間以及用戶控制選項。解釋系統限制、人工參與和個性化選項。提供有關所用數據的信息,包括訓練數據、外部輸入以及用戶數據的處理和利用方式。
          3. 決策層:闡明具體的人工智能決策是如何制定的,系統對其輸出的可信度,以及如何識別錯誤或低質量結果。決策完成后,應提供用戶反饋渠道,允許提出異議,并清晰地告知用戶錯誤和修復措施。

          3.微軟的人機交互體驗(HAX)工具包

          微軟的HAX 工具包是一個綜合框架,專為開發面向用戶的 AI 產品團隊而設計。它有助于概念化 AI 系統的功能和行為方式,使其成為設計早期階段的實用工具。

          將顯示縮放圖像
          微軟網站截圖
          資源:微軟的 HAX 工具包

          HAX 工具包功能多樣,允許團隊根據自身獨特的需求、用例、產品類別和目標,混合搭配其設計工具。HAX 工具包的關鍵組件包括:

          1. 人機交互指南:這些是設計用戶交互過程中 AI 行為的最佳實踐。它們指導 AI 產品規劃,以確保直觀有效的體驗。
          2. HAX 設計庫:一個資源中心,通過可操作的設計模式和真實世界的例子來解釋人機交互指南。
          3. HAX 工作簿:一種協作工具,供團隊確定優先實施哪些指南,促進有重點且高效的設計討論。
          4. HAX 劇本:該劇本專為自然語言處理 (NLP) 應用程序量身定制,可識別常見的人機交互故障并提供緩解這些故障的策略。

          4. HCI Institute 的 AI 頭腦風暴工具包

          AI 頭腦風暴工具包由卡內基梅隆大學人機交互 (HCI) 研究所的研究人員創建,旨在提煉 AI 能力,幫助團隊探索如何利用 AI 構建應用。創新的停滯往往并非源于技術,而是因為團隊選擇了錯誤的項目。AI 頭腦風暴工具包解決了這個問題,提供了一種結構化的方法來設計既技術可行又以用戶為中心的 AI 驅動解決方案。

          將顯示縮放圖像
          HCI Institute 工具包截圖
          資源:HCI Institute 的 AI 頭腦風暴工具包

          該套件的結構化方法降低了開發不相關或不必要的AI解決方案的風險。通過關注AI的功能和用戶的需求,該套件使團隊能夠進行周到而有效的創新。該套件將AI功能分為不同的功能,例如:

          • 檢測模式(例如識別圖像中的人臉)
          • 預測趨勢(例如預測股票價格)
          • 生成內容(例如創建合成圖像或文本)
          • 自動化操作(例如跨不同應用程序執行工作流程)

          它概述了 40 個涵蓋醫療保健、教育和交通等不同領域的真實 AI 產品示例。該工具包還包含創意提示、影響力-投入矩陣和績效-專業知識網格等工具,可指導用戶選擇具有高影響力且可行的創意。要使用該工具包,首先要查看 AI 功能和示例,以激發您的團隊靈感。然后,進行結構化的頭腦風暴會議,探索機會、完善概念并評估潛在解決方案。該資源非常適合研討會、組織戰略會議和創新實驗室,確保團隊設計出具有影響力且以用戶為中心的 AI 產品。

          5. Google 的 People + AI 指南

          《People + AI 指南》由 Google 的多學科團隊People + AI Research (PAIR) 創建,提供了方法、最佳實踐、案例研究和設計模式的全面資源,旨在幫助設計師、開發人員和產品團隊創建有影響力的 AI 驅動解決方案。

          將顯示縮放圖像
          谷歌網站截圖
          資源:Google 的 People + AI 指南

          該指南介紹了 20 多種設計模式,為 AI 產品設計提供了實用且以行動為導向的指導。這些模式專注于解決產品開發過程中的關鍵挑戰,并圍繞常見問題進行組織,以幫助團隊找到相關的見解。

          • 以人為本的人工智能入門:
            包括確定人工智能是否增加價值、設定明確的用戶期望以及有效解釋產品優勢的指導。
          • 在產品中使用人工智能:
            強調充分利用人工智能,平衡自動化與用戶控制,并管理精度和召回率的權衡。
          • 引導用戶熟悉 AI 功能:
            涵蓋熟悉度、確保探索安全以及對新功能提供清晰的解釋。
          • 向用戶解釋人工智能:
            專注于解釋人工智能能力以便理解,適當地展示模型信心,并在直接用例之外提供更深入的背景解釋。
          • 負責任的數據集構建:
            重點介紹諸如涉及領域專家、為數據標簽者設計、維護數據集以及接受現實世界數據的混亂等實踐。
          • 建立和校準信任:
            指導團隊透明地設置隱私、錯誤責任以及實現用戶反饋和監督。
          • 平衡用戶控制和自動化:
            提供有關逐步實現自動化、在需要時將控制權交還給用戶以及確保自動化安全的建議。
          • 故障期間為用戶提供支持:
            鼓勵規劃錯誤解決并確保用戶在 AI 系統發生故障時能夠繼續前進。

          這五個框架為設計能夠自然融入我們日常生活的人工智能奠定了基礎——無論是好玩的、會對話的機器人玩具,還是讓我們保持井然有序、高效的應用程序。作為用戶體驗設計師,以人為本的框架來處理人工智能意味著要在新技術能力與責任之間取得平衡,審視人工智能是否已準備好并適用于每個用例,并構建具有用戶反饋循環的系統以推動持續改進。

           

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

          用戶體驗設計人工智能

          杰睿 行業趨勢

          Google NotebookLM 的抽象圖形截圖,展示了源加載、學習指南、音頻轉錄和源驗證等功能。方框以深色背景上明亮的顏色展示了交互式工具。

          一個人工智能已經融入了用戶體驗/用戶界面設計師的日常生活。但我們究竟在使用哪些工具?它們對我們有多大幫助?最重要的是:作為人類,我們還能做什么?
          本文將通過具體的案例研究,進行清晰且最新的分析。

          工作 50% 的時間(并獲得更多)。

          人工智能工具正在改變我們作為用戶體驗/用戶界面設計師的職業。這不僅關乎速度,更關乎流程的質量。過去需要一整天才能完成的任務,現在只需幾小時就能解決。以下是一些例子:

          • 發現(訪談、用戶和競爭對手研究):2-3 天到半天
          • 線框和初始布局:4-5 天到 2-3 天
          • 復制、圖像和原型: 2天到1天
          • 交接和開發手冊: 2天到半天

          借助有針對性的工具,我們可以通過專注于思考、愿景和驗證來減少 50% 以上的運營工作。

          將顯示縮放圖像
          NotebookLM 徽標

          NotebookLM是 Google 推出的一款免費 AI 工具,可以分析和合成各種類型的字體:PDF、鏈接、文檔、音頻和視頻。加載的來源越多,輸出效果就越好。您可以向它詢問痛點、鏈接來源之間的模式,以及生成摘要或表格。

          局限性:不太適合生成創意內容,如文案、視覺效果和創意生成,需要結構化輸入,如果沒有來源,它就無法發揮其 100% 的潛力,它只能解釋所提供的數據,而不會創造出新的東西。

          案例研究:“EVENTFINDER”——城市免費活動應用程序為
          想要發現其所在城市免費活動和場地的用戶創建網絡應用程序(桌面和移動)的初稿。

          在 NotebookLM 上上傳的內容:

          2 篇關于免費疫情后活動趨勢的文章
          1 個包含用戶訪談的 PDF 文件(或一份虛擬文檔)
          關于 Eventbrite、Meetup、Facebook Events 等競爭對手的說明

          提示使用示例:

          從上傳的訪談中總結出重復的用戶需求

          通過分析這三個競爭對手,可以得出哪些基本功能?請用表格總結一下。

          尋找和參與免費本地活動時可能出現的痛點

          將顯示縮放圖像
          Google NotebookLM 的屏幕截圖,其中顯示了用戶搜索免費活動時根據需求生成的回復。左側是選定的 PDF 源,中間是包含答案的聊天內容,右側是學習工具。
          將顯示縮放圖像
          Google NotebookLM 屏幕顯示了根據提示生成的概念圖
          將顯示縮放圖像
          ChatGPT 徽標

          ChatGPT就像一個靈活的助手:它可以解釋用戶流程、生成微文案、定義站點地圖、提供基準和策略。需要注意的是,它必須經過訓練,并且查詢越詳細,結果就越好。

          局限性:如果問題缺乏背景,答案將是通用的,它可以編造看似合理的信息,不適合復雜的結構化輸出。

          案例研究:“EVENTFINDER”——城市免費活動應用程序
          使用 GPT 將 NotebookLM 上收集的數據轉化為具體的用戶體驗。

          提示使用示例:

          擔任用戶體驗設計,特別是信息架構方面的專家。

          目標:
          為健康網絡應用程序定義兩種替代信息架構方案。

          輸入:
          分析我將以鏈接或 PDF 形式提供的內容。識別重復需求、所需功能、典型流程和基本信息。同時,還要考慮行業趨勢和健康應用中的已知模式。

          輸出要求:
          制定兩份完整且獨特的信息架構方案,包括:
          1.1 頁面地圖(站點地圖),包含層級結構和各部分之間的關系。1.2
          每個頁面或部分提供的主要功能。1.3
          每個頁面預期包含的內容和信息數據。1.4
          主要流程描述(例如注冊、用戶數據收集等)。1.5
          每份方案的設計原理(適用原因、采用的模式等)。

          簡要比較這兩個提案,突出其優點和不同之處。

          限制:
          應用程序必須響應迅速。體驗基調必須令人安心、個性化且以健康為導向。只有當外部數據來源與我提供的數據一致時,您才能依賴它們。

          等我把材料發給你之后你再開始加工。

          將顯示縮放圖像
          ChatGPT 屏幕截圖,其中包含根據提示和 NotebookLM 的數據生成的響應
          將顯示縮放圖像
          Figma 制作徽標

          Figma Make 集成于 Figma 中,它可以根據文本提示、來自您的設計系統或可附加的參考資料創建 UI。您可以使用它來創建包含簡單或復雜提示的快速草稿。目前,它僅集成在 Figma 的付費計劃中。此外,您還可以使用Google 的開源工具Stitch。

          局限性:響應式并不總是有效,因此需要手動干預來調整布局,它不能保證元素定位或大小的絕對精確,它更喜歡現代的“外觀和感覺”,但通常不考慮可訪問性、層次結構或可供性的原則。

          案例研究:“EVENTFINDER”——城市免費活動應用程序
          根據研究和分析獲得的數據,使用提示創建第一個視覺草稿。

          提示使用示例:

          為名為“EventFinder”的網絡應用創建桌面主頁,幫助用戶查找城市中的免費活動。風格現代、簡潔、易用。必須包含:搜索欄、推薦活動、按地點和日期篩選的篩選條件。

          生成一個移動屏幕以顯示事件詳情:圖像、名稱、位置、地圖、“添加到日歷”按鈕

          為“用戶資料”頁面提出兩種布局方案,其中包含已保存的事件和通知設置

          將顯示縮放圖像
          EventFinder 桌面主頁在 Figma 上的樣機,包含中央搜索欄、高級篩選器以及包含活動地圖和推薦部分的雙列布局?,F代設計,易于訪問,并針對桌面應用進行了優化。
          將顯示縮放圖像
          上面繪制的相同模型用代碼行翻譯
           

          《交互設計小白如何從“流程圖思維”入門?一套拆解任務流程的實用方法》

          杰睿 設計管理與成長

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

           流程圖是什么,不是畫圖,是表達“用戶怎么一步步完成目標”

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

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

          為了讓新手更容易掌握,我們可以把一個用戶流程拆成以下三段:
          階段 說明 關鍵點
          觸發 Trigger 用戶產生動機/看到入口 任務從哪里開始?入口清晰嗎?
          執行 Action 用戶一步步完成操作 步驟順暢嗎?邏輯連貫嗎?
          反饋 Feedback 系統響應結果 是否完成目標?有沒有確認提示?
           這三段不是理論,而是你畫流程、寫文檔時必須考慮的三個設計面。

          初學者常犯的誤區:關注“頁面”,而忽略“操作過程”

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

           拆解一個真實任務流示例:「預約會議室」

          我們以一個企業內部系統中的真實任務流為例:
           用戶目標:預約明天下午的會議室開會

           用戶流程拆解:

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

          這張流程圖體現的設計思考包括:

          • 步驟是否有明確反饋?
          • 用戶是否容易出錯?
          • 系統是否能預防沖突時間段?
          • 可編輯、取消嗎?流程中斷如何處理?

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

          很多人以為流程圖就必須要“畫”,但對于剛入門的同學,用文字寫出一張流程清單,已經很強了!

          操作方法:

          以“注冊賬號”為例,試著這樣寫清楚流程:
          markdown
          復制編輯
          【用戶目標】注冊一個新賬號 【觸發入口】 - 打開App → 點擊“注冊” 【執行過程】 1. 輸入手機號 2. 獲取驗證碼 → 系統發送 3. 輸入驗證碼 → 系統校驗 4. 設置密碼 5. 勾選用戶協議 → 點擊“注冊” 【反饋結果】 - 注冊成功 → 跳轉至首頁 - 如果失敗 → 顯示具體錯誤(如驗證碼錯誤)
          這個結構比直接畫個框圖更清晰、更全面,還方便和開發、產品對齊邏輯。

          總結一套「新手流程圖五步法」

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

          新手流程圖五步法:

          步驟 問題提示 示例
          1. 明確用戶目標 他要完成什么任務? 預約會議室、提交訂單等
          2. 確定起點入口 他從哪開始這件事? 首頁、菜單欄、按鈕
          3. 列出關鍵步驟 他必須做哪些操作? 選擇、輸入、確認等
          4. 標記系統反饋 系統會給出什么回應? 成功提示、錯誤校驗等
          5. 考慮中斷/異常 用戶會在哪些地方卡?。?/td> 驗證失敗、網絡斷開等
          有時候不需要一次做得很完美,先寫出主流程,再補充邊界情況,也很棒。
           
          推薦你這樣開始練習:
          選擇一個你熟悉的 App,如微信、小紅書、餓了么
          模擬一個真實任務,如“下單”、“發評論”、“修改資料”
          用上面五步法寫出完整流程清單,別畫圖也行!
           
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          界面設計:Web3場景下,大屏設計中的用戶體驗要點解析

          杰睿 設計思維

          73e3b0a4-2ff5-4175-beb1-2d4510ce87bc.png

          d65a7188-3597-4010-9533-c1bb1e02b796.png

          在傳統互聯網產品中,數據看板和儀表盤是常見的管理工具。而隨著 Web3 技術的發展,鏈上行為、資產狀態、合約執行等信息變得越來越復雜,如何可視化地理解這些動態數據,成為產品設計中的新挑戰。
          在這一背景下,數據大屏逐漸成為 Web3 項目方、平臺運營方、審計安全機構等角色的重要信息樞紐。但在實際設計過程中,許多大屏項目容易陷入“炫酷外觀”而忽略了核心交互體驗。
          本文將從交互設計的角度,探討 Web3 場景下的大屏設計應關注哪些用戶體驗要點,避免“看上去很厲害,卻沒人真正在用”的設計誤區。

          一、Web3應用為何需要大屏?

          Web3 應用天然擁有強數據屬性:去中心化交易、流動性池、區塊鏈瀏覽器、智能合約調用……背后都對應著高頻、高維度、鏈上鏈下混合的數據系統。
          大屏在 Web3 中的主要使用場景包括:
          鏈上運營監控:例如 DEX 交易量、TVL 變化、用戶活躍趨勢
          安全審計看板:異常交易預警、地址聚集行為識別
          鏈級數據展示:Gas 消耗趨勢、區塊出塊速度、礦工分布等
          多鏈資產管理:跨鏈橋資產流通圖、跨鏈交易流向展示
          這些場景中的共通點是:數據變化快、維度多、使用者需要“實時看清”并“快速判斷”。這也是大屏發揮價值的關鍵。

          二、Web3大屏設計的5個核心用戶體驗要點

          1. 可讀性優先于炫酷感
          Web3 的數據普遍較為抽象,如交易哈希、錢包地址、Gas 費用、TVL等,對非專業用戶甚至部分運營者而言并不直觀。
          在這種背景下,大屏首要設計目標是讓用戶“看得懂”,而不是制造視覺噱頭。
          設計建議包括:
          使用足夠大的字號和清晰的字體(避免細線體在大屏上模糊)
          色彩控制在 2~3 個主色 + 層級灰色,避免過多亮色干擾焦點
          圖表需具備必要的坐標軸、單位標注、異常標記,不應純粹裝飾化
          簡潔比花哨更重要,清晰比動效更關鍵。

          1. 實時感知與狀態提示
          Web3 的鏈上數據具有強實時性,許多核心指標在數分鐘內可能出現劇烈波動。因此,大屏必須能體現“當前狀態”以及“更新節奏”。
          建議包括:
          明確標出“數據更新時間”,讓用戶知道當前信息的時效性
          對關鍵變化支持動效強調,如箭頭上揚/下降、數值閃動提醒等
          異常狀態顏色需與正常狀態明確區分(避免“全綠”或“全藍”)
          此外,設計中應盡量避免讓用戶懷疑數據是否卡住了,這會極大削弱其對大屏的信任度。

          1. 異??筛兄С诸A警反應
          大屏不只是展示,更應該幫助用戶“識別風險”或“發現機會”。
          在 Web3 應用中,這種“感知”尤為重要,比如:
          某地址在短時間內發生大量交易 → 潛在惡意行為
          某資產流動性短時間驟降 → 潛在清算風險
          合約調用量瞬時異常上升 → 可能被攻擊或刷單
          設計中可引入以下機制:
          顏色警示(如紅、橙色信號)
          簡潔文案說明(如“交易量驟增 300%”)
          可展開詳情但不跳轉頁面,降低閱讀負擔
          將這些機制融入 UI 組件,可以極大提升大屏的實用性。

          1. 信息層次清晰、模塊布局可讀
          由于大屏往往信息密集,如何組織信息成為交互設計的核心難點。
          推薦的分層方式:
          第一層:核心概覽指標(如總交易量、活躍地址、Gas趨勢)
          第二層:分區域信息塊(如按鏈分類,或按用戶/合約分類)
          第三層:詳細趨勢圖/交易列表等可拓展內容
          使用模塊化的卡片布局、留白區分信息塊,可以幫助用戶在幾秒內抓住重點,避免“眼花繚亂”的閱讀體驗。

          1. 可維護、可擴展、可適配
          Web3 數據結構在不斷演變:新增協議、新增鏈、新增地址標簽……這就要求大屏具備良好的可維護性。
          設計策略包括:
          所有數據組件可復用,如“標準圖表組件”、“警示模塊”、“K線區塊”
          UI 布局具備適應不同分辨率的彈性(如1080p/4K/LED拼接屏)
          盡量使用“數據結構驅動的渲染邏輯”,而非固定死圖布局
          在設計前期明確這些要求,可以大幅降低后期重構成本。

           
          Web3的大屏設計,不是為了炫技、也不是為了迎合形式,而是為了幫助人們在復雜數據中看清趨勢、發現問題、做出反應。
          它的真正價值在于:
          降低理解門檻
          提升監控效率
          提供可視化決策支持
           
           
          在這個數據密集、變化迅速的領域,交互設計師的任務,就是為用戶建立起這座“可感知的橋梁”。
           
          如果你正在設計或評估一塊 Web3 場景下的大屏,不妨從以上幾點出發,重新審視它是否真正服務了使用者的體驗,而不僅僅是滿足了展示的需求。
          如果你有正在推進的 Web3 數據大屏項目,歡迎留言交流你的設計思路與挑戰,我也會持續更新關于 Web 應用與交互設計的專業觀察。
           
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          從實習生到高級產品設計師。職業階梯不會告訴你不同職業層級之間的差異

          杰睿 設計管理與成長

          成熟的組織會使用職業階梯來評估員工是否超出工作預期并做好晉升的準備。這些階梯通常涵蓋多個技能領域,能夠精準地指示員工是否接近晉升,或者是否應該專注于提升某些領域。

          去年第 12 集中,我介紹了設計師職業階梯的基礎知識。

          雖然職業階梯能夠很好地展現各個層級之間的差異,這對于職業生涯剛剛起步的設計師來說非常有幫助,但它并不能涵蓋我們工作的方方面面。職業階梯并不能解釋設計的定義在每個層級是如何演變的,設計工具與其他活動所占時間的比例是如何變化的,也無法解釋每個層級的一對一會面有何不同。

          在本文中,我將從不同尋常的角度來審視設計師的職業層級。我將探討大多數職業階梯圖中未涵蓋的各個層級之間的一些真正差異。為了使比較更具條理,我將我的思考分為七個主要方面:

          • 戰略思維
          • 雇傭
          •  設計的定義
          • 設計過程
          • 項目的范圍和模糊性
          •  工具
          • 一對一會議

           戰略思維

          低級別設計師與戰略幾乎沒有共同點,這應該不足為奇。對于實習生、初級設計師,甚至中級產品設計師來說, “戰略”這個詞可能有點令人畏懼或神秘。戰略是否真的在某個設計師無法進入的秘密房間里進行?

          一點也不。

          戰略只是提前規劃而已。

          制定計劃而不只是做出反應。

          對于設計師來說,戰略思維可能意味著在季度規劃期間更多地參與制定 OKR,通過設計思維或設計沖刺等設計方法推動新舉措的創新,并在設計過程的不同階段提出更好的問題,以更好地了解用戶、利益相關者和同行,從而提供帶來積極變化的東西。

          《用戶體驗生存指南》的 Miranda Slayter最近發表了一篇關于設計師如何開始戰略思維的精彩短文:成為更具戰略性的設計師的第一步

          現在讓我們來看看職業階梯的每個層級是什么樣的:

          將顯示縮放圖像
          戰術戰略范圍代表了設計師整個職業生涯中設計戰略方法的演變。

          實習生

          作為一名實習產品設計師,你很可能會被告知需要做什么,而且內容可能比較詳細,但通常足以讓你理解原因,無需深入探討,也不會讓你感到不知所措。因此,你的工作方式幾乎完全基于策略,在這個級別上這完全沒問題。

          青少年

          作為初級產品設計師,你仍然主要專注于執行產品經理或更資深的設計師交辦的任務。策略設計目前還不在你的考慮范圍之內,你應該更專注于提升其他領域,例如用戶研究、視覺設計、交互設計和協作。

          中級

          作為一名中級產品設計師,你開始進行戰略性思考,并盡早提出問題。我們為什么要這樣做?這是解決客戶痛點的最佳方法嗎?這與我們作為一個組織正在努力實現的宏偉目標如何契合?現在是時候進行思維轉換了,不要再對“戰略”這個詞感到恐慌,開始更多地參與優先級討論。

          高級

          作為一名高級產品設計師,你被期望成為產品經理、技術主管和其他產品團隊成員的戰略合作伙伴。你需要從不同的角度審視問題,并從全局視角來判斷什么是最重要的。你需要思考你的決策如何影響組織的長期發展。為塑造這一長期發展格局做出貢獻,這種責任感正越來越頻繁地出現在你的日程表上。

          雇傭

          隨著你的成長,你的工作圈子也在不斷變化。因為當你成為中級設計師時,你的角色會發生改變,你開始做的事情與實習生或初級設計師時略有不同。因此,為了做好你的工作,你最終不得不與組織中截然不同的一群同事交流。

          最顯著的變化發生在個人貢獻者晉升為經理之后。從這一刻起,他們應該花更多時間與利益相關者和高管團隊成員相處,而不是與直接下屬相處。如果你渴望在未來達到這一級別,請記住這一點。

          不過,本文我將僅關注 IC 角色。讓我們來探討一下實習生、初級、中級和高級設計師之間的互動是如何演變的。

          將顯示縮放圖像
          參與度圖表展示了設計師如何與職業生涯不同階段的同行互動。

          實習生

          作為一名實習設計師,你應該至少有一位工作伙伴:你的伙伴,通常是更資深的設計師,幫助你解決這份工作的各個方面。此外,你還處于與工程師和產品團隊成員進行跨職能合作的階段。

          青少年

          作為一名初級設計師,你能夠自信地與工程師和產品經理討論你的任務、想法和成果。你可以與產品的最終用戶溝通,或借鑒其他團隊(例如用戶研究團隊、客戶支持團隊或商務團隊)收集的洞見。你仍然與一位(或多位)資深設計師保持著良好的關系,并從他們身上學習最多。

          中級

          作為一名中級設計師,你仍然需要與團隊中的工程師和產品經理密切合作。如果你的產品依賴于組織生態系統中的其他環節,你可能偶爾需要與其他產品團隊的工程師溝通。隨著你越來越多地參與制定戰略并產生業務影響,你開始與業務利益相關者互動。你對規劃用戶研究活動和與用戶溝通充滿信心。

           高級

          作為一名高級設計師,你是跨職能協作的大師。你與來自各個部門的人員合作,從工程部門到銷售部門,再到高管。你經常扮演偵探的角色,在組織內外各個地方尋找完成任務所需的信息。你在與利益相關者討論戰略時充滿自信。當然,你仍然與產品團隊成員保持著密切的合作。此外,作為一名經驗豐富的同事,你可能會成為實習生或初級設計師的導師,與他們分享你寶貴的知識。最終,你會變得非常橫向發展。

          設計的定義

          對于我們大多數人來說,開啟產品設計師職業生涯的動機大致可以概括為以下幾個方面。要么是我們希望通過設計讓世界變得更美好,要么是我們在童年時期就擁有藝術細胞(但還不足以成為真正的視覺藝術家),要么是我們希望成為數字領域的創客,但并不一定精通編程。

          無論你的動機是什么,只要你在這個行業待得夠久,你就會注意到,你對產品設計師的角色以及整個設計行業的看法都在發生變化。設計的定義也是如此。

          將顯示縮放圖像
          設計師的職業生涯中,關注點不斷演變,并決定了設計的定義。起初,設計師主要關注視覺方面,但隨著他們的成長,他們開始注意到策略、解決業務問題和推動創新的重要性。

          實習生

          作為一名實習設計師,你的大部分時間都會花在 Figma 等設計工具上。你會被告知需要做什么,并且(希望)你能按照說明創建模型、線框圖、圖表和原型,供你的工程團隊用來構建功能。

          您對設計的定義很可能非常接近:

          設計決定了它的外觀,并為工程團隊為我們的用戶構建功能提供了有用的指導。

           青少年

          作為一名初級設計師,你仍然會把大部分時間花在設計工具上,與組件搏斗,努力將它們以最易用、最美觀的方式布局,然后再交給工程團隊。然而,你開始質疑自己的任務,并與用戶溝通。你越來越多地思考你和你的團隊為什么要開發這些產品。你也開始思考你的決策會如何影響用戶的生活。

          您對設計的定義有點接近:

          設計是一種工具,通過美觀、優雅的面向客戶的界面實現良好的用戶體驗。

          中級

          作為一名積累了一定經驗的中級設計師,你開始意識到自己并非受雇于 Figma,僅僅是為了畫一些漂亮的矩形。你加入組織不僅是為了解決用戶的痛點,也是為了探索如何讓組織從設計中獲益。隨著你逐漸在戰術戰略層面上邁向戰略層面,你就能展現出對業務的深遠影響。

          您對設計的定義現在非常接近:

          設計以優雅且實用的方式結合了業務、用戶和工程的利益。

          高級

          作為一名經驗豐富、經驗豐富的高級設計師,你只需花費一小部分時間在 Figma 中移動矩形。你的大部分工作是探索客戶需求和業務問題,并找出其根本原因。此外,你還需要戰略性地思考哪些問題值得立即解決,以及如何以最大程度地發揮組織潛力的方式解決這些問題。在某些組織中,你可能負責推動創新,并與產品經理合作探索新產品和新服務的機遇。

          你清楚地知道自己為什么被錄用,這也決定了你對設計的定義,很可能接近于:

          設計是解決業務問題和推動創新的戰略組成部分,同時要牢記用戶的利益。

          設計過程

          “你的設計流程是怎樣的?”這類問題在設計崗位的面試中經常被問到。根據職位的資歷和面試官的經驗,答案會有所不同。經驗不足的設計師往往會嚴格遵循他們在設計大學課程或訓練營中學到的流程。經驗豐富的設計師嘗試過之后,就會知道事情并非那么簡單。

          實習生

          作為一名實習產品設計師,你被教導要做的首要任務是盡可能多地了解用戶的痛點。你需要識別用戶畫像,在同理心地圖上描繪他們的感受和想法,并開始思考潛在的解決方案。你需要寫下一些用戶故事,創建一個最小可行產品 (MVP),設計一個漂亮的原型,并為基于任務的可用性研究準備一個場景,以驗證你的解決方案的可行性和可用性。

          從紙面上看,這似乎很棒,但有一個問題,你很快就會(但愿不會)以艱難的方式學到它。

          青少年

          作為一名初級產品設計師,你開始明白,你接到的每個項目都略有不同,有時沒必要把以前學到的理想設計流程的每個步驟都照搬過來。由于你經驗尚淺,獨立工作能力也相對較低,所以你負責的項目并不一定很復雜,很多決定都必須咨詢你的資深伙伴。

          此外,您經常過快地進入解決方案領域,而沒有花足夠的時間去了解潛在的問題、客戶需求和用戶的痛點。

          中級

          作為一名中級產品設計師,你越來越適應獨自處理復雜度更高的項目。你已經意識到設計流程需要相當靈活,并根據每個項目進行個性化調整。你越來越擅長同時處理調研、寫作、跨職能協作以及多個項目的像素工作。

          你花在解決問題上的時間越來越少,而是先做各種練習來了解問題。

          高級

          作為一名高級產品設計師,你可以輕松地同時處理多個項目。你深知,理想的設計流程在紙面上看起來很棒,但在現實生活中卻行不通。它被發明出來只是為了教導新設計師嗎?也許吧。如果是,那它肯定有問題,而且很遺憾沒有人告訴他們,一旦入職,設計流程將會大不相同。但你已經度過了這個難關,并且意識到,你花在理解問題上的時間越多,成功完成項目的機會就越大。

          所以,你經常扮演偵探的角色,追蹤利益相關者、用戶、客戶、工程師和客戶成功代表,以了解全局并做好你的工作。然后,或者在此期間,你會寫下這個問題,試圖將其分解并提煉其核心。你會邀請非設計師與你一起進行創意構思。之后,你會使用你最喜歡的設計或 Vibe 編碼工具來創建原型,稍后再與你的客戶和用戶進行驗證。交接過程是隱形的,但你已經從本文中了解到了這一點。

          項目的范圍和模糊性

          我在之前的一篇文章中討論過這個領域的一些內容,主要關注為什么在晉升決策中,工作經驗的年限并不重要。

          項目的范圍和模糊性程度與設計師的經驗及其獨立性高度相關。經驗不足的設計師更有可能被分配到范圍較小、模糊性較低的項目,因為他們尚未準備好獨立做出重要決策,在類似項目上工作的時間也不夠長,并且仍在學習如何提出正確的問題。

          將顯示縮放圖像
          實習生和初級設計師位于“低模糊性,小范圍”象限,而中級和高級設計師則位于“大范圍,高模糊性”象限。高級設計師能夠處理高度復雜且不明確的項目,而實習生則從簡單明確的任務開始。

          實習生

          作為一名實習產品設計師,你被分配到的項目模糊性較低,范圍也相對較小。原因很簡單。這些只是你在這個職位上的初步嘗試,你仍在學習這門手藝。你不知道在哪里尋找答案,也不知道如何提出好的問題來找到答案。因此,你需要資深同事的悉心指導才能完成你的任務。

          青少年

          作為一名初級產品設計師,你現在邁出了更加自信的步伐,但你仍然像個蹣跚學步的孩子。范圍和模糊性與上一個級別大致相同。也許范圍在規模上會更大一些,但就產品經理提出的需求而言,這些需求相當明確,沒有太多需要探索的地方。不過,你可以開始協助你的產品經理和更資深的同事進行一些產品探索活動。

          中級

          作為一名中級設計師,你開始更加獨立地工作,并且在沒有太多指導的情況下做出重要的決策。你被分配的項目越來越復雜,也越來越不明確。你需要進行大量的研究和探索練習,才能找到完成項目的答案,而這些項目的規模也更大,持續時間也更長。

          高級

          作為一名高級產品設計師,您能夠輕松地做出重要的設計決策。您負責的項目往往涉及范圍廣泛,且非常模糊。如果您負責產品的很大一部分、整個產品,甚至多個小型產品,這并不奇怪。

          向利益相關者和組織內的其他成員尋求答案是你的生計所在。你經常扮演偵探的角色,并且非常擅長串聯各種線索。有時你需要處理的只是一些零散的信息,但你經驗豐富,并且擁有強大的自主權,能夠充分利用這些信息。

          你是產品經理和技術主管的戰略合作伙伴,你們共同推動產品發現。有人會說,你在尋找答案方面比其他人高出一籌,因為你正在負責的項目甚至還沒有被發現。而你和產品三人組中剩下的兩個人,就是為了發現這些機會。

          工具

          過去幾年,我觀察到設計師中存在一種令人擔憂的趨勢,他們過于注重工具。我并非唯一一個。設計師兼作家 Artiom Dashinsky 創造了“Figmaism”一詞,指的是我們行業中過于關注工具和設計的視覺層面的討論,導致我們對自身角色可能產生的影響理解膚淺。

          大約一年前,在一次采訪中,我問了來自

          用戶體驗生存指南

          她對這一趨勢有何看法?她非常準確地指出,經驗越少的設計師,就越傾向于沉迷于工具和作品的視覺效果。

          雖然工具對我們的工作至關重要,但它們并非永恒不變。什么是永恒不變的?是我們的技能,例如解決問題、協調、同理心,以及從無到有創造出有意義的事物。

          將顯示縮放圖像
          工具圖表說明了隨著經驗的增加,對設計工具的迷戀如何降低。

          實習生

          作為一名實習產品設計師,你大約 90% 到 95% 的時間都花在 Figma 上。它并非你真正喜歡的工具,而是一款近年來占據市場主導地位的標準應用。你對產品設計的興趣是從 Figma 開始的嗎?很有可能。剩下的 5% 到 10% 的時間則花在文檔編輯器上,你會在深入研究解決方案之前嘗試分解問題,而這很可能是你仍在學習的內容。

          青少年

          作為一名初級產品設計師,你仍然非常注重視覺設計,因此你熱愛 Figma,并努力掌握它的每一個工作流程、插件和創意技巧。你大概會花 80% 的時間在這個工具上。其余的時間則分配給你選擇的文檔編輯器以及各種研究和分析工具,例如 Hotjar、Amplitude 和 Dovetail。

          中級

          作為一名中級產品設計師,你開始意識到視覺效果并非這份工作的全部,所以你減少了使用 Figma 等設計工具的時間。我估計你大約有 50% 的時間用在了 Figma 上。剩下的一半時間則用于溝通、寫作、繪制圖表以及其他活動,以了解客戶、企業的需求和用戶的痛點。你越來越多地使用分析工具。

          此外,您開始對未來的設計工具感興趣,例如 Lovable、v0 和 Replit(許多人稱之為“氛圍編碼”應用程序),并試圖弄清楚如何將它們融入到您的工作流程中。

          高級

          作為一名高級產品設計師,你可能有四分之一的時間花在設計工具上。與你作為實習生或初級設計師的經歷相比,這個部門發生了巨大的變化。你不再過多地探索視覺方面,因為你知道,除了用戶界面之外,用戶體驗還有許多更重要的方面。

          您可能已經測試了一些氛圍編碼工具,并將它們納入設計過程的構思和原型制作階段。

          您的大部分時間都花在三類工具上:白板(FigJam、Miro、Lucid)(用于主持研討會);文檔編輯器(Google Docs、Microsoft Word、NotebookLM)(用于經常戴著偵探的帽子進行大量采訪);演示文稿編輯器(PowerPoint、Google Docs、Figma Slides)(用于創建幻燈片,幫助您與利益相關者和商業團隊溝通您的重要想法)。

          一對一會議

          定期與你的直線經理會面對你們雙方都至關重要。對他們來說,這需要評估你在工作和職業生涯中是否取得了進步。他們也需要這些會議來討論潛在問題,并提供幫助來解決這些問題。對于你來說,作為一名設計師,在這些會議上討論的需求和主題會根據你在職業階梯中所處的位置而有所不同。近年來,我在不同的公司領導幾位實習生和初級設計師時,也觀察到了這一點。這些會議會有什么不同呢?讓我們來一探究竟。

          將顯示縮放圖像
          一對一會議中討論的時間視角因經驗水平而異。實習生和初級設計師會尋求針對當前日常工作的反饋和指導,因此他們不會著眼于幾周后的事情。中級設計師開始進行戰略性思考,因此他們會討論幾個月內將要發生的事情。高級設計師則非常注重戰略性,他們的眼光會遠超下個季度。

          實習生

          作為一名實習產品設計師,你與經理開會的時間幾乎百分之百都集中在你的工作上,這會影響你的成長。當然,你也在與他們建立關系,討論一些與工作無關的話題,以保持良好的溝通水平。但由于你經驗相對不足,你需要大量的反饋和工作指導。

          青少年

          作為一名初級產品設計師,您的主要需求與以前一樣:您需要工作反饋和指導,因此在大多數時間里,您將展示您的日常項目并詢問是否以正確的方式完成。

          首次晉升后,你渴望更多,所以開始對中層職位感興趣。它和你現在的職位有什么不同?我需要學習和實現哪些目標才能盡快晉升?你的直線經理可能會為你設定具體的目標,指導你獲得晉升。因此,你們的一對一會面可能會用來討論這些目標并檢查進展情況。

          中級

          作為一名中級產品設計師,你變得越來越獨立,這會影響你與直線經理的一對一會議。你不再像以前那樣詳細地討論你目前的工作。戰略思考越來越頻繁地出現在你的工作中,所以你很可能討論的不是團隊下周的工作,而是下個季度的工作。

          你開始與來自不同團隊和部門的人員更緊密地合作完成工作,因此你會尋求建議,了解如何與非設計師建立聯系、與利益相關者互動,以及如何與商業團隊溝通,以便他們理解你(劇透:他們并不關心你的設計系統、代幣或雙鉆流程)。你很可能已經設定了一些季度目標,并正在努力實現這些目標以保持持續增長。

          高級

          作為一名高級產品設計師,你比以往任何時候都更加注重戰略。你很少需要花半個小時與你的經理溝通你的日常項目(如果是這樣,那就有問題了,這叫做微觀管理,而問題要么是你的直線經理,要么是整個組織)。你更愿意在一對一的會議中兼顧兩個主要主題:戰略展望和領導力。

          如果你是一位資深設計師,并希望進一步發展,那么你面前有兩條路可走:IC 和管理層。兩者都需要一定的領導能力。如果你選擇 IC 這條路,你可能沒有直接下屬,但你將以身作則,監督良好實踐的實施。你很可能會花費大量時間與你的經理一起準備擔任這些職位。

          此外,如果您已經領導一個設計師團隊但尚未獲得正確的頭銜(這在該行業中很常見),您可以報告他們的進展和團隊的戰略舉措。

          剩下的時間,你用來討論戰略。你的產品團隊(如果你負責多個產品,則多個產品團隊)下個季度的重點是什么?未來6到12個月,你還計劃探索和開發哪些產品?你的經理應該幫助你尋找資源和人脈,以實現戰略目標。

          從實習生到高級產品設計師。職業階梯不會告訴你不同職業層級之間的差異

          杰睿 設計管理與成長

          成熟的組織會使用職業階梯來評估員工是否超出工作預期并做好晉升的準備。這些階梯通常涵蓋多個技能領域,能夠精準地指示員工是否接近晉升,或者是否應該專注于提升某些領域。

          去年第 12 集中,我介紹了設計師職業階梯的基礎知識。

          雖然職業階梯能夠很好地展現各個層級之間的差異,這對于職業生涯剛剛起步的設計師來說非常有幫助,但它并不能涵蓋我們工作的方方面面。職業階梯并不能解釋設計的定義在每個層級是如何演變的,設計工具與其他活動所占時間的比例是如何變化的,也無法解釋每個層級的一對一會面有何不同。

          在本文中,我將從不同尋常的角度來審視設計師的職業層級。我將探討大多數職業階梯圖中未涵蓋的各個層級之間的一些真正差異。為了使比較更具條理,我將我的思考分為七個主要方面:

          • 戰略思維
          • 雇傭
          •  設計的定義
          • 設計過程
          • 項目的范圍和模糊性
          •  工具
          • 一對一會議

           戰略思維

          低級別設計師與戰略幾乎沒有共同點,這應該不足為奇。對于實習生、初級設計師,甚至中級產品設計師來說, “戰略”這個詞可能有點令人畏懼或神秘。戰略是否真的在某個設計師無法進入的秘密房間里進行?

          一點也不。

          戰略只是提前規劃而已。

          制定計劃而不只是做出反應。

          對于設計師來說,戰略思維可能意味著在季度規劃期間更多地參與制定 OKR,通過設計思維或設計沖刺等設計方法推動新舉措的創新,并在設計過程的不同階段提出更好的問題,以更好地了解用戶、利益相關者和同行,從而提供帶來積極變化的東西。

          《用戶體驗生存指南》的 Miranda Slayter最近發表了一篇關于設計師如何開始戰略思維的精彩短文:成為更具戰略性的設計師的第一步

          現在讓我們來看看職業階梯的每個層級是什么樣的:

          將顯示縮放圖像
          戰術戰略范圍代表了設計師整個職業生涯中設計戰略方法的演變。

          實習生

          作為一名實習產品設計師,你很可能會被告知需要做什么,而且內容可能比較詳細,但通常足以讓你理解原因,無需深入探討,也不會讓你感到不知所措。因此,你的工作方式幾乎完全基于策略,在這個級別上這完全沒問題。

          青少年

          作為初級產品設計師,你仍然主要專注于執行產品經理或更資深的設計師交辦的任務。策略設計目前還不在你的考慮范圍之內,你應該更專注于提升其他領域,例如用戶研究、視覺設計、交互設計和協作。

          中級

          作為一名中級產品設計師,你開始進行戰略性思考,并盡早提出問題。我們為什么要這樣做?這是解決客戶痛點的最佳方法嗎?這與我們作為一個組織正在努力實現的宏偉目標如何契合?現在是時候進行思維轉換了,不要再對“戰略”這個詞感到恐慌,開始更多地參與優先級討論。

          高級

          作為一名高級產品設計師,你被期望成為產品經理、技術主管和其他產品團隊成員的戰略合作伙伴。你需要從不同的角度審視問題,并從全局視角來判斷什么是最重要的。你需要思考你的決策如何影響組織的長期發展。為塑造這一長期發展格局做出貢獻,這種責任感正越來越頻繁地出現在你的日程表上。

          雇傭

          隨著你的成長,你的工作圈子也在不斷變化。因為當你成為中級設計師時,你的角色會發生改變,你開始做的事情與實習生或初級設計師時略有不同。因此,為了做好你的工作,你最終不得不與組織中截然不同的一群同事交流。

          最顯著的變化發生在個人貢獻者晉升為經理之后。從這一刻起,他們應該花更多時間與利益相關者和高管團隊成員相處,而不是與直接下屬相處。如果你渴望在未來達到這一級別,請記住這一點。

          不過,本文我將僅關注 IC 角色。讓我們來探討一下實習生、初級、中級和高級設計師之間的互動是如何演變的。

          將顯示縮放圖像
          參與度圖表展示了設計師如何與職業生涯不同階段的同行互動。

          實習生

          作為一名實習設計師,你應該至少有一位工作伙伴:你的伙伴,通常是更資深的設計師,幫助你解決這份工作的各個方面。此外,你還處于與工程師和產品團隊成員進行跨職能合作的階段。

          青少年

          作為一名初級設計師,你能夠自信地與工程師和產品經理討論你的任務、想法和成果。你可以與產品的最終用戶溝通,或借鑒其他團隊(例如用戶研究團隊、客戶支持團隊或商務團隊)收集的洞見。你仍然與一位(或多位)資深設計師保持著良好的關系,并從他們身上學習最多。

          中級

          作為一名中級設計師,你仍然需要與團隊中的工程師和產品經理密切合作。如果你的產品依賴于組織生態系統中的其他環節,你可能偶爾需要與其他產品團隊的工程師溝通。隨著你越來越多地參與制定戰略并產生業務影響,你開始與業務利益相關者互動。你對規劃用戶研究活動和與用戶溝通充滿信心。

           高級

          作為一名高級設計師,你是跨職能協作的大師。你與來自各個部門的人員合作,從工程部門到銷售部門,再到高管。你經常扮演偵探的角色,在組織內外各個地方尋找完成任務所需的信息。你在與利益相關者討論戰略時充滿自信。當然,你仍然與產品團隊成員保持著密切的合作。此外,作為一名經驗豐富的同事,你可能會成為實習生或初級設計師的導師,與他們分享你寶貴的知識。最終,你會變得非常橫向發展。

          設計的定義

          對于我們大多數人來說,開啟產品設計師職業生涯的動機大致可以概括為以下幾個方面。要么是我們希望通過設計讓世界變得更美好,要么是我們在童年時期就擁有藝術細胞(但還不足以成為真正的視覺藝術家),要么是我們希望成為數字領域的創客,但并不一定精通編程。

          無論你的動機是什么,只要你在這個行業待得夠久,你就會注意到,你對產品設計師的角色以及整個設計行業的看法都在發生變化。設計的定義也是如此。

          將顯示縮放圖像
          設計師的職業生涯中,關注點不斷演變,并決定了設計的定義。起初,設計師主要關注視覺方面,但隨著他們的成長,他們開始注意到策略、解決業務問題和推動創新的重要性。

          實習生

          作為一名實習設計師,你的大部分時間都會花在 Figma 等設計工具上。你會被告知需要做什么,并且(希望)你能按照說明創建模型、線框圖、圖表和原型,供你的工程團隊用來構建功能。

          您對設計的定義很可能非常接近:

          設計決定了它的外觀,并為工程團隊為我們的用戶構建功能提供了有用的指導。

           青少年

          作為一名初級設計師,你仍然會把大部分時間花在設計工具上,與組件搏斗,努力將它們以最易用、最美觀的方式布局,然后再交給工程團隊。然而,你開始質疑自己的任務,并與用戶溝通。你越來越多地思考你和你的團隊為什么要開發這些產品。你也開始思考你的決策會如何影響用戶的生活。

          您對設計的定義有點接近:

          設計是一種工具,通過美觀、優雅的面向客戶的界面實現良好的用戶體驗。

          中級

          作為一名積累了一定經驗的中級設計師,你開始意識到自己并非受雇于 Figma,僅僅是為了畫一些漂亮的矩形。你加入組織不僅是為了解決用戶的痛點,也是為了探索如何讓組織從設計中獲益。隨著你逐漸在戰術戰略層面上邁向戰略層面,你就能展現出對業務的深遠影響。

          您對設計的定義現在非常接近:

          設計以優雅且實用的方式結合了業務、用戶和工程的利益。

          高級

          作為一名經驗豐富、經驗豐富的高級設計師,你只需花費一小部分時間在 Figma 中移動矩形。你的大部分工作是探索客戶需求和業務問題,并找出其根本原因。此外,你還需要戰略性地思考哪些問題值得立即解決,以及如何以最大程度地發揮組織潛力的方式解決這些問題。在某些組織中,你可能負責推動創新,并與產品經理合作探索新產品和新服務的機遇。

          你清楚地知道自己為什么被錄用,這也決定了你對設計的定義,很可能接近于:

          設計是解決業務問題和推動創新的戰略組成部分,同時要牢記用戶的利益。

          設計過程

          “你的設計流程是怎樣的?”這類問題在設計崗位的面試中經常被問到。根據職位的資歷和面試官的經驗,答案會有所不同。經驗不足的設計師往往會嚴格遵循他們在設計大學課程或訓練營中學到的流程。經驗豐富的設計師嘗試過之后,就會知道事情并非那么簡單。

          實習生

          作為一名實習產品設計師,你被教導要做的首要任務是盡可能多地了解用戶的痛點。你需要識別用戶畫像,在同理心地圖上描繪他們的感受和想法,并開始思考潛在的解決方案。你需要寫下一些用戶故事,創建一個最小可行產品 (MVP),設計一個漂亮的原型,并為基于任務的可用性研究準備一個場景,以驗證你的解決方案的可行性和可用性。

          從紙面上看,這似乎很棒,但有一個問題,你很快就會(但愿不會)以艱難的方式學到它。

          青少年

          作為一名初級產品設計師,你開始明白,你接到的每個項目都略有不同,有時沒必要把以前學到的理想設計流程的每個步驟都照搬過來。由于你經驗尚淺,獨立工作能力也相對較低,所以你負責的項目并不一定很復雜,很多決定都必須咨詢你的資深伙伴。

          此外,您經常過快地進入解決方案領域,而沒有花足夠的時間去了解潛在的問題、客戶需求和用戶的痛點。

          中級

          作為一名中級產品設計師,你越來越適應獨自處理復雜度更高的項目。你已經意識到設計流程需要相當靈活,并根據每個項目進行個性化調整。你越來越擅長同時處理調研、寫作、跨職能協作以及多個項目的像素工作。

          你花在解決問題上的時間越來越少,而是先做各種練習來了解問題。

          高級

          作為一名高級產品設計師,你可以輕松地同時處理多個項目。你深知,理想的設計流程在紙面上看起來很棒,但在現實生活中卻行不通。它被發明出來只是為了教導新設計師嗎?也許吧。如果是,那它肯定有問題,而且很遺憾沒有人告訴他們,一旦入職,設計流程將會大不相同。但你已經度過了這個難關,并且意識到,你花在理解問題上的時間越多,成功完成項目的機會就越大。

          所以,你經常扮演偵探的角色,追蹤利益相關者、用戶、客戶、工程師和客戶成功代表,以了解全局并做好你的工作。然后,或者在此期間,你會寫下這個問題,試圖將其分解并提煉其核心。你會邀請非設計師與你一起進行創意構思。之后,你會使用你最喜歡的設計或 Vibe 編碼工具來創建原型,稍后再與你的客戶和用戶進行驗證。交接過程是隱形的,但你已經從本文中了解到了這一點。

          項目的范圍和模糊性

          我在之前的一篇文章中討論過這個領域的一些內容,主要關注為什么在晉升決策中,工作經驗的年限并不重要。

          項目的范圍和模糊性程度與設計師的經驗及其獨立性高度相關。經驗不足的設計師更有可能被分配到范圍較小、模糊性較低的項目,因為他們尚未準備好獨立做出重要決策,在類似項目上工作的時間也不夠長,并且仍在學習如何提出正確的問題。

          將顯示縮放圖像
          實習生和初級設計師位于“低模糊性,小范圍”象限,而中級和高級設計師則位于“大范圍,高模糊性”象限。高級設計師能夠處理高度復雜且不明確的項目,而實習生則從簡單明確的任務開始。

          實習生

          作為一名實習產品設計師,你被分配到的項目模糊性較低,范圍也相對較小。原因很簡單。這些只是你在這個職位上的初步嘗試,你仍在學習這門手藝。你不知道在哪里尋找答案,也不知道如何提出好的問題來找到答案。因此,你需要資深同事的悉心指導才能完成你的任務。

          青少年

          作為一名初級產品設計師,你現在邁出了更加自信的步伐,但你仍然像個蹣跚學步的孩子。范圍和模糊性與上一個級別大致相同。也許范圍在規模上會更大一些,但就產品經理提出的需求而言,這些需求相當明確,沒有太多需要探索的地方。不過,你可以開始協助你的產品經理和更資深的同事進行一些產品探索活動。

          中級

          作為一名中級設計師,你開始更加獨立地工作,并且在沒有太多指導的情況下做出重要的決策。你被分配的項目越來越復雜,也越來越不明確。你需要進行大量的研究和探索練習,才能找到完成項目的答案,而這些項目的規模也更大,持續時間也更長。

          高級

          作為一名高級產品設計師,您能夠輕松地做出重要的設計決策。您負責的項目往往涉及范圍廣泛,且非常模糊。如果您負責產品的很大一部分、整個產品,甚至多個小型產品,這并不奇怪。

          向利益相關者和組織內的其他成員尋求答案是你的生計所在。你經常扮演偵探的角色,并且非常擅長串聯各種線索。有時你需要處理的只是一些零散的信息,但你經驗豐富,并且擁有強大的自主權,能夠充分利用這些信息。

          你是產品經理和技術主管的戰略合作伙伴,你們共同推動產品發現。有人會說,你在尋找答案方面比其他人高出一籌,因為你正在負責的項目甚至還沒有被發現。而你和產品三人組中剩下的兩個人,就是為了發現這些機會。

          工具

          過去幾年,我觀察到設計師中存在一種令人擔憂的趨勢,他們過于注重工具。我并非唯一一個。設計師兼作家 Artiom Dashinsky 創造了“Figmaism”一詞,指的是我們行業中過于關注工具和設計的視覺層面的討論,導致我們對自身角色可能產生的影響理解膚淺。

          大約一年前,在一次采訪中,我問了來自

          用戶體驗生存指南

          她對這一趨勢有何看法?她非常準確地指出,經驗越少的設計師,就越傾向于沉迷于工具和作品的視覺效果。

          雖然工具對我們的工作至關重要,但它們并非永恒不變。什么是永恒不變的?是我們的技能,例如解決問題、協調、同理心,以及從無到有創造出有意義的事物。

          將顯示縮放圖像
          工具圖表說明了隨著經驗的增加,對設計工具的迷戀如何降低。

          實習生

          作為一名實習產品設計師,你大約 90% 到 95% 的時間都花在 Figma 上。它并非你真正喜歡的工具,而是一款近年來占據市場主導地位的標準應用。你對產品設計的興趣是從 Figma 開始的嗎?很有可能。剩下的 5% 到 10% 的時間則花在文檔編輯器上,你會在深入研究解決方案之前嘗試分解問題,而這很可能是你仍在學習的內容。

          青少年

          作為一名初級產品設計師,你仍然非常注重視覺設計,因此你熱愛 Figma,并努力掌握它的每一個工作流程、插件和創意技巧。你大概會花 80% 的時間在這個工具上。其余的時間則分配給你選擇的文檔編輯器以及各種研究和分析工具,例如 Hotjar、Amplitude 和 Dovetail。

          中級

          作為一名中級產品設計師,你開始意識到視覺效果并非這份工作的全部,所以你減少了使用 Figma 等設計工具的時間。我估計你大約有 50% 的時間用在了 Figma 上。剩下的一半時間則用于溝通、寫作、繪制圖表以及其他活動,以了解客戶、企業的需求和用戶的痛點。你越來越多地使用分析工具。

          此外,您開始對未來的設計工具感興趣,例如 Lovable、v0 和 Replit(許多人稱之為“氛圍編碼”應用程序),并試圖弄清楚如何將它們融入到您的工作流程中。

          高級

          作為一名高級產品設計師,你可能有四分之一的時間花在設計工具上。與你作為實習生或初級設計師的經歷相比,這個部門發生了巨大的變化。你不再過多地探索視覺方面,因為你知道,除了用戶界面之外,用戶體驗還有許多更重要的方面。

          您可能已經測試了一些氛圍編碼工具,并將它們納入設計過程的構思和原型制作階段。

          您的大部分時間都花在三類工具上:白板(FigJam、Miro、Lucid)(用于主持研討會);文檔編輯器(Google Docs、Microsoft Word、NotebookLM)(用于經常戴著偵探的帽子進行大量采訪);演示文稿編輯器(PowerPoint、Google Docs、Figma Slides)(用于創建幻燈片,幫助您與利益相關者和商業團隊溝通您的重要想法)。

          一對一會議

          定期與你的直線經理會面對你們雙方都至關重要。對他們來說,這需要評估你在工作和職業生涯中是否取得了進步。他們也需要這些會議來討論潛在問題,并提供幫助來解決這些問題。對于你來說,作為一名設計師,在這些會議上討論的需求和主題會根據你在職業階梯中所處的位置而有所不同。近年來,我在不同的公司領導幾位實習生和初級設計師時,也觀察到了這一點。這些會議會有什么不同呢?讓我們來一探究竟。

          將顯示縮放圖像
          一對一會議中討論的時間視角因經驗水平而異。實習生和初級設計師會尋求針對當前日常工作的反饋和指導,因此他們不會著眼于幾周后的事情。中級設計師開始進行戰略性思考,因此他們會討論幾個月內將要發生的事情。高級設計師則非常注重戰略性,他們的眼光會遠超下個季度。

          實習生

          作為一名實習產品設計師,你與經理開會的時間幾乎百分之百都集中在你的工作上,這會影響你的成長。當然,你也在與他們建立關系,討論一些與工作無關的話題,以保持良好的溝通水平。但由于你經驗相對不足,你需要大量的反饋和工作指導。

          青少年

          作為一名初級產品設計師,您的主要需求與以前一樣:您需要工作反饋和指導,因此在大多數時間里,您將展示您的日常項目并詢問是否以正確的方式完成。

          首次晉升后,你渴望更多,所以開始對中層職位感興趣。它和你現在的職位有什么不同?我需要學習和實現哪些目標才能盡快晉升?你的直線經理可能會為你設定具體的目標,指導你獲得晉升。因此,你們的一對一會面可能會用來討論這些目標并檢查進展情況。

          中級

          作為一名中級產品設計師,你變得越來越獨立,這會影響你與直線經理的一對一會議。你不再像以前那樣詳細地討論你目前的工作。戰略思考越來越頻繁地出現在你的工作中,所以你很可能討論的不是團隊下周的工作,而是下個季度的工作。

          你開始與來自不同團隊和部門的人員更緊密地合作完成工作,因此你會尋求建議,了解如何與非設計師建立聯系、與利益相關者互動,以及如何與商業團隊溝通,以便他們理解你(劇透:他們并不關心你的設計系統、代幣或雙鉆流程)。你很可能已經設定了一些季度目標,并正在努力實現這些目標以保持持續增長。

          高級

          作為一名高級產品設計師,你比以往任何時候都更加注重戰略。你很少需要花半個小時與你的經理溝通你的日常項目(如果是這樣,那就有問題了,這叫做微觀管理,而問題要么是你的直線經理,要么是整個組織)。你更愿意在一對一的會議中兼顧兩個主要主題:戰略展望和領導力。

          如果你是一位資深設計師,并希望進一步發展,那么你面前有兩條路可走:IC 和管理層。兩者都需要一定的領導能力。如果你選擇 IC 這條路,你可能沒有直接下屬,但你將以身作則,監督良好實踐的實施。你很可能會花費大量時間與你的經理一起準備擔任這些職位。

          此外,如果您已經領導一個設計師團隊但尚未獲得正確的頭銜(這在該行業中很常見),您可以報告他們的進展和團隊的戰略舉措。

          剩下的時間,你用來討論戰略。你的產品團隊(如果你負責多個產品,則多個產品團隊)下個季度的重點是什么?未來6到12個月,你還計劃探索和開發哪些產品?你的經理應該幫助你尋找資源和人脈,以實現戰略目標。

          作品集:優先考慮像素而非演示文稿

          杰睿 設計管理與成長

          我與招聘經理和高級設計師談論他們對設計師的要求越多,我就越支持這樣的理論:作品集不應該是 X、Y、Z 案例研究,而應該是對你對細節的癡迷的探索。

          深入分析你的解決方案以及你未能交付的部分,是展示你解決問題方法的絕佳方式,因為幻燈片式的解決方案并不能展現任何表面之下的東西。它只是一個面向公眾的精美模型。

          但是!深入研究你的粗略工作可以表明你在解決問題時確實考慮到了端到端的產品流程。

          “這不起作用,因為......”是一個有趣的討論,我知道它比與招聘經理交談時的“這是一個流程”有趣得多。

          因此,問題是:你如何證明自己對細節“癡迷”?工藝正在成為軟件產品的關鍵差異化因素,而設計(也就是你)有能力推動這一進程。你將如何幫助這家公司突破質量界限?

          好消息是,我相信這對設計師來說很有利!很多設計師都說他們做不成作品集,因為“沒什么東西可展示”。但如果把作品集翻轉過來會怎么樣?展示你學到的東西,而不是把作品集想象成一堆擺成15度角的炫酷設備。

          從單個功能中抽取單個屏幕上的單個元素。這其中涉及了多少細節?你能把每個步驟的像素級細節做到多精細?記錄你的空間布局,標記所有組件,展現你的整潔,列出你如何在任務管理軟件中管理這項工作,并展示 Slack 決策的截圖!

          -

          深度挖掘的幾個例子:

          1. 構建自動建議https://www.mrbrianmorris.com/work/query-formulation
          2. Spotify 更改顏色:https://spotify.design/article/better-in-black-rethinking-our-most-important-buttons

          在他們決定關閉之前,該故事的一個版本最初發布在https://read.cv上。

           

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

          如何使用人工智能從現有設計中生成設計變體

          杰睿 用戶研究

          如何利用人工智能根據現有設計生成設計選項?

          這是一個常見的用例:

          • 也許您認為當前的登錄頁面太混亂并想改進它。
          • 也許您正在進行設計,但感覺只有一個想法,并且希望有更多的設計選擇來獲得靈感。

          然而,我在網上并沒有看到太多關于如何使用人工智能來解決此類用例的討論。

          所以今天,我將逐步向您介紹一些示例,包括我使用的提示、工作流程和結果。

          讓我們開始吧!

          概述

          由于我只需要專注于前端設計,因此我使用了V0Magic Patterns進行演示。我特意選擇它們是因為它們都是針對前端優化的 AI 原型設計工具。

          兩種工具都可以完成這項工作,但我在兩種工具中都運行了同一組提示,以便您可以更好地了解它們可以實現的功能。

          如果您有興趣,您也可以在其他工具(如Cursor、WindsurfBolt )中運行相同的工作流程,然后告訴我進展如何。

          工作流程分為兩個步驟:

          • 步驟1:讓AI分析設計并提出改進建議。
          • 第 2 步:要求 AI 根據其建議生成設計變體。

          如果您清楚自己想要進行哪些設計改進,您當然可以將步驟 1 和 2 合并為一個簡單的步驟——只需上傳設計、提供您的建議,然后要求 AI 生成新的設計選項。)

          我使用 Kayak.com 的頂部部分作為演示的現有設計。

          將顯示縮放圖像
          Kayak.com

          問:仔細看看。你會如何設計它以不同的方式?

          第一個提示

          這是我放入 V0 和 Magic Patterns 的第一個提示,以及 Kayak 主頁頂部部分的快照。

          提供 Kayak 登陸頁面的設計評論(見附件快照)。擔任具有深厚 UX/UI 專業知識的經驗豐富的產品設計師。KAYAK 的主要業務目標是通過為旅行者提供旅行規劃工具來賦能他們。其搜索引擎會掃描各種旅游網站,提供豐富的機票、酒店、租車和度假套餐選擇和價格。其主要用戶是希望搜索和比較旅行選擇的日常旅行者。請使用以下視角評估桌面主頁:- 核心價值主張清晰
          - 信息架構和易于查找關鍵操作
          - 視覺層次、布局和空間使用
          還包括 3-5 條具體的、高影響力的建議,以改善主頁上的用戶體驗或轉化率。

          正如您所見,我還包括了主要的業務和用戶目標——這是一個小提示,可以為 AI 提供更多設計分析的背景。

          V0

          V0的設計分析:

          將顯示縮放圖像
          V0的設計分析

          一長串的分析,啟發性十足。我大概也能從 ChatGPT 或 Claude 得到類似的結果。

          (下一步是根據這些建議生成設計方案。但正如我之前提到的,實際上我也可以提供自己的設計建議,例如“當前設計缺乏清晰的視覺層次,并且留白過多。您能否生成三個設計方案來解決這個問題?”)

          接下來,我要求 V0 生成設計選項:

          根據以上建議,您能否為 Kayak 主頁快照生成 8 種備選設計方案?Kayak 主頁快照的8 替代設計選項?

          正如我所料,它運行了很長時間,每個設計選項大約一分鐘。因此,我點擊了“停止”,并在提示中將數量從 8 減少到 3:

          根據以上建議,您能否為 Kayak 主頁快照生成 3 個備選設計方案?Kayak 主頁快照3 備選設計方案嗎?

          V0 在大約 1.5 分鐘內生成了 3 個設計選項:

          • 設計1:增強核心體驗
          • 設計二:沉浸式英雄體驗
          • 設計3:以目的地為中心的體驗

          設計方案1:增強核心體驗

          V0 描述的快照:

          將顯示縮放圖像
          V0 對設計選項 1 的描述

          它生成的設計:

          將顯示縮放圖像
          V0的設計

          設計方案二:沉浸式英雄體驗

          V0 描述的快照:

          將顯示縮放圖像
          V0 對設計選項 2 的描述

          它生成的設計:

          將顯示縮放圖像
          V0的設計

          設計方案3:以目的地為中心的體驗

          V0 描述的快照:

          將顯示縮放圖像
          V0 對設計選項 3 的描述

          它生成的設計:

          將顯示縮放圖像
          V0的設計

          印象

          總體而言,效果令人印象深刻。我喜歡這些精致的細節。它保留了我提供的快照中的必要信息(顏色、樣式、CTA)。

          所有生成的設計都由具有基本交互效果的代碼支持,例如輸入字段交互和懸停效果。

          我希望設計選項之間能有更清晰的區分。不過我也可以嘗試后續的提示來解決這個問題。

          魔法圖案

          Magic Patterns 的設計分析:

          將顯示縮放圖像
          Magic Patterns 的設計分析

          有些我同意,有些我不同意。為了演示,我簡單地讓它生成相應的設計選項:

          根據以上建議,您能否為 Kayak 主頁快照生成 8 種備選設計方案?Kayak 主頁快照的8 替代設計選項?

          Magic Patterns 在 1.5 分鐘內生成了 8 個設計選項,比我預期的要快。

          由于新聞稿的篇幅限制,我在這里僅展示三種設計:

          設計方案1:增強價值主張

          將顯示縮放圖像
          Magic Patterns 的設計

          設計選項 2:搜索優先設計

          將顯示縮放圖像
          Magic Patterns 的設計

          設計選項3:社會認同焦點

          將顯示縮放圖像
          Magic Patterns 的設計

          印象

          與 V0 相比,設計更加簡單。

          它在更短的時間內生成了更多的設計,這很棒。

          我很喜歡它的“導入 Figma”功能。我可以將生成的設計導入 Figma 進行進一步編輯。

          此外,它還有一個Chrome 擴展程序,可以讓我把網頁轉換成 React 組件或 Figma。雖然不完美,但我對它的功能非常期待。

           

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

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合