<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>

          首頁

          產品設計的未來

          杰睿 設計管理與成長

          用戶體驗設計:如何設計有效的“第一次觸發”?從 Push 到頁面設計

          杰睿 設計管理與成長

           

          ——基于《Hooked》模型的用戶激活交互思路
           

          一、什么是“第一次觸發”?為什么它決定了用戶的去留?

          在《Hooked》一書中,作者提出“Trigger”是促使用戶行動的第一步。觸發可以分為兩種:
          外部觸發:例如 App 推送、廣告、鏈接、好友邀請
          內部觸發:用戶自己產生的動機,比如焦慮、孤獨、空閑、好奇等情緒
          “第一次觸發”通常指的是用戶首次接觸產品的關鍵時刻,也是我們設計中用戶激活(activation)環節的核心。很多產品在吸引用戶下載后,沒能成功完成這一步,導致高流失率。
          那么,如何讓用戶在第一次接觸產品時就“被打動”,甚至開始“動手”?這是交互設計師無法回避的挑戰。

          二、Hook 模型下的第一次觸發路徑

          我們可以將“第一次觸發”的設計過程,拆解為一個 Hook 的微循環:
          swift
          復制編輯
          外部觸發(推送/鏈接/內容)→ 用戶行動 → 變動獎勵 → 微投入
          設計的關鍵在于:
          觸發是否準確命中動機
          頁面是否降低了行動成本
          是否提供足夠正向反饋,激勵用戶進入下一步

          三、實際場景中,“第一次觸發”都可以怎么設計?

          下面以兩個典型路徑為例,展開設計思路。
          1. 從 Push 到行動:信息即引導
          場景:用戶安裝 App 后首次收到推送通知 
          目標:提高用戶點開并進入 App 的概率

          設計策略:

          情境感知:比如早上推送“為你準備了 3 條晨間資訊”,中午推送“你關注的咖啡店正在打折”。
          視覺引導:通知樣式帶有關鍵詞高亮、情緒詞匯、數字誘因(“3 條”、“50%”等)。
          即時性獎勵:如“限時免費”、“首次點擊得積分”。

          示例對比:

          普通推送文案:
          “你有新消息,點擊查看。”
          優化后:
          “你的新客戶留言了:點擊 30 秒內回復可得 50 積分!”
          用戶動機 + 獎勵機制 + 時間緊迫感 = 有效第一次觸發
          1. 首屏設計:默認就是最好的引導
          2.  場景:用戶打開 App 或首次訪問頁面 
          3. 目標:促使用戶完成關鍵行為,如注冊、收藏、瀏覽首個內容

           設計策略:

          將用戶動機前置化:如圖文內容帶標簽“為你推薦”、“同城熱門”
          提供默認建議:如自動生成 3 個關注推薦,不讓用戶空白加載
          弱引導行動按鈕:如“我想試試看”、“點這里獲取專屬內容”,代替“立即注冊”

          小結:

          元素 常見問題 設計優化
          空白狀態 “你還沒有收藏內容” 提供推薦 / 模擬數據
          注冊頁面 信息太多 / 提示太弱 三步注冊 / 支持游客試用
          首頁內容 冷啟動/無吸引力 動態推薦 + 情境觸發設計

          四、設計師如何判斷觸發設計是否有效?

          ? 指標層面

          激活率:App 下載后次日留存 / 完成注冊 / 觸發首次行為的用戶比例
          首觸轉化率:觸發內容點擊后進入行為的用戶比例

          ? 用戶層面

          用戶是否在無需幫助的情況下完成操作
          用戶是否表達出“被內容打動”的情緒反應(通過反饋/行為路徑觀察)

          第一次觸發,決定了第一次信任

          “第一次觸發”的設計不只是營銷或產品經理的工作,它是交互設計的前哨戰
          從文案到頁面布局,從通知到首屏,一切都在為用戶“做決策”而服務;
          要問的不是“設計美不美”,而是:“用戶有沒有動起來?”
          Hook 模型里,觸發只是起點,但它決定了是否進入循環的門檻。
           
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          AI工具+AI流暢度+人類優勢=AI原生設計師

          杰睿 設計管理與成長

          AI工具+AI流暢性+人類優勢

          作為一名產品設計師,我最近一直在努力理解快速變化的人工智能格局,既感到敬畏,又感到困惑。Anthropic的首席執行官警告稱,人工智能可能會取代高達 50% 的入門級白領工作,而 Zapier 的首席執行官則談到招聘精通人工智能的人才。與此同時,“模型設計師”等新職位正在涌現,行業正在迅速向更多超級 IC 職位轉變。

          隨著人工智能重塑我們的工作方式,我一直在問自己,這不僅關乎如何保持相關性,還關乎如何在我的工作中不斷成長并找到樂趣。

          據我所知,新的轉變需要利用三個領域

          1. 人工智能工具:組裝不斷發展的人工智能設計堆棧以快速交付
          2. 人工智能流暢性:學習如何設計概率系統
          3. 人力優勢:加強工藝、自主性和判斷力等護城河,保持領先于自動化
          4. 這些支柱與戰略思維和以人為本的技能相結合,塑造了我們成為AI 原生設計師的道路
          Open AI cookbook 中的 AI 產品堆棧和提示結構

          1. 人工智能工具

          人是制造工具的動物——本杰明·富蘭克林

          本杰明·富蘭克林的定義強調了人類在發明和使用工具來擴展自身能力方面的創造力。如今,人工智能標志著這一進化的飛躍,從手動工具到智能協作者。

          速度不再是可有可無的。ProcessMaker的產品團隊從每年兩次交付到每兩周交付一次。Figma的《設計現狀報告》(2025)指出,近七成的設計團隊(68%)經常使用人工智能來自動化線框圖繪制、生成視覺資產并分析用戶反饋。

          隨著人工智能逐漸融入日常工作流程,設計工具顯然變得越來越積極主動,既提高了速度,又增強了想象力。

          構建一個反映你的技藝的堆棧

          你的設計棧取決于你作為設計師的身份。用戶體驗研究員的設計棧與全棧產品設計師、對話式AI設計師或視覺藝術家的設計棧截然不同。沒有放之四海而皆準的方案。

          在過去的六個月里,我嘗試了 60 多種 AI 工具,追逐每一個新的自動化更新和閃亮的產品發布。然而,事實是,我的工作流程中幾乎所有東西都只運行在四到十種工具上,正如我的 AI 產品設計棧所示。

          因此,真正的價值在于有意識的嘗試。嘗試新工具,不是因為它們流行,而是因為它們可能會在你的工作流程中解鎖更好的功能。問問自己,有沒有更智能、更快速、更周到的方法來做到這一點?

          此外,人工智能工具正在快速發展,但設計的藝術依然是人類的。決定做什么以及如何使其卓越,仍然取決于品味、判斷力、技藝和你的工具包。正如設計領袖阿古斯丁·桑切斯 (Agustín Sánchez) 所說“你之所以優秀,并非因為你了解最新的工具。你之所以優秀,是因為你知道如何運用它們。”

          提示作為一項核心技能

          去年,我多次發現自己覺得人工智能的輸出很平庸,后來我意識到問題往往不在于模型本身,而在于我設計提示的方式。擁有正確語境的人工智能模型能夠提供生成有意義響應所需的信息。

          轉變視角,將人工智能視為合作者,并學習如何構建上下文,徹底改變了我的輸出質量

          “提示就像是讓人工智能加速,或者將其推向正確的方向。”——約翰·前田 (John Maeda)談領導者如何利用人工智能釋放創造力

          亞歷克斯·克萊因 (Alex Klein) 提出了一個令人信服的論點,即提示從根本上來說是一種設計活動,涉及以清晰度、背景、語氣和意圖來設計對話。

          如果您想提高提示技巧,這些資源是一個很好的起點
          Google 提示要點
          IBM — 提示工程指南
          OpenAI — 提示指南

          AI流暢度工具包

          2. 人工智能流暢性

          AI 流暢性是指能夠自信地設計和使用意圖驅動、分層和概率系統的能力。對于產品團隊而言,這意味著理解 AI 的潛力,應對其復雜性,并做出明智的決策,從而帶來負責任且有影響力的成果。

          GUI 界面要求用戶通過點擊、滾動和菜單導航來實現目標。相比之下,代理系統則通過關注基于意圖的結果,為我們提供了一種與系統交互的新方式。

          現實世界中的人工智能產品涉及編排、內存、工具集成、用戶體驗模式和代理流程。流暢性意味著要掌握系統的行為——它的可變性、它的故障、它出現錯誤或誤用的可能性,并在設計時充分考慮這些動態因素。

          人工智能流暢性的構建模塊

          AI 設計工具包

          • IBM 的GenAI 設計原則為生成式 AI 用戶體驗 (UX) 制定了六項基礎設計原則。每項原則都配有設計策略和實際案例,以幫助從業者有效地實施它們。
          • 谷歌的“People+AI” 計劃強調了設計人工智能交互時需要考慮的四個關鍵領域。該框架為設計有效的人工智能交互提供了寶貴的指南。
          • 我還構建了一個簡化的指南,其中包含20 多個 GenAI UX 模式的示例和實施策略
          理查德·巴赫這本經久不衰的著作敦促工匠們擁抱現代工具,專注于目標而非墨守成規。米哈爾·馬萊維奇闡述了“人工智能平均線”,并鼓勵創意人士突破這條線,追求偉大的創意。

          3. 人類優勢

          借助 GPT-4o 和 Veo-3 等模型,AI 現已能夠快速生成高質量的文字和視覺效果,并在許多領域超越人類的技能和推理能力。真正的問題是——

          我們人類獨有的優勢還剩下什么?

          工藝比以往任何時候都重要

          AI 模型基于海量數據集進行訓練,反映的是主流模式而非任何獨特的視角。因此,它們的輸出往往顯得千篇一律,缺乏主觀細微差別的深度,例如個人風格、洞察力、敘事意圖和創意原創性。設計師Michal Malewicz用“ AI 平均線”的概念捕捉到了這一現象,并將當今的創意格局描述為乏味的時代”,充斥著千篇一律、缺乏靈感的 AI 輸出。

          諷刺的是,這種豐富性反而提高了標準!

          此外,歷史表明,盡管新工具層出不窮,敘事、審美判斷和執行質量等基本技能仍然至關重要。正如 Photoshop 并沒有扼殺平面設計一樣,擁有 AI 的共同創造者并不會否定對技能的需求,而是會改變它。

          理查德·森內特在其著作《工匠》中強調,工具在不斷發展,但技藝和精湛技藝的精髓始終是核心,也是區分真正專家的關鍵所在。他敦促工匠們擁抱現代工具,并專注于目標而非墨守成規。

          創意方向、代理和保持人力掌控

          我們定義目標、設定約束并做出為人工智能指明方向的高層決策。

          隨著速度和質量的不斷提升,爭論的焦點不再是人類與人工智能的對決,而是我們尋求何種合作。在這種新的動態下,設計師不再只是創造者,而是提供創意方向、愿景和目標的人。 設計師逐漸成為創意總監或統籌者,而人工智能則扮演著助手、創意伙伴,甚至是評論家的角色。

          Julie Zhuo 強調了自主性的重要性。即使人工智能與我們的技能、能力和品味相匹配,我們選擇為何以及在何處應用人工智能技能的能力仍將受到價值觀、意圖和新興目標的驅動,并且仍然具有人類的鮮明特征。

          例如,兩位設計師使用相同的AI工具,可能會得出截然不同的結果。一位設計師可能會讓AI為一家氣候非營利組織探索極簡主義的布局,而另一位設計師則用它來為一家兒童教育初創公司生成充滿趣味、富有表現力的視覺效果。差異不在于工具本身,而在于引導它的人類價值觀和意圖。

          世界經濟論壇概述了 2030 年的四個類別:新興技能、非焦點技能、穩定技能和核心技能

          4. AI原生設計師

          那么,成為一名AI原生設計師意味著什么?僅僅掌握AI工具和技術就足夠了嗎?還是在這個新領域,還需要更深層次的技能?

          世界經濟論壇顯示,2030年最緊俏的技能不再是技術性技能。隨著自動化改變工作方式,雇主更看重戰略性、以人為本的能力,例如分析性思維、創造性思維、技術素養和韌性。

          正如Fabricio Teixeira 指出的那樣,即使在技術快速變革的時代,設計、協作和溝通的基礎仍然是設計生涯的永久支柱,并且比任何工具都更持久。

          與此同時,“超級集成電路”角色的出現正在重新定義高級設計職業,因為許多公司正在積極支持實踐領導道路,重視深厚的專業知識、質量和高杠桿貢獻,而不是傳統的人員管理。

          隨著創作速度越來越快、觸手可及,設計師真正的新護城河如今在于打造獨特、可靠且令人難忘的AI體驗。掌握設計原則、敘事能力和解決問題的能力仍然是人類獨有的強項。

           

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

          如何傳達錯誤

          杰睿 設計思維

          一個人對錯誤的反應——無論是自己犯的還是他人犯的——是一個復雜且常常令人痛苦的心理過程。在本文中,我將解釋為什么幾乎所有的錯誤提示信息的設計都公然無視用戶體驗理論。我將使用交互式原型來展示如何解決這個問題。我還將轉向交互理論,回顧模式的概念,并解釋可逆性、恰當性和及時性的原則。

          我們的用戶不是程序員

          每個設計師的清單里都會包含“設計錯誤界面”。但即使完成了,程序員仍然會回來說:“還有另一種情況——我們也需要一個錯誤界面。”在這種情況下,程序員是設計的客戶,這很有道理:程序員比任何人都更了解錯誤。設計師和經理們都認同這種方法——但它存在嚴重缺陷。

          “我們不是我們的用戶。”設計師們不斷重復這句話。他們想表達的是:不要僅僅依賴自己的專業知識(這不可避免地會過時,而且容易產生職業偏見),而要關注用戶在自然環境中的行為。

          所以,問題在于——程序員不是我們的用戶。程序員的行為、思維方式,以及與計算機的聯系與其他人截然不同。我知道我在說什么。我的大多數朋友都是程序員和工程師。我在工作中也經常和程序員交流。我自己也是一名程序員,使用多種語言(從 Swift 和 GLSL 到 Forth 和 Assembly)。但幸運的是,我也是一名非常關注心理學的設計師。那么,讓我來告訴你程序員的一天通常是怎樣度過的:

          程序員甚至還沒來得及好好寫點東西——他們停頓了一下,砰,一個錯誤出現了:“空白符缺失”。不知何故,下一行也出現了錯誤(盡管那一行完全沒問題)。左側面板也滿是錯誤。這還不算編譯錯誤。除了紅色圓圈,可能還有黃色圓圈——程序員的大腦已經習慣了忽略這些警告。

          如果錯誤來自硬件故障、第三方庫的 bug 或文檔不清晰,程序員不會把這些錯誤當回事。他們會把這些錯誤視為一種有用的工具,幫助找出別人的錯誤。而有些煩人的拼寫錯誤,你會在自己的代碼中苦苦追尋,希望編譯器能自動捕獲它們。那么,關于拼寫錯誤的錯誤消息就是程序員最好的朋友。

          簡而言之,程序員對錯誤消息產生了一種容忍度——所有那些帶有感嘆號的圓圈和冗長、說教的紅色文字。

          心理學家會怎么說?

          從人體工程學的角度來看,程序員的環境與普通用戶的環境有著根本的不同。因此,設計師絕對不應該采用程序員對待錯誤的態度。如果我們負責設計一個 IDE(集成開發環境),那么我們當然會咨詢程序員——他們是我們的用戶。但在開發其他產品時,最好不要依賴他們的觀點。相反,我們應該咨詢心理學家。

          紅色感嘆號會讓用戶想起老師在課堂筆記中批改的內容,并被理解為一種懲罰(當然,除非有人已經培養了對懲罰的耐受力,比如程序員)。那么,心理學是如何看待對錯誤的懲罰的呢?

          重要的是不要用消極情緒來強化錯誤,因為大腦對此非常敏感,并會將這種行為標記為不值得投入精力的事情。

          我知道有些人看到錯誤信息就會慌亂不已。他們開始點擊所有按鈕,只為讓它盡快消失。這些人很難適應界面,因此他們傾向于完全避免與界面交互。這并不是因為他們愚蠢,而是因為他們是普通人——而不是程序員。

          看看這個!幾乎每個字段都用紅墨水劃了線,界面提示你輸入姓名,并要求你填寫,而且是必填項!

          但程序員對此完全沒意見。程序員堅信,把笨蛋塞進錯誤里是有用的,這樣他們就不會再試圖用 null 或 undefined 來破壞程序了。程序員和工程師稱之為“傻瓜式防錯”,展現了他們獨特的同理心。

          焦點切換時驗證

          當用戶從一個輸入字段切換到另一個輸入字段時,第一個字段會觸發一個名字很不靠譜的事件:“onblur”。開發者經常用它來進行驗證——以防用戶漏填字段、輸錯生日或忘記郵件中的“@”。問題是:當用戶切換到另一個應用時,“onblur”也會觸發。過去,表單跨越三頁時,空字段是個問題。如今,所有內容都能放在一個屏幕上——很難忽略一個空字段。至于其他的檢查——它們對用戶沒有任何幫助。它們只是另一種“傻瓜式”的玩意兒。但用戶不是傻瓜。當他們想要什么東西時——他們會發揮創造力。我知道有人會修改頁面代碼,以獲取他們嚴格意義上不應該獲得的政府服務。而如今,他們甚至不需要知道如何編寫代碼:只需單擊一下即可打開 DevTools,再單擊幾下——所有驗證都消失了。輸入任何你想要的內容。

          通過像傻瓜一樣對待用戶,開發人員產生了兩個問題:第一 - 他們浪費時間構建“保護”,第二 - 他們陷入了一種虛假的安全感(沒有比“通過模糊性實現安全”更糟糕的保護)。

          在焦點切換時進行驗證毫無意義,而且問題重重,我甚至不想在這里討論它。讓我們繼續討論主按鈕上的驗證:“繼續”、“提交”等等。

          通常如何做

          我們與雅虎界面的交互分為三個階段:

          1. 開始。所有字段均為空。無錯誤。“繼續”按鈕可用。
          2. 按下“繼續”按鈕。所有空白字段均被標記為錯誤。
          3. 焦點從第一個字段移開。突然間,它不再被標記為錯誤了。

          讓我們來分析一下。

          激活按鈕——這很好,雅虎點贊了。我有一篇名為“禁用按鈕”的文章,解釋了這背后的理論和實踐。如果你仍然認為禁用按鈕對用戶有幫助,那你絕對應該讀一讀。

          接下來是可逆性原則。這意味著你可以將界面恢復到初始狀態。雅虎又贏了——你可以重置界面。但只能通過逐個點擊每個字段來實現。這有什么意義呢?為什么僅僅因為你移開焦點,錯誤信息就會消失?這純粹是算法故障!在我關于設計流程的文章中,我指出即使是頂級公司有時也會設計出糟糕的界面,所以不要盲目追隨權威。要遵循科學。

          下一個原則是恰當性。用戶點擊了“繼續”按鈕——交互的對象是按鈕,而不是輸入字段。如果按鈕發出某種震動或吱吱聲來表達不滿,這可以理解。但是輸入字段呢?根本沒人碰過它們!它們怎么可能感知到按鈕的情緒呢?只有程序員知道,在代碼中,這些對象是相互關聯的——但外部觀察者一無所知,因為它們之間沒有視覺聯系。

          現在來談談時效性原則。設計師用紅色高亮顯示幾個字段,期望用戶做出什么反應?如果所有字段的重要性都一樣,用戶應該先解決哪個字段?這需要對注意力中心進行復雜的討論(這里的注意力中心不是指某個具體的輸入字段,而是“出了點問題”的整體感覺),但我建議保持簡單:界面基本上就是按照“坐下-停留-過來”的順序排列,打破了“一次一個動作”的原則。

          這里,一切都非常不對勁!

          調試模式

          界面有“模式”的概念。在我的大學里,程序員選修了一門名為“界面設計”的課程,課程內容包括解釋為什么彈出窗口被稱為“模態窗口”?,F在,我驚訝地發現,程序員和設計師似乎對如何處理模式一無所知。

          老式計算機有一種特殊的“HALT”模式,用于調試錯誤,也稱為“控制臺模式”。如果處理器嘗試執行無效操作,程序將被中斷,處理器將停止運行,并切換到控制臺模式。您也可以通過按下物理“HALT”按鈕手動觸發 HALT 中斷。使用開關或調試程序(在單獨的控制臺上運行),您可以修復錯誤并返回程序執行模式。

          “處理器”一詞并非偶然——它源于“進程”。錯誤中斷只能在進程運行期間發生,而不會在處理器停止并處于調試模式時發生。這一事實在我們稍后討論進程和狀態之間的區別時會很有用。

          向用戶清晰解釋他們最終進入不同模式的原因和方式至關重要。例如,調試器會顯示導致無效操作的指令地址。同樣重要的是解釋如何返回(記住可逆性原則)。經典的 Norton Commander 完美地詮釋了各種模式:

          1. 文件選擇模式
          2. 復印模式
          3. 管理員模式,需要對硬件錯誤做出響應

          我見過有人批評這類解決方案:“窗口疊在其他窗口上看起來很丑”。即便接受了這種說法,我仍然無法認同設計師通常提出的替代方案:“我們把這個窗口移除,把錯誤顯示到別的地方,這樣更美觀。” 就好像設計師忘記了自己是工程師,只是拿起畫筆,像個泥水匠一樣把瑕疵掩蓋起來。

          如果你真的想擺脫窗口,正確的方法是記住什么是模式、它們來自哪里以及它們是如何工作的——然后弄清楚如何避免切換到其他模式(如果你想深入了解模式,請閱讀 Jef Raskin 的《人性化界面》)。例如:軟盤空間不足?不允許復制文件。軟盤未插入?不要將其顯示在目標列表中?,F代操作系統就是這樣做的——它們消除了執行可能導致錯誤中斷的操作的可能性。

          現在我們可以猜一下雅虎上的“繼續”按鈕的作用了:它啟動了一個錯誤調試模式。在該模式下,用戶被賦予了程序員的角色,并被迫修復所有導致程序崩潰的空值和未定義值。不幸的是,開發人員并沒有意識到這對普通用戶來說有多么糟糕。我希望他們至少明白,他們剝奪了用戶返回上一個模式的能力——這違反了良好用戶體驗的最基本規則。

          糟糕的算法變成了“最佳實踐”

          乍一看,似乎所有網站的錯誤顯示都和雅虎一模一樣。所以這肯定是“最佳實踐”,是行業標準……但事實并非如此!每個人的做法都不一樣。我們來看看亞馬遜:

          1. 開始:所有字段均為空。無錯誤。“繼續”按鈕可用。
          2. 按下“繼續”按鈕。所有空白字段均標記為錯誤(最后一個字段除外)。
          3. 要消除錯誤,僅僅切換到另一個字段是不夠的——您實際上必須輸入一個值。
          4. 再次按下“繼續”按鈕。除第一個字段外,所有字段均為空,并標記為錯誤(第一個和最后一個字段除外)。

          讓我們來分析一下。

          一個活動按鈕——很好。亞馬遜正在跟上雅虎的步伐。

          自動聚焦到第一個字段——太棒了(雅虎沒有這個功能):用戶可以立即開始輸入。填完第一個字段后,按“繼續”鍵會直接將光標移動到第二個字段,也就是錯誤所在的地方。真是聰明的舉動!

          有人會反對:自動對焦在桌面端運行良好,但在移動設備上鍵盤會遮擋半個屏幕,所以最好隱藏它,直到用戶點擊輸入。這樣一來,你解決了一個問題,又制造了另一個問題。然后你選擇你的毒藥……問題是,你會認為一種弊端較小,而有些用戶會認為另一種弊端更嚴重。無論哪種情況,你都在選擇一種弊端。不要這樣做(我稍后會解釋如何做)。

          界面可逆性。你輸入一些內容,錯誤消失;然后你刪除它并切換到另一個字段——哇,一個沒有錯誤的空字段。所有字段都一樣。將界面恢復到初始狀態比雅虎要難,但由于算法不穩定,仍然是可能的。

          與雅虎的同事一樣,亞馬遜的程序員在“繼續”按鈕和輸入字段之間建立了心靈感應:按鈕不想繼續,但輸入字段都大聲喊出來(突然變成輸出字段)。

          特別要提一下密碼確認框——為什么它不變成紅色?不填就無法繼續。想說要等到前一個框填完后才進行校驗?當然,你得給用戶解釋一下錯誤校驗算法,再給他們看源代碼——這真的會很有幫助(諷刺)。

          現在,我們來快速看一下IBM的解決方案:

          激活按鈕——不錯。沒有自動對焦,但至少界面會自動滾動到第一個字段并顯示錯誤。

          界面不可逆——無法將字段恢復到第一個屏幕上的樣子。換句話說,你無法退出調試模式。那么,為什么還要有第一個屏幕(調試模式)呢?如果你認為空字段是錯誤,那就直接顯示第二個屏幕吧。哦,你不想立刻嚇到用戶?還記得感知心理學嗎?你決定稍后再嚇唬他們,作為對他們錯誤的懲罰?讓我再重復一遍心理學家的話:

          重要的是不要用消極情緒來強化錯誤,因為大腦對此非常敏感,并會將這種行為記錄為不值得花費精力的事情。

          例子不勝枚舉。以網站 capital.xyz 為例:

          日期字段為空,點擊“下一步”按鈕,字段自動對焦。手機字段為空,點擊“下一步”——完全沒有自動對焦。為什么?這背后的想法是什么?劇透:根本沒這回事。只是算法出了問題。

          谷歌甚至更進一步——你輸入的每一個字符它都會責罵你……

          即使你不同意我的批評,你也必須承認,知名公司的頂級設計師和程序員在實現同一項任務時,都采用了截然不同的方式。這意味著完美的解決方案尚未找到。很可能,根本沒人真正去尋找它。程序員只是在缺乏對用戶交互原則清晰理解的情況下編寫代碼,然后跑來找設計師說:“嘿,這里又有一個錯誤需要顯示出來。”

          當我為自己的項目設計錯誤顯示時,我沒有依賴別人的解決方案——我依靠科學。我在撰寫本文時收集了來自雅虎、亞馬遜和 IBM 的示例。在對所設計機制背后的原理沒有深入理解之前,研究參考文獻是有害的。你只會撿起別人的錯誤,然后引用權威文獻來為自己辯護。幾乎每個人都這樣做。沒有人愿意重新發明輪子——工業程序員沒有時間或動力去做這件事。所以每個人都堅持使用老式的命令行、字母數字顯示方法。還記得當時錯誤是如何顯示的嗎?如果沒有,來看看控制臺:

          如今,界面開發人員仍在做著同樣的事情:直接把錯誤日志直接倒在屏幕上。21世紀唯一的升級?把文本涂成紅色,然后把信息分散到屏幕的不同位置。

          這可不行。我們趕緊解決吧!

          事件與狀態

          我們用“錯誤”這個詞來描述兩種截然不同的事物:事件狀態??焖倩仡櫼幌拢寒斕幚砥鲊L試執行無效操作時,它會觸發中斷并進入調試模式。這是一次性事件。我們說“發生了錯誤”。然后,我們去尋找導致崩潰的內存中的特定值。該值——或者更準確地說,存儲單元的狀態——也稱為“錯誤”。換句話說,我們模糊了因果之間的界限——僅僅是因為我們沒有想出單獨的詞。為了避免混淆,我將使用兩個術語:進程錯誤(事件,某個時間點)和數據錯誤(內存中的錯誤值,一種狀態)。

          我們來看一個郵箱輸入框。缺少“@”符號?這是數據錯誤。被郵件服務器退回郵件?這是流程錯誤?;蛘咭脏]政編碼為例。位數太少?這是數據錯誤。數據庫中找不到郵政編碼?這是流程錯誤。

          空字段

          輸入字段只是一個數據容器。數據可能會缺失。如果你沒有輸入生日,并不意味著你出生在零日。這個輸入字段根本沒有數字,只有占位符“日”。數據缺失了。

          因此,空白字段并非數據錯誤。不存在的東西本身就不是什么錯誤??瞻鬃侄问莿摻〝祿?/span>機會,是一個良好的起點,也是一個互動的邀請。你可能已經注意到,空白表單看起來比已填充的表單更優雅。那么,為什么要用有毒的紅色來破壞它呢?誰會喜歡與標記為危險的字段互動呢?

          不要這么做。我準備了一個交互式原型來向你展示應該怎么做。

          狀態改變

          讓我們看看電水壺中按鈕和水的狀態是如何變化的。打開電水壺。水沸騰后,按鈕會彈開。但觸發按鈕的不是水,而是溫度傳感器。如果傳感器損壞或丟失,按鈕就不會彈開。

          現在手動按下按鈕——水不會突然變冷。了解導致狀態變化的具體原因很重要。

          規則如下:如果對對象 A 執行了某個操作,那么只有 A 的狀態可以改變,而對象 B 的狀態則不能改變。要更改 B 的狀態,需要一個直接作用于 B 的獨立進程。

          例如,數據庫搜索可能會觸發索引重建——這會更改數據庫本身,但不會改變您搜索的值。

          讓我們來看一個常見的 UI 設計錯誤。用戶想通過郵政編碼查找城市。他們輸入郵政編碼,點擊“搜索”,然后……輸入框變紅,或者值消失了。發生了什么?這是一個流程錯誤——數據庫中沒有結果。但 UI 卻將其顯示為數據錯誤,就好像用戶輸入了錯誤的郵政編碼一樣。但也許郵政編碼是有效的——只是城市還沒有添加到數據庫中。也許五分鐘后就會添加。用戶并沒有輸入錯誤數據。輸入框不應該受到指責。我們無權觸碰它。流程錯誤需要以不同的方式顯示(稍后會詳細介紹)。

          一次一個動作

          根據???海曼定律,提供的選項越少,用戶選擇所需內容的速度就越快。將這一原理推向極致,便可得出“一屏一操作”原則。有人可能會說,復雜的程序不可能簡化到這種程度,但讓我們回想一下 Hanx Writer 文本編輯器——蘋果設計獎得主——它幾乎精簡了所有內容?;蛘呦胂朐?Photoshop 中按下一個按鈕就可以隱藏整個界面,只留下一個工具可見。在某些情況下,“一屏一操作”原則非常有效。至少,在放棄它之前,先嘗試一下。

          在優化了開立經紀賬戶的網頁工作流程后,我決定在移動應用中測試這種方法??纯次业?/span>交互式原型吧——它通過了 17 位用戶的快速測試,與舊版本(每個屏幕有多個輸入字段)相比,速度提升了 13%。

          有人可能會說,時間的提升并不大——少了52秒,而不是整整一分鐘。但首先,試著數到8——這實際上是一段相當長的時間內,任何事情都可能發生。其次,測試表明時間減少了,而不是像一些人擔心的那樣增加了。他們假設額外的屏幕轉換會減慢用戶的速度,但結果卻恰恰相反:信息越少,用戶處理速度就越快。當只有一個操作可選時,用戶會毫不猶豫地執行。

          原型就是這樣。屏幕上只有一個輸入字段。用戶輸入數據,按下“繼續”,屏幕就會滾動到下一步。如果你手動嘗試在空白字段處向前滾動,屏幕會迅速彈回:“不行,不行”。輸入字段保持焦點,提示用戶輸入數據。無需任何額外的高亮——畢竟,它是屏幕上唯一的字段。完美。

          如果你點擊“繼續”,但輸入框為空或郵箱地址缺少“@”符號,鍵盤會彈回來,仿佛在說:“想繼續嗎?那就繼續填寫吧。” 沒有任何錯誤信息!

          我再強調一遍:我們不會隱藏錯誤信息。相反,我們設計的系統絕對不會出錯。沒有數據就意味著沒有數據錯誤。沒有流程就意味著沒有中斷或調試模式。這里唯一的期望是數據以正確的格式輸入。順便說一句,這里有一個很棒的方法——接受任何合理格式的數據。例如,Sberbank.ru 允許您輸入帶有國家代碼 (+7)、本地前綴 (8) 或完全不帶區號的電話號碼。

          從本文俄語版的評論來看,并非所有人都理解原型的用途。有些人期望看到一個完美無瑕、隨時可用的產品(一個他們可以直接復制的產品),結果卻大失所望,對諸如缺少重新發送短信驗證碼的選項之類的問題吹毛求疵。讓我再次澄清:本文中的原型并非成品的精確復制品。它們的唯一目的是展示如何消除錯誤信息。

          現在,讓我們將此解決方案擴展到界面無法簡化為“一屏一操作”模式的情況。 “Ingos Investments”的原型反映了數據量巨大,以至于每個屏幕上必須顯示多個字段的情況。

          讓我們設想一個場景:用戶尚未填寫所有字段,點擊了“繼續”按鈕。界面立即聚焦于第一個空白字段,調出屏幕鍵盤,并滾動到該字段正上方,方便用戶查看正在輸入的內容。即使屏幕上有多個字段,我們仍然堅持“一次一個操作”的原則,巧妙地將其他字段隱藏在鍵盤下方。在活動字段下方,會出現一條提示:“所有字段必須填寫”。這不是錯誤消息,而是一個有用的提示,沒有任何令人擔憂的危險信號。

          當用戶點擊屏幕鍵盤上的“下一步”時,他們只會跳轉到下一個字段——這和填寫表單的常規流程一樣,而不是笨重的錯誤調試模式。提示已經給出,所以用戶不太可能再次嘗試填寫空白字段。但如果他們真的這么做了,那么他們會再次看到這個溫馨提示。

          懷疑論者可能會說:“但如果空白字段位于屏幕最頂部,無法滾動到鍵盤上方怎么辦?或者,如果網站是在桌面上打開的,根本沒有屏幕鍵盤怎么辦?” 答案是:沒什么大不了的。所有這些極端情況都在原型中得到了完美的體現。我也聽到過這樣的擔憂:“如果我們不把每個字段都涂成紅色,用戶就不會意識到需要填寫”。測試表明,這些擔憂是毫無根據的。這些擔憂背后真正的恐懼,是害怕打破常規,嘗試一些真正新穎的東西——一些對用戶更有利,而不僅僅是對我們自己更有利的東西。

          州經理

          為了創建“Ingos Investments”的原型,我編寫了一個狀態管理調度器。交互元素將其內容報告給管理器,然后管理器決定如何處理它們。

          程序員常說輸入字段是獨立的元素。郵箱字段不知道電話字段里的內容。當你切換輸入字段時,它會觸發對其內容的驗證。當你點擊“繼續”按鈕時,所有輸入字段都會收到一個命令——檢查你的數據。這就是為什么它們會突然一起亮起紅燈。這就是它的構造方式。程序員說你無法改變它。設計師也相信這一點。不過亞馬遜的例子表明,密碼確認字段確實知道前一個字段的內容。所以他們可以隨時修改。

          這意味著你可以而且應該創建一個狀態管理器。當用戶嘗試跳轉到下一個屏幕時,狀態管理器會檢查所有字段,找到一個包含不完整或無效數據的字段,將用戶帶回該輸入框并顯示提示。本質上,這是一次時光之旅——回到用戶出錯的點。因此,將后續字段標記為錯誤是沒有意義的——它們發生在將來,而用戶尚未到達它們。

          使用狀態管理器,您還可以在鼠標懸停在“繼續”按鈕上時檢查字段內容。如果數據缺失,按鈕的標簽會更改為特定的字段名稱,例如“輸入街道”——這遵循了時效性原則(用戶嘗試繼續,但需要填寫字段,我們會通知他們)。這個新標簽在按鈕和字段之間建立了視覺聯系,使程序員有理由將這兩個元素的行為聯系在一起。

          程序員可能會問:“為什么要把事情復雜化?” 沒錯——對程序員來說越復雜,對用戶來說就越容易。這是規則。說實話,這只需要一兩天的時間。需要更多精力的是通知系統。數據錯誤和流程錯誤應該顯示在各自的層級結構中:數據錯誤應該顯示在數據容器中,而流程錯誤應該顯示在應用程序范圍的通知中。這是一個完全獨立的主題,我希望有時間寫一篇關于通知設計的文章。

          結論

          因此,我們發現了以下事實:

          1. 絕大多數現有解決方案都歸結為切換到“錯誤糾正模式”,而退出該模式要么不可能,要么極其困難(只能通過算法中的錯誤)。這種方法雖然被廣泛接受,但各地的實現方式卻有所不同:空白字段可能被視為錯誤,也可能被視為正常,有時甚至會在同一屏幕上混合出現。用戶會背負負面情緒,因為系統會“懲罰”他們破壞程序。這種方法絕對不可接受,必須予以糾正。
          2. 缺少數據并不意味著數據錯誤??瞻鬃侄问腔拥难垼俏kU信號。
          3. 我們不需要兩種模式:數據錄入和糾錯。一種模式——數據錄入——就足夠了。
          4. 數據錯誤和流程錯誤是不同的。它們應該顯示在相應的層級結構中:數據錯誤應該顯示在數據容器中,而流程錯誤應該顯示在全局通知中。
          5. 如果您希望對一個對象執行的操作影響另一個對象,請在它們之間建立清晰的視覺聯系。
          6. “一屏一操作”原則一定要試一下。如果有效,那你太棒了!
          7. 編寫一個簡單的狀態管理調度程序。借助它,你可以引導用戶回到最早未完成的步驟。
          8. 創建原型——它們是新想法的最佳概念證明。
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          Duolingo 終止了“用戶體驗設計”這一術語

          杰睿 交互設計及用戶體驗

          Duolingo 終止用戶體驗設計

          令人驚訝的是,Duolingo 的用戶體驗主管 Mig Reyes 在 LinkedIn 上宣布,公司已決定徹底改變 UX 設計一詞,并用 PX 設計取而代之。

          你可能會問, PX 設計是什么?讓我們根據公司的說法來分析一下。

          Mig Reyes 在 LinkedIn 上的帖子引發了一場爭論

          首先,他們明確表示將把用戶體驗 (UX) 的職能更名為產品體驗 (PX)。之所以做出這一改變,是因為 Duolingo 是一家產品主導的公司,他們內部所做的一切都是為了產品。他們招聘的職位也包括產品設計師、產品文案和產品研究員。

          我們嘗試過“UX”這個統稱。但最終沒能堅持下來。它感覺不像我們。感覺……過時了。

          最后,他們還提到了UI如何塑造用戶體驗,以及UX如何服務于產品,最終形成了完整的等式。這是一個相當有趣的UX設計理念,因為我們一直以來都認為用戶和業務之間需要取得平衡。

          此事在網上引發了眾多設計師的強烈反對。有人認為這是公司賦予用戶體驗(UX)新身份、使其專注于業務和產品的絕妙之舉;而另一些人則認為這只是一種營銷噱頭。

          LinkedIn 上引發的爭論

          拋開這些審查不談,這確實表明公司越來越看重設計師的頭銜,更注重設計師的實際能力和技能。UX(用戶體驗)這個詞在我出生前就出現了,之后經歷了多次改版,所以這種情況對我來說并不意外。公司如何更加輕視設計師的頭銜,而更注重設計師的職能和技能。UX 在我出生之前就已經被創造出來了,從那時起它已經經歷了多次改版,所以這樣的事情對我來說并不感到驚訝。

          PX、AX、DX 等的崛起

          這并不是我們見證的第一次用戶體驗 (UX) 品牌重塑。1993 年,用戶體驗之父唐納德·諾曼 (Don Norman) 創造了“用戶體驗設計”一詞,將平面設計、工業設計、文檔和人機交互等概念融為一體。1993年,UX之父唐納德·諾曼創造了UX設計這個術語,將圖形設計、工業設計、文檔和人機交互全部涵蓋在一個整體中。

          2011年,一位擁有產品設計背景的勇敢軟件開發者挺身而出,致力于改變開發者的生活。他提出了“開發者體驗”一詞,涵蓋了在其他現有平臺上構建應用程序的開發者的體驗。您可以在此處閱讀詳細文章。

          最近,

          宣布了一個名為“代理體驗”(Agent Experience,簡稱AX)的新術語。該術語與基于代理的人工智能(AI)領域相關,涵蓋了AI驅動的代理如何看待世界和數字體驗。例如,某些代理可以與網頁交互,并根據您的提示幫助您找到合適的內容。AI代理如何與網頁交互?代表您撥打電話的AI代理將如何與其他人互動?問題無窮無盡,而AX或許正是AI代理未來發展的答案。閱讀全文。

           

          這對 UX 設計師來說意味著什么?

          每個創意或技術領域都必然會根據當前的技術趨勢以及用戶對產品的期望而發展。由于許多任務都由人工智能完成,設計師不可避免地會開始關注業務和產品功能,因此“PX”一詞就顯得合情合理。如果重點轉向打造更優質的人工智能或代理體驗,那么“AX”一詞就顯得合情合理。設計師開始關注業務和產品功能因此,PX 這個術語是有意義的。如果重點轉向打造更好的 AI 或代理體驗,那么 AX 就說得通了。

          用戶體驗設計師現在必須與時俱進,掌握必要的技能例如針對設計、產品和業務的 AI 工作流程,甚至對市場上新興趨勢的了解。

          無論術語是什么UX 和 UI 設計的基礎和原則始終如一。事實上,在設計師數十年經驗的基礎上構建新的理念和流程比以往任何時候都更加重要。

          人工智能的未來不僅僅在辦公室,還在工作現場

          杰睿 行業趨勢

          人工智能可以為重要的一線工人創造經濟流動性——以下是產品制造商如何轉變我們的思維以涵蓋這些體驗

          作者:喬恩·弗里德曼

          關于人工智能的討論通常集中在其對白領工作(知識型工作、辦公室生產力、創造性工作)的顛覆性潛力上,但很少有人討論人工智能將如何徹底重塑技術工人和一線工作。作為設計師,以人為本的視角意味著不斷探索新領域,不僅從技術層面,也從人性的角度。

          如今,我們在賦能信息工作者方面擁有卓越的成就,在邁入人工智能時代之際,我們正積極發揚這一傳統。展望未來,我也看到了人工智能優先體驗的巨大潛力,這些體驗有助于為支持社會最基本系統的人們創造經濟增長和流動性。構建和維護我們物理系統的是電工、鋼鐵工人、管道工、運輸工人等等。支持我們人類系統的是教育工作者、兒童保育人員和護士等至關重要的工作者。至關重要的是,幾乎所有這些職業都面臨著嚴重的人員短缺,求職者數量也在不斷減少。

          精心設計的人工智能體驗或許有助于有效解決這個問題,尤其是在融入整體方案時。隨著我們拓展產品方面的思維,Microsoft Elevate 和人工智能經濟研究所——我們企業慈善事業的下一個篇章——正在幫助確保人們在人工智能改變世界的過程中不會被遺忘。他們致力于為人們提供技能、知識和工具,讓他們能夠與人工智能共同發展,這體現了微軟的信念:人工智能應該服務于每個人,包容性設計與包容性機遇相輔相成。

          人工智能發展的驚人未來:一線工人

          有表格可以幫你!減少官僚主義的復雜性

          人工智能系統需要龐大的物理基礎設施,而隨著我們構建越來越大的人工智能系統和數據中心,能源需求也隨之飆升。誰來滿足這一需求呢?技術工人:負責布線的電工、建造冷卻系統的管道工、以及建造承載人們數字夢想的鋼鐵工人。

          然而矛盾的是,正當美國對專業電工的需求達到前所未有的高度時,美國卻面臨著熟練電工的短缺。

          迫切需要吸引高中畢業生直接參與帶薪學徒項目——承諾穩定、高薪的職業,且無需承擔學生貸款的負擔。這一需求為人工智能設計提供了一個清晰而強大的用例:簡化從學校到學徒再到熟練工的復雜路徑。人工智能解決方案可以簡化流程、時間表、表格和認證,從而加速職業發展并促進經濟流動性,惠及個人、家庭乃至整個經濟。

          人工智能是積極的合作伙伴,而不僅僅是另一個被動工具

          想象一下,你是一名剛入行的電工學徒,踏入第一個復雜的工地。熟練工們辛勤工作,確保項目順利推進,但工作節奏之快,讓你很難停下來,實時解答每個問題。這時,人工智能就派上用場了——它并非取代經驗豐富的電工的指導,而是為其提供支持。使用你的智能手機,人工智能助手可以直觀地識別問題,并根據經驗豐富的熟練工處理過的數千個實際場景,提供即時實用的建議。這就像在你的口袋里多了一個額外的支持——人工智能就像一個親自動手的助手,可以強化你的學習,并增強你的工作信心。

          這不是理論上的未來主義。而是實用且可擴展的人工智能設計,能夠直接提升一線員工的生產力,加速學習,提升效率,并更好地保障安全。一線工人的工作通常需要體力勞動,有時甚至很危險,并且可能需要在不可預測的環境中連續工作10到12個小時——僅在美國,每年就有近100萬起制造業傷害和卡車事故。這不僅會影響工作效率,背部受傷或手指缺失還會給整個家庭帶來持續的經濟困境。

          在這種情況下,知道自己并不孤單不僅能增強信心、幫助你在工作中表現出色,還能讓你相信下班后能安全回家。

          通過以人為本的人工智能設計重建信任

          除了人身安全之外,信任也是一線工作另一個方面的關鍵因素:科技的優勢和前景。例如,護士基于過去的經驗,對數字技術持懷疑態度,這是可以理解的。二十年前,他們被承諾電子病歷 (EMR) 將積極改變他們的工作流程。然而,EMR 主要惠及的是管理人員、保險公司和技術供應商,卻讓護士承擔了額外的繁瑣工作,減少了與患者的面對面互動,并降低了他們對技術承諾的信任。

          如今,這種懷疑依然揮之不去,其根源在于人們認為科技往往優先考慮企業效率或盈利能力,而非一線員工的實際需求。護士和許多其他技術專業人員理所當然地懷疑,人工智能能否真正幫助他們,或者歷史是否會重演。人工智能未來的成功不僅取決于其強大的技術能力,還取決于我們能否重拾并維持信任,尤其是那些曾因技術前景而失望的人們。

          解決這一懷疑的唯一可行方法是真正以人為本的產品設計。

          前進的道路需要認真傾聽一線員工的心聲,深入了解他們的日常問題,并共同設計能夠帶來切實效益的解決方案。優秀的設計,真正植根于用戶同理心和實際效用,不會將業務目標與員工需求對立起來,而是有效地協調和平衡兩者。作為產品制造商,我們的工作就是實現這種平衡,確保人工智能工具不會為了技術而強加于員工,而是以協作、透明和同理心的方式進行開發。

          下一波產品設計浪潮

          以不同的方式思考要完成的“工作”

          為了兌現這一承諾,我們需要重新構建我們的設計方法和假設。以“待完成工作”(JTBD)為例,這是一個用于理解用戶問題的通用設計框架。從歷史上看,我們通常將“工作”理解為更具體的行動,通常是通過信息工作(IW)的視角。要讓所有員工都能用人工智能賦能,就需要超越表面行為,關注通常位于馬斯洛需求層次更高層次的人類需求。

          以年度績效評估為例,無論你是送貨司機還是設計師,都會進行績效評估。通常,員工會填寫一份表格,經理們會用這份表格來討論職業發展。如果我們認為 JTBD 就是“填寫表格”,我們就會設計一個 AI 解決方案,讓填寫表格變得更容易;也許你只是把想法寫進表格,然后 AI 會賦予它們結構和更優美的措辭。如果我們意識到真正的 JTBD 是促進有意義的對話,我們就可以設計一個主動的 AI 代理,嵌入到日常工作流程中,讓你和你的主管在職業發展對話開始前幾周做好準備。該代理會幫助整合你的成就(包括你可能已經忘記的成就),提供相關的反饋,提出富有成效的談話要點,然后促成一場引人入勝的對話——所有這些都將顯著提高效率、增強意義,并減少事務性。

          這種設計首先以最終用戶的需求為中心,而不是為了滿足需求而創造技術解決方案。雖然產品制造商經常與技術工人(FLW)打交道——比如你孩子的老師、你診所的護士,或者你剛剛急需聯系的水管工——但我們的工作性質截然不同,因此,共同設計以識別任務背后更深層次的需求尤為重要。

          以不同的方式優先考慮多式聯運場景

          雖然多模式場景對許多信息工作者來說令人興奮,但對一線工作人員來說,它們的影響遠為關鍵。視覺捕捉白板筆記與向在雨夾雪中行駛的卡車司機發出迎面而來的車輛信號有著截然不同的意義。為運輸工作者設計的以視覺為中心的輸入和輸出體驗必然會極其靈敏、細致和準確——從而為現場物流工作者和信息工作者帶來顯著更好的體驗。

          從設計的角度來看,由于一線崗位高度的體力勞動和對話性,人類活動的范圍更加廣泛。雖然所有專業領域都推動著經濟發展,并且意義深遠,但未能滿足一線工作者的需求會立即對社會各階層產生深遠的影響。通過將通用設計原則應用于針對這些更為極端和關鍵狀況的多模式解決方案,我們正在創造惠及每個人的體驗。

          轉變端到端工作流程

          人工智能的更廣闊潛力不僅在于實現任務自動化,更在于積極賦能人類,創造全新的途徑和工作方式。這種潛力遠不止于辦公室,還涵蓋教室、醫院、建筑工地、交通系統等等。

          例如,我們采訪過的教育工作者已經看到人工智能深深嵌入到他們的課堂中,最初是由學生的采用推動的,但現在正在改變他們創建和教授課程的方式。

          護士和醫護人員同樣利用人工智能來更有效地管理患者護理。

          微軟對 Microsoft 365 Copilot 等工具的愿景正是基于這一新現實:設計能夠實時理解、預測并適應人類需求的智能系統。在我們重新構想整體體驗的過程中,協同設計的一部分在于重新思考如何通過智能設計來衡量、定義和實現生產力。通過不再使用人工智能來自動化當前任務,而是從根本上重新思考任務本身,我們可以優先考慮最重要的事情:人際關系、快速學習、經濟賦能和有意義的工作。

          一種新的端到端思維

          端到端體驗通常指整個產品生命周期。當我們思考產品將存在于的世界時,需要一種不同的端到端思維。教育行業在整體思考經濟增長時,通常采用“從搖籃到職業”的思維模式。討論的重點并非僅僅放在教育隧道末端的工作崗位上,而是從幼兒教育開始,然后是K-12和高等教育途徑,包括高等教育和帶薪學徒制,最終是維持生計的工作崗位。

          考慮到這些關鍵崗位的嚴重人員短缺,產品制造商的端到端思維應該包括引發關于如何最好地引導人們進入這些職業的討論。像領英這樣數據豐富的平臺可以通過展示熱門崗位、規劃基于技能的職業發展路徑,以及為有抱負的工作者(無論是高中生還是轉行者)提供學徒計劃、認證和導師支持,使一線職業發展路徑更加清晰易懂、易于導航。通過將這些洞察融入產品設計,我們可以用全新的端到端思維,全面支持關鍵職業發展。

          歸根結底,下一代人工智能不僅僅是數字化的;它是切實的、交互式的、主動的、并且高度人性化的。對于人工智能設計師和產品創造者來說,我們的使命從未如此清晰:廣泛、深入且人性化地重新定義生產力。在微軟,這是我們的承諾——不斷改進我們思考和構建全球最具影響力的人工智能工具的方式,確保從電工和教育工作者到設計師和商業領袖,每個人都能在這個新的現實中蓬勃發展。

           

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

          【原創】交互設計案例分享:資源庫網站設計

          杰睿 交互設計及用戶體驗

           

          項目背景:

          隨著生態保護意識提升,青海豐富的鳥類資源亟待數字化呈現與科普推廣。為打破信息分散壁壘,助力科研、生態教育及觀鳥愛好者交流,客戶想要造青海鳥類資源庫網站,以專業、直觀、易用的 UI 設計,串聯鳥類數據、科研成果與公眾認知 。
          該項目是與青海師范大學合作的[青海鳥類資源庫]網站交互及UI設計,青海師范大學是我們的老客戶了,本次項目我們也是從前期的內容整理歸納、交互原型設計、UI設計,再到最后的客戶后期的開發還原度走查工作,最終實現的效果也獲得了客戶的認可。

          項目概述:

          產品定位:聚焦青海鳥類生態,打造集科普教育、科研輔助、觀鳥互動于一體的數字化平臺。既為專業學者提供精準數據檢索、學術成果展示窗口,也向大眾普及鳥類知識、傳播生態保護理念,成為青海鳥類生態對外展示的 “數字名片” 。
          目標用戶:需求精準數據查詢、學術成果沉淀與共享,關注知識圖譜、文獻列表等功能模塊的科研學者;熱衷鳥類科普、觀鳥活動,期望通過直觀界面了解物種、觀測歷程的生態保護愛好者;以輕松方式接觸生態知識,側重可視化展示(如地圖分布、演化流程)與趣味互動(評論區、相關鳥類推薦 )的普通公眾。
          設計風格:色彩以青海地域元素為靈感,藍天、雪山、湖泊藍白漸變打底,搭配鳥類羽毛自然色調,營造清新、貼近自然氛圍;布局遵循 “信息分層、高效瀏覽” 原則,大模塊分區清晰,用卡片式設計承載內容,既保證視覺呼吸感,又通過微交互增強科技感與操作流暢性
           

          設計亮點與價值:

          知識圖譜可視化:以鳥類為核心,關聯棲息環境、食物鏈等信息,通過動態交互圖譜,讓用戶直觀理解物種生態關系,打破知識傳播壁壘;
          精準服務多元需求:為學者設計文獻檢索、數據統計模塊,支持高效科研工作;為愛好者打造觀鳥圣地推薦、實時評論互動,構建交流社區;為大眾簡化信息層級,用大圖、短文案、輪播展示核心內容,降低科普門檻。
          品牌與生態共鳴:通過統一視覺語言(如 Logo 融入鳥類形態、底部生態友好鏈接),強化 “青海鳥類保護數字陣地” 品牌認知,讓用戶在瀏覽中自然產生生態守護認同感,助力青海生態文化傳播。
           
           

          分析 128 家科技公司的標志我們發現了什么

          杰睿 設計思維

          阿蒂奧姆•達辛斯基

          幾年前,我需要為客戶設計一個標志,但卻找不到一個擁有設計精良、相關標志的好地方來激發靈感。

          所以當時我創建了Logggos——一個擁有約 1,000 個科技公司、代理商和 DTC 品牌精選徽標的網站。

          我還分析了 128 個科技/SaaS 公司的標志,以了解他們使用的字體、結構和形狀。

          我很快收集了下面的結果,展示了什么讓標志感覺“科技化”(如果你想實現或避免這種外觀)。

          標志結構

          72% 的 Logo 使用圖標 + 文字

          21% 僅使用文本,6% 僅使用圖標。

          30%帶有圖標的徽標在圖標中使用其名稱的首字母:

          33%使用基本形狀 - 正方形,圓形,三角形等。67
          %使用圖形復雜形式(例如箭頭,波浪):

          空 = 復雜形狀(例如箭頭、波浪)

          排版

          93% 使用 Sans-Serif 字體系列:

          雖然Serif、Serif-SlabScript字體在 DTC 品牌中非常常見,但在科技標志設計中它們卻非常罕見。

          字體案例

          全部小寫(“gusto”):42%
          標題大小寫(“Gusto”):48%
          全部大寫(“GUSTO”):10%

          過去幾年,從全大寫改為標題大小寫或全小寫已成為一種趨勢。沃爾瑪、史泰博、AT&T、Tand 等大公司都放棄了全大寫。萬事達卡和費雪等品牌也從標題大小寫改為全小寫??磥砜萍夹袠I也出現了類似的趨勢。沃爾瑪、史泰博、AT&T、Tand 等大公司都計劃放棄全大寫萬事達卡和費雪等品牌已將標題大小寫改為全部小寫。看來科技行業也出現了類似的趨勢。

          100% 的雙詞名稱單詞之間沒有空格

          (例如 NetSpring 而不是 Net Spring)

          我們調查的公司中,有 30% 的公司名稱由兩個單詞組成。所有使用兩個單詞的公司都選擇不在其徽標中拆分單詞(例如 NetSpring 和 Net Spring)。這與那些喜歡拆分單詞的消費品牌(例如 Fresh Sends)有所不同。

          51% 的標志是黑色

          抱歉,圖表餅圖的顏色與名稱不匹配:)

          當品牌選擇顏色時,最受歡迎的顏色是:藍色(18%)、橙色(10%)和綠色(8%)。

          這是與消費品牌的另一個不同之處,與科技公司相比,消費品牌更有可能在其標志設計中使用顏色。

           

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

          打造高影響力產品的 5 步 AI UX 策略

          杰睿 設計資源

          在打造推動客戶實質性改進的 AI 體驗時需要考慮的戰略因素。

          圖文并茂:AI UX 手冊 — 5 步打造卓越用戶影響力

          每個人都在爭相打造 AI 體驗,但產品真的能達到預期效果嗎?作為用戶體驗領導者,掌控產品方向是我們的榮幸。這意味著我們要思考 AI 如何在用戶體驗中呈現,以及它對用戶的實際意義。

          啟動變革性人工智能的秘訣

          僅僅擁有AI功能已經遠遠不夠了。AI成本高昂,如果執行不力,還會給用戶帶來更多不便。其他設計師和技術人員之前也曾抱怨過這個問題,所以我就不再贅述了。那么,作為一名用戶體驗領導者,你該如何才能更好地定位你的公司和團隊,從而有效地推出AI技術呢?

          1. 出于正當理由
          2. 組建你的 AI A 團隊
          3. 了解你的工作內容
          4. 奠定基礎
          5. 共同塑造未來

          第一步:出于正確的理由

          回歸本源

          不要僅僅為了 AI 而構建。要識別用戶最緊迫、最普遍的問題。需要注意的危險信號:

          • 產品主題或計劃應以“為我們酷炫的產品線打造生成式人工智能聊天機器人”之類的形式呈現,而不是“利用人工智能簡化我們酷炫產品線的客戶工作流程”
          • 該組織正在尋找將 AI 添加到產品中的方法,而不是識別可以通過 AI 提高 10 倍或 100 倍的體驗缺陷或手動交互

          與產品負責人、業務利益相關者和客戶擁護者進行交流,探討如何推動變革。與客戶溝通,了解他們的工作方式,并提供可靠的數據來驗證你的假設。

          人工智能是正確的選擇嗎?

          好了,你確定了主要問題,但人工智能真的是正確的方法嗎?數字公共服務中心的評估報告《人工智能是否是正確解決方案》提供了一些指導,可以幫助你入門:

          • 所需的數據充足,且使用安全合乎道德
          • 任務規模較大重復性較強
          • 有助于在現實世界中取得成果

          來到耶穌面前的時刻

          如果人工智能很合適,答案不應該總是聊天機器人,但很多公司卻這么認為。如果你的公司也這么認為,那么你還有很多工作要做。首要考慮因素應該是價值,而秘訣在于組織對價值的認同。

          定義貴組織的AI 愿景和目標——參考 Thrive 文章《如何創建 AI 愿景聲明》中的建議,共同制定愿景和目標。運用 AI 技術,增強用戶體驗 (UX) 或產品團隊的目標聲明。

          第 2 步:組建你的 AI A 團隊

          確定可以支持您的團隊及其 AI 計劃的聯系人。

          • 客戶擁護者——找到與客戶有直接聯系的人
          • 最終決策者——了解批準計劃并簽署支票的領導者,正如他們所說
          • 關鍵影響者——找出對人工智能充滿熱情或組織內值得信賴的顧問
          • 主題專家——了解您的團隊需要咨詢哪些專家
          • 執行功能——找到擁有合適技能的團隊成員來實現你的愿景
          AI A 團隊矩陣(客戶擁護者、最終決策者、關鍵影響者、主題專家和執行職能),詳細說明每個人的重要性、示例角色或頭銜、他們如何提供幫助等
          與你的 AI A 團隊建立關系對于你的 AI 之旅至關重要

          雖然您可能沒有能力動員這些同事或工作伙伴,但建立聯系并尋求建議仍然有助于進一步推動您的計劃。

          在整個組織內培養關系對于讓你被看到并建立信任非常重要。

          獲得認可并引起轟動

          在這個部分,您需要進行認真的、有時可能令人不快的對話,以通知、協作、獲得批準或召集 AI A 團隊的各個成員。

          • 在整個組織內傳播愿景
          • 驗證發現、決策等
          • 協調行動項目和后續步驟
          • 讓人們對愿景和人工智能之旅感到興奮

          步驟 3:了解您正在處理的內容

          引導您和您的團隊更好地了解您正在建設的環境。

          衡量產品智能成熟度

          您的組織或產品在智能化道路上處于什么階段?您是從零開始,還是只實現了少量自動化,還是已經擁有許多 AI 功能?這里需要考慮的重點是當前狀態,而不是路線圖或理想的未來。

          產品智能成熟度規模:手動工作流程、業務邏輯自動化、機器學習和狹義人工智能
          簡化的產品智能成熟度量表
          • 手動工作流程——完全沒有自動化
          • 業務邏輯自動化——特定功能的靜態業務規則
          • 機器學習和狹義人工智能——僅限于特定任務的卓越能力
          • 通用人工智能和超級人工智能——未納入該范圍,因為它們仍處于理論階段

          通過大致了解您的組織所處的狀況,您可以確定您的組織為了實現愿景必須達到的成熟度級別。

          評估平臺技術準備情況

          UI 的底層隱藏著什么?它是否采用了合適的技術架構來支持 AI 開發?在真正投入 AI 工作之前,你需要解決多少技術債務?

          在架構師和開發人員的幫助下,您的團隊可以全面評估您的平臺的定位。雖然我不推薦 Domo,但他們有一篇很棒的文章《AI 就緒性:評估您的業務的完整指南和免費清單》,您可以參考。

          • 基礎準備——包括基礎設施平臺、數據源和軟件包
          • 運營準備——包括指導方針、人員配備、治理、合規性和風險

          了解這一點可以告訴你,你的努力是否會實現、是否會被推遲,或者是否會徒勞無功。

          第四步:奠定基礎

          指導工作的是什么

          定義AI 設計原則,打造富有影響力的用戶體驗。您可以從 VUX 的AI 設計原則中找到靈感。通過補充和完善概念的原則,強化既定的 AI 愿景和目標。

          設計師的驅動力

          不斷提升您的 UX 實踐以提供完善的 AI非常重要。

          • 確保您的團隊掌握最新的設計最佳實踐,例如Maria Margarida 撰寫的《使用 AI 進行設計:用戶體驗和最佳實踐》這篇文章
          • 在自己的設計工作流程中積極使用人工智能,親身體驗人工智能,并通過實踐獲得見解
          • 定期互相分享提示、資源和學習成果
          • 做好你每天要做的事情——磨練用戶體驗專業知識,改進研究和設計實踐,并定期與客戶互動

          是什么讓團隊繼續前進

          與工作伙伴保持定期溝通并遵循最佳實踐。

          • 知道何時讓參與
          • 建立異步渠道和會議節奏

          經驗告訴我們什么

          您的團隊是否渴望開始深入研究數據?對于注重工程設計的組織,或者為了實現并行方法,您的團隊也可以專注于數據準備。您可以先清理和準備一些基礎數據集,以及一些您認為能夠帶來價值的專業數據集:

          • 帳戶和用戶數據
          • 記錄應用程序和傳感器數據
          • 所需第三方的 API
          • 元數據和標簽

          通過清理信息并將數據輸入 AI 模型,您仍然可以在現有路線圖上開展工作,同時為 AI 計劃取得一些進展。這樣,您就可以在對現有數據集執行深度學習關聯時讓數據為您提供指導,從而進一步研究特定經驗用例。

          第五步:共同塑造未來

          AI交互模式

          要利用 AI 解決客戶問題,團隊必須仔細思考 AI 如何在系統中運行,以及它將如何影響用戶體驗。請使用下方矩陣來指導討論和決策。

          • 參與——要求與人工智能進行主動、明確的互動
          • 嵌入式——精心策劃的集成 AI 體驗
          • 隱形——用戶無法與人工智能直接互動
          AI 交互模式矩陣,突出顯示參與、嵌入和隱形模式的屬性
          用于戰略討論的人工智能交互模式矩陣
          Microsoft Copilot 參與式 AI 交互模式示例的 GIF
          參與式 AI 交互模式示例——Copilot 的語義索引
          Microsoft Copilot 嵌入式 AI 交互模式示例的 GIF
          嵌入式 AI 交互模式示例 - 使用 Copilot for PowerPoint 重寫

          真正的用戶倡導者提出的問題

          • 這會增加用戶的交互需求嗎?會增加多少?付出的努力是否值得?
          • 這將對我們的客戶的生活質量產生哪些具體的影響?他們是否有能力或意愿付費來實現這些收益?
          • 實施這一舉措是否需要客戶采取額外的措施?擴大規模后,還需要付出多少努力才能保持這種模式?

          通過令人信服的研究綜合做出決策

          確保不錯過任何機會,分享在探索過程中、通過用戶反饋或分析所獲得的經驗。及時向業務和產品利益相關者匯報研究結果,確保路線圖的優先事項得到數據支持。

          可視化路線圖里程碑

          用戶體驗團隊還可以通過有效的可視化,在幫助利益相關者更好地確定工作優先級方面發揮關鍵作用。與產品經理合作,模擬代表最終愿景、第一步以及最終實現之前的幾個中間階段的英雄體驗,這些體驗可以映射到交付時間表和階段。

          衡量影響

          確保你能定量和定性地衡量結果。包括領導層的投資回報率 (ROI) 和產品團隊的關鍵績效指標 (KPI)。雖然我不推薦這些方法,但Arounda 的《人工智能用戶體驗:完善人工智能產品指標的 10 個技巧》提供了很好的例子:

          • 用戶參與度、用戶保留率
          • 轉化率、采用率和使用率
          • 效率和生產力

          底線

          如果您已經為客戶提供了良好的服務,那么打造高影響力的 AI 體驗應該輕而易舉。但陷阱在于,組織對 AI 愿景或目標的看法不一致,以及您的產品技術能力尚未為 AI 做好準備。作為一名設計領導者,您擁有獨特的優勢,只需稍加挖掘、拓展人脈,并打破常規思維,就能引領變革。

          步驟:1. 出于正確的理由去做 2. 組建你的 AI A 團隊 3. 了解你的工作內容 4. 奠定基礎 5. 共同塑造未來
          TLDR:打造高影響力產品的 5 步 AI UX 策略手冊

          進一步閱讀

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

          谷歌全新 Material Design 的“Expressive”設計

          杰睿 行業趨勢

          谷歌剛剛在上周的Android Show上發布了 Material Design 的一項最大更新,這讓我這個 UX 設計師感到非常興奮(同時也有點擔心),因為它正在發生著變化和發展。

          谷歌 Material Design“Expressive”設計預覽

          谷歌 (OOGLE) 最近對其現有的設計語言和系統進行了大規模升級,用于為全球數十億用戶構建應用和產品。此次更新包含許多有趣的新效果和風格,但最重要的是,它凸顯了公司在用戶體驗方面的思維轉變。

          讓我為您總結一切,并展示這將如何為空間帶來新的設計趨勢。

          有趣的元素、按鈕和控件

          Material Design Expressive 中的趣味元素

          如果你覺得之前的 Material Design 已經不遺余力地讓元素看起來更有趣了,那么這次的更新絕對更上一層樓。從形狀相互轉換的創意加載器,到隨處可見的滑動條,這次更新將為設計師提供豐富的選擇和自由度,讓他們盡情發揮創意。

          不一致是關鍵?——這是我在 Android Show 上注意到的!作為設計師,我們通過網站和應用程序宣揚一致的設計,然而 Material Expressive 卻打破了大量規則。

          • 標簽現在會改變形狀以突出顯示并顯示高亮狀態。
          • 浮動菜單現在具有可變的寬度來容納其內容,而不是一個一致的寬度。
          • 擴展的形狀庫可以為部分或按鈕增添樂趣。
          • 在屏幕上的同一空間內使用可變的邊框半徑(半徑的復數)來提供更高水平的視覺區分。
          • 標題中使用多種排版方式來增強視覺層次并注重“大膽”的設計。
          • 諸如此類的例子還有很多。

          除了微小的元素之外,我們還可以在應用程序中的整個卡片和列表中看到這一點:

          卡片和列表如何應對不一致

          標題真正體現了風格并打破了界限

          標題如何在不同的應用中扮演不同的“角色”

          我們見過網站標題的奇特風格,設計師們也利用標題來契合主題,使其成為重要的圖形元素。谷歌似乎也試圖在其設計系統中做同樣的事情。

          一個很好的例子是他們如何巧妙地使用可變的字體高度和大小來創建這個簡潔的鬧鐘應用程序。

          資料來源:9to5Google

          一些有趣的標題和文字非常有意義,尤其是在標題扮演特定角色的應用中。然而,一些大而粗的標題和元素的使用卻很糟糕。以下是谷歌正在做的一個很好的例子顯示為“不該做什么”:

          我們還沒有看到谷歌在動畫標題和效果方面做出太多的貢獻,所以我們只能拭目以待。

          注重節省時間

          從上面的對比中,您可以注意到 Gmail 移動應用的一些重大變化。電子郵件部分現在變成了素材卡片,并且操作菜單移到了鍵盤上方。除了位置的變化之外,加粗的發送按鈕和擴展的菜單還允許用戶快速操作并將元素添加到電子郵件中。研究表明,這可以將用戶的瀏覽體驗提升 4 倍。

          不同元素使用不同的色調不僅讓應用程序感覺更有趣,而且還為重要元素創建了良好的視覺層次和對比度。

          在經過測試的 10 款應用中,M3 Expressive 設計使老年用戶能夠像年輕用戶一樣快速地發現屏幕上的關鍵交互元素。

          根據谷歌研究團隊的調查,無論年輕用戶還是年長用戶,都能更快地發現關鍵交互和行動號召 (CTA),并減少采取行動的時間。簡而言之,用戶和界面之間的摩擦將會減少。

          動畫和交互得到升級

          谷歌將他們的新動畫系統和指南稱為“運動物理系統”,該系統致力于使微交互和過渡更加流暢、更具表現力。谷歌還致力于使動畫更容易被用戶理解。

          一些主要區別如下:

          • 基于彈簧的動畫本質上意味著動畫結束時會有彈跳,以使其感覺更自然。
          • 您可以使用新的運動方案來定制您的設計。
          • 空間效果,其中元素將在屏幕上從一個位置移動到另一個位置。
          • 他們還采用了新的命名方案,以“expressive”作為動畫名稱的前綴。
          • 標準緩和動畫已成為過去!

          所有這些如何協同工作的一個很好的例子就是這個非常自然且富有表現力的動畫:

          新的 Android 通知動畫

          在上面的例子中,仔細觀察關閉一條通知時,所有其他通知都會做出相應的反應。這感覺就像一本書被從書架上拉下來,旁邊的書也會微微滑出。這比之前的 Android 更新更加自然,也更符合物理定律

          您可以使用這些新動畫及其動畫指南和設置列表 - https://m3.material.io/styles/motion/overview/how-it-works

          隨處可見的形狀和變形

          谷歌確實非常依賴變形形狀來展現設計元素的狀態變化。無論是卡片的展開,還是計時器的移動,這些變形形狀隨處可見。

          • 藥丸會增加邊框半徑,以從其他選項中脫穎而出。
          • 許多 SVG 圖形會通過變化和變形來顯示事物的增加或減少。這些圖形可以是計時器、加載器和進度條。
          • 卡片變成圓形以顯示選定狀態并與其他卡片區分開來。
          • 當卡片在滑塊或旋轉木馬中進入焦點時,它們會擴大。
          • 圓形裝載機從無聊的舊圓形變為變形形狀。

          他們還推出了一個新的形狀庫供設計師使用和探索——https: //m3.material.io/styles/shape/overview-principles。

          這些形狀不僅僅是工藝品。谷歌鼓勵設計師將其用于個人資料圖片以增加個性,將其添加到用戶交互和元素中,以及使用 2.5D 形狀來增加深度。

          不過,谷歌也警告設計師要謹慎使用形狀,以避免混亂和混淆。

          我為什么擔心?

          1. 過度游戲化:由于 Google 專注于有趣和明亮的元素,一些設計師可能會過度使用并破壞一些常見的 UX 原則,從而妨礙用戶的體驗。
          2. 主觀設計:說到底,設計本身就是主觀的。我在推特上看到過很多關于 Android 16 和 Material Expressive 的帖子,有些人覺得某些顏色和實現方式不太吸引人。
          3. 舊硬件的問題:流暢的動畫效果很棒,但耗電耗電。由于不同設備之間缺乏一致性,Material Expressive 可能無法在所有設備上正常工作,并且可能不適用于此類網站。我可能完全錯了,所以請在評論中指正。
          4. 開發人員會更加討厭我們:我們經常會遇到動畫或交互設計工作量大,開發團隊或產品經理可能會縮短或忽略這些工作的情況。值得慶幸的是,大多數開發人員也都掌握了 Material Design 的精髓,所以說服他們并非難事。

          你對 Material Expressive 有什么看法?請在評論區留言,我們可以好好討論一下!另外,記得點個贊支持我哦 :)

           

           

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

          日歷

          鏈接

          個人資料

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

          存檔

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