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

          首頁

          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. 缺少數據并不意味著數據錯誤??瞻鬃侄问腔拥难?,而非危險信號。
          3. 我們不需要兩種模式:數據錄入和糾錯。一種模式——數據錄入——就足夠了。
          4. 數據錯誤和流程錯誤是不同的。它們應該顯示在相應的層級結構中:數據錯誤應該顯示在數據容器中,而流程錯誤應該顯示在全局通知中。
          5. 如果您希望對一個對象執行的操作影響另一個對象,請在它們之間建立清晰的視覺聯系。
          6. “一屏一操作”原則一定要試一下。如果有效,那你太棒了!
          7. 編寫一個簡單的狀態管理調度程序。借助它,你可以引導用戶回到最早未完成的步驟。
          8. 創建原型——它們是新想法的最佳概念證明。
          蘭亭妙微(www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。我們建立了一個微信群,每天分享國內外優秀的設計,有興趣請加入一起學習成長,咨詢及進群請加藍小助微信ben_lanlan

          分析 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 等大公司都放棄了全大寫。萬事達卡和費雪等品牌也從標題大小寫改為全小寫。看來科技行業也出現了類似的趨勢。沃爾瑪、史泰博、AT&T、Tand 等大公司都計劃放棄全大寫萬事達卡和費雪等品牌已將標題大小寫改為全部小寫??磥砜萍夹袠I也出現了類似的趨勢。

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

          (例如 NetSpring 而不是 Net Spring)

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

          51% 的標志是黑色

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

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

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

           

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

          UI設計師應有的品牌意識!

          濤濤 設計思維

          UI 設計師雖非品牌設計師,但需具備品牌思維,在設計中融入品牌基因,可增強產品獨特性、用戶記憶點與信任感,帶來更大附加價值。文章圍繞品牌色、功能圖標、裝飾性元素、品牌形象映射四個方面,解析 UI 設計中的品牌概念及實踐方法。

          將用戶體驗作為一項業務來運營(就像我們一直以來應該做的那樣)

          杰睿 用戶研究

          長期以來,我們一直將用戶體驗團隊視為某種神奇的創意獨角獸,應該以某種方式免受商業現實的影響。

          這完全是胡說八道。

          我們的團隊需要創造價值,而不僅僅是漂亮的圖景或沒完沒了的研究項目,以及一堆繁瑣的紙上談兵。我們應該像CEO看待公司一樣看待我們的團隊——擁有明確的目標、衡量標準,并對結果負責。

          我見過一些組織將設計視為成本中心而不是戰略優勢,而這種情況的發生是因為我們不愿意在高管真正關心的方面(結果和底線)展示我們的價值。

          最好的用戶體驗領導者會像管理大型組織內的戰略業務一樣管理他們的團隊,專注于提供可衡量的成果。

          下面很多概念并不新鮮——因此才附上資源鏈接——我們只是選擇忽略它們。我們需要利用那些已被證實有效的方法,這樣我們才能將其作為一種概念繼續推進。

          現在是我們成長起來并開始將用戶體驗視為真正的業務功能的時候了——以下是我們可以實現這一目標的方法。

          業務成果地圖

          沒有什么比將用戶體驗工作與業務成果緊密結合更重要。如果你無法解釋你的設計如何提升轉化率、降低支持成本或提升留存率,那么你只是在畫一幅漂亮的圖畫。

          太多用戶體驗團隊把時間浪費在那些對重要指標沒有影響的工作上。他們的設計脫離了實際業務需求,脫離了真正重要的業務。在如今每個團隊都需要證明自身存在的環境下,這無異于自毀前程。

          在著手任何項目時,你的第一個問題應該是:“這會改善什么業務結果?”如果你沒有明確的答案,那就停止一切,直到你找到答案為止。

          優秀的設計領導者會在每次演講開始時,先用商業術語提出一個問題,然后再解釋如何解決。這種方法會改變高管對你價值的認知。

          請記住,高管們并不關心您令人驚嘆的旅程地圖 - 他們關心的是結果。

          利用研究來管理風險

          研究不僅僅是為了讓用戶滿意,更關乎管理商業風險。每個設計決策都代表著潛在的風險,良好的研究有助于在向某個方向投入大量資源之前降低風險。

          當你把研究定義為風險管理時,高管們突然就變得興趣盎然了。沒人愿意推出一款在市場上慘敗的產品。

          在一個小組討論中,有人問我如何創新,我回答了類似這樣的話:“我不相信創新,我相信風險管理。” 創新的關鍵在于做出正確的小賭注,直到你需要做出明智的大賭注。

          評估性研究能讓我們提前發現地雷,避免踩到。這就像為產品開發流程投了保。

          我曾與一些公司合作,他們在產品發布前通過簡單的測試就發現了主要的可用性和戰略方向問題,從而節省了數百萬美元。這并非設計上的勝利,而是通過明智的風險管理帶來的業務上的勝利。

          這在很大程度上取決于你如何用商業術語來組織你的研究——不要說“用戶不喜歡它”,而要說“我們發現了一個風險,如果我們按計劃發布,這個風險可能會對我們的預期收入產生 15% 的影響”。

          敏捷流程是一種在時間框架內衡量價值并沿途設立里程碑的方法。“Sprint”一詞旨在營造一種緊迫感。

          時間盒項目展示價值

          我非常相信在設計工作中設定時間限制,用名字和日期來推動責任的落實。沒有什么比設定截止日期和有限的資源更能集中精力了。

          這并不是急于求成,而是要現實地認識到無休止的改進所帶來的經濟回報遞減。

          時間就是金錢。通過建立衡量點,我們向利益相關者展示他們所付出的一切都物有所值。

          帕金森定律發表于1955年的《經濟學人》雜志,它指出“工作會不斷擴展,直至填滿所有可用的完成時間”。我在設計項目中無數次地看到這條定律的運用。給一個資源三周時間,他們會在三周內交付。給他們三個月時間,他們也會花三個月的時間,而且解決方案可能并不會好太多。

          優秀的用戶體驗領導者知道何時應該稱設計“足夠好”并繼續前進,尤其是在當今的環境下。我發現,設定積極但可實現的時間限制,能讓團隊專注于解決核心問題,而不是無休止地改進邊緣情況。

          推動敏捷流程的真正原因是——它是一項重要的時間盒練習。它是一種驅動可衡量價值的方式。

          現實世界瞬息萬變,今天交付的相當不錯的解決方案通常勝過六個月后交付的完美解決方案。“Sprint”這個詞旨在營造一種緊迫感。

          盡管我們不愿承認這一點——我們并沒有發明火。我們應該對現有資源進行設計,直到最終明確出于商業原因采取行動。
          盡管我們不愿承認,但我們并非發明了火。我們應該在現有的基礎上進行設計,直到最終出于商業原因明確做出徹底改變的決定。

          設計融入現有應用,而非圍繞現有應用

          我看到用戶體驗團隊犯下的最昂貴的錯誤之一就是不斷地嘗試重新發明輪子。每一個新功能都成為重新設計一切的借口,這不僅帶來了巨大的開發成本,還讓用戶感到困惑,不得不重新學習界面。

          雅各布定律提醒我們,用戶大部分時間都在使用其他產品,因此他們希望您的網站以與他們已知所有其他網站(包括您自己的網站)相同的方式運行。

          當你在現有模式內進行設計時

          我曾與一個團隊合作,該團隊不斷推動對其企業應用程序進行徹底的重新設計,這將花費大量資金,但真正改變其指標的是與用戶已經理解的內容保持一致的漸進式改進。

          重新設計成本高昂,除非事實證明能顯著提升用戶體驗,否則會損害用戶參與度,讓資金打水漂。微軟的 Metro 設計語言就是一個最好的例子——它雖然帶來了變革,但差異太大,用戶難以接受。

          我認識的優秀用戶體驗團隊都深知,真正重要的創新和純粹的創新之間的區別。把你的革命性思維留到真正有價值的地方。

          原子設計是一種思維模型,它創建了一種設計師可以共同協作的共享語言。這可以節省成本。
          原子設計是一種思維模型,它創建了一種設計師可以共同協作的語言。這在任何環境下都能節省金錢和時間。

          創建設計系統作為共享語言

          設計系統不僅僅是讓事物看起來一致——它們還旨在創造巨大的商業效率和使組織協調一致的共享語言。

          當每個設計師都從頭開始重新設計按鈕、表格和導航模式,并給它們起一些毫無意義的名字時,你就是在浪費金錢,而這些錢本可以用來解決實際的用戶問題。

          正如 Nathan Curtis 明智地指出的那樣,“設計系統不是一個項目,而是一個為產品服務的產品。 ”

          當你將設計系統視為產品時,你就是在投資一個能為你的整個產品組合帶來回報的東西。這就像購買資產和反復租用資產之間的區別。那些能夠從用戶體驗團隊中獲得最大價值的組織,往往是那些能夠建立并維護強大設計系統的組織。

          這些系統大大減少了設計和開發時間,為用戶創造了一致性,并允許團隊專注于解決獨特的問題,而不是第一百次重新設計表單字段。

          商業案例很明確——設計系統不是奢侈品,而是擴大團隊規模的競爭必需品。

          雙菱形的問題不在于標簽,而在于菱形本身的大小——有時問題很明顯,只需想辦法解決即可。
          雙菱形的問題不在于標簽,而在于菱形本身的大小——有時問題很明顯,只需想辦法解決即可。

          有目的的流程,而不是為了流程而流程

          很多用戶體驗流程只是一些教條,人們盲目跟風,卻不理解其中的道理。我不需要流程,我想要結果。

          這就是為什么我稱之為框架,而不是流程——框架可以根據你面臨的具體挑戰進行調整。而流程聽起來像是你必須遵循每一步。

          例如,我對雙鉆設計思維的擔憂并非標簽,而是步驟本身的大小——有時問題顯而易見,解決方案只需一步步解決。你的方法應該根據你面臨的問題量身定制。

          所有設計方法都是非線性的,我們應該采取相應的行動。

          我見過團隊在旅程地圖上浪費數周時間,卻從未對任何設計決策產生過影響。我也見過設計師進行廣泛的用戶調研,但關鍵洞察在第三次訪談后才顯現出來。盲目遵循流程而不理解其目的,只是偽裝成用戶體驗的忙碌工作。

          有時你需要跳過一些步驟。有時你需要調整框架以適應你的限制。優秀的用戶體驗領導者知道何時該照本宣科,何時該拋諸腦后。你的工作不是遵循完美的流程——而是以盡可能高效的方式交付商業價值。

          如果您的流程妨礙了結果,則說明您的流程是錯誤的。

          使用和改進現有的心智模型——尤其是在人工智能時代

          當我們一頭扎進人工智能革命時,我們不需要重新發明人類與技術的互動方式。

          對話設計利用人們已有的心理模型——他們知道如何提出問題和進行討論,并且多年來一直在現有應用程序中這樣做,例如自然語言處理。

          這些心理模型就是為什么聊天機器人和對話界面盡管相對較新卻感覺直觀的原因。

          我見過的最成功的人工智能應用都建立在熟悉的交互模式之上,而不是強迫用戶學習全新的工作方式。他們明白,用戶對于如何完成任務已經形成了成熟的心智模型,而教授新的心智模型并非易事。

          聰明的團隊會利用現有模型,而不是制造認知摩擦,因為學習新模型需要花費金錢和時間。這才是好的設計。

          務實是關鍵,而非懶惰。當你利用現有的思維模型時,你就能降低用戶的學習曲線,這意味著更快的采用速度和更少的變革阻力。你讓你的人工智能功能感覺像是用戶已知知識的自然延伸,而不是一種外來的強加。

          在任何淘金熱中,贏家都不是那些擁有最先進算法的人,而是那些讓技術感覺最自然、最容易獲得的人。

          工藝需要花錢;明智地使用它

          讓我們認真對待工藝——你追求的每一個像素都會讓公司付出代價。那些在精妙的動畫、完美的排版和令人愉悅的交互上花費的額外時間是真正的投資,需要用業務成果來證明其價值。

          這并不意味著我們要放棄工藝,而是意味著我們需要對投資方向進行戰略規劃。

          用戶每月看到一次的登錄屏幕可能不值得與他們每天使用的核心工作流程具有相同水平的工藝。

          我曾與一些設計師共事,他們為了完善用戶從未注意到的細節而奮斗數周,卻忽略了那些導致公司客戶損失的根本可用性問題。我認識的優秀設計師都敏銳地意識到,哪些工藝能夠轉化為商業價值,哪些只是一時興起。

          優秀的用戶體驗領導者懂得如何將他們的設計預算分配到對最終盈利影響最大的領域。他們會謹慎選擇戰斗,并將他們的設計投入到對用戶和業務產生最大影響的地方。

          像經營企業一樣經營用戶體驗

          歸根結底,像經營企業一樣運營你的用戶體驗團隊意味著要對結果負責,而不僅僅是活動本身。這意味著要使用組織的語言,并展示設計如何推動業務成果。這意味著要有策略地投資有限的資源,以實現最大效益。

          我合作過的最成功的用戶體驗領導者不會隱藏在流行語后面或使他們的流程神秘化——他們清楚自己所提供的價值,堅定地確定優先級,并專注于對業務至關重要的指標。

          他們明白,用戶體驗并不是存在于正常商業考慮之外的特殊事物——它是一項需要證明投資回報率的關鍵業務功能。

          如果您希望您的團隊獲得應有的尊重、預算和影響力,請開始像企業首席執行官一樣管理它,而不是像藝術部門的負責人一樣。

          用戶體驗 (UX) 免于業務問責的日子已經結束了,這對我們所有人來說實際上是一件好事。

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

          Netflix 如何利用 UX 設計贏得 2 億付費用戶

          杰睿 用戶研究

          為應用程序獲取免費用戶是一回事,但利用 UX 設計來獲取 2 億付費用戶又是另一回事。

          Netflix 成立 27 年來,徹底改變了商業模式,從實體 DVD 轉型為數字 OTT 平臺。二十多年來,Netflix 不僅牢牢抓住了忠實用戶,還吸引了數百萬新用戶。

          我做了研究,發現很多用戶體驗原則和實踐都被用來吸引用戶,并讓他們長期使用付費套餐。讓我們一起來看看吧!

          “隨時取消”

          一個簡單的術語贏得了數百萬人的青睞。Netflix 使用智能選擇架構和一些巧妙的模式來贏得用戶的信任。

          隨時取消政策讓Netflix看起來不像訂閱服務,更像是一次性購買,只需少量資金投入。在這個幾乎所有訂閱都有最低門檻或鎖定期限的時代,這使得專業版計劃的營銷更加輕松友好。

          現在,如果您嘗試取消 Netflix 訂閱會發生什么?

          Netflix 采用了以下巧妙的設計原則,讓您更難取消訂閱:

          1. 要取消訂閱,您必須進入帳戶設置,然后深入了解您的會員資格。點擊次數越多,用戶決定繼續訂閱或推遲取消訂閱的可能性就越大。這并非總是如此,但即使取消訂閱的用戶數量下降 1%,也能為 Netflix 帶來巨大的收益。
          2. “取消會員資格”按鈕位于頁面底部“更改計劃”操作之后,這使得它在頁面上的重要性最低。此外,取消按鈕是一個非常簡單的幽靈按鈕,使其在屏幕上更難被發現。
          3. 下圖展示了Netflix如何通過提供多種選擇來吸引用戶回歸——比如更換更便宜的套餐、離開前觀看,甚至還有暫停訂閱按鈕!他們還會利用你的情緒,向你展示即將離開的內容,以及你與他們共度的所有“美好時光”。
          取消訂閱前您會看到此屏幕

          這種流程在用戶體驗設計術語中被稱為“取消流程”。在這種流程中,用戶體驗設計師和信息架構師會嘗試讓取消流程變得更難,并為用戶提供更多理由再次使用服務。他們常常需要在陰暗煩人的用戶體驗模式和流暢的取消流程之間尋找平衡。

          “留住客戶比獲取新客戶更便宜”——《哈佛商業評論》

          沉浸式體驗和自動播放

          狂看劇已經成為Z世代和千禧一代的標配,以至于我們常常忘記時間。用戶體驗設計正是解決這一人類困境的核心。

          由于一些巧妙的策略,人們只想繼續觀看:

          1. 大型海報,頂部突出顯示內容。
          2. 預告片在頂部自動播放,并且當鼠標懸停在預告片上方時,預告片也會自動播放。
          3. 指示器顯示您觀看了某個內容的時長,提醒您繼續觀看。
          4. 高/大卡片用于吸引網站不同部分的注意力。
          5. 每次您觀看完內容時,都會彈出新節目和電影的推薦和建議。
          6. Netflix 會自動播放您正在觀看的劇集的下一集。

          沉浸感與你在抖音、Instagram 和 YouTube 上看到的類似。滾動到下一個內容或讓用戶留在應用上是這類平臺獲得并維持業務的關鍵。事實上,用戶留存率與將臨時用戶轉化為付費用戶直接相關。

          Netflix 的廣告——OTT 的新時代

          目前,Netflix 正在部分國家/地區測試一項包含廣告的新定價方案。此舉旨在為難以支付每月 10 美元費用的用戶提供更低成本的方案。

          現在,計劃的轉變可能是由于以下用戶行為的變化:

          1. 用戶現在已經習慣了 Youtube、Twitch 等平臺上更長、更多的廣告。因此,另一個廣告數量較少的在線平臺并不會讓人感到震驚。
          2. 他們提供廣告作為更便宜計劃的交換,這意味著無論是否有廣告,用戶都會看到訂閱的價值。
          3. 他們運用了“價格錨定”的概念,可以顯示較低的起價,讓用戶感受到其服務的更多價值。他們還可以在營銷材料中使用“6.99美元起”來吸引更多轉化。

          無限觸點

          你今天是怎么訪問 Netflix App 的?是在 YouTube 上看了一部新電影的精彩短片嗎?還是朋友給你發了一部新劇讓你一口氣看完?

          接觸點是用戶或潛在用戶進入您的應用程序/網站的來源。

          Netflix 擁有無數的 YouTube 頻道

          Netflix 采用了一種巧妙的營銷策略——圍繞其電影和電視劇,與熱門內容創作者合作創作短視頻內容,以吸引用戶訪問其平臺。用戶體驗設計師巧妙地利用這些數據創建智能常見問題解答,構建內容投放方式,并提升用戶參與度。

          共享選項出現在流程的不同點

          擁有強大的社交分享功能,可以讓親朋好友推薦節目和電影,從而吸引用戶回頭并保持他們的互動。許多其他公司,例如

          在 Instagram 上發布自己風格化的故事,讓他們分享的內容在網上脫穎而出。

           

          一群聰明的用戶體驗設計師可以輕松認識到,用戶體驗受應用程序外部發生的事情的影響比受應用程序內部發生的事情的影響更大。

          無縫上下文導航

          在 8,000 多個影片庫中,用戶很難輕松找到自己喜歡的影片。Netflix 在您購買訂閱前后無縫解決了這個問題。

          購買訂閱之前:

          Netflix 在其落地頁上展示您所在地區最熱門的 10 部節目和電影。您可以點擊查看簡介或觀看預告片。頁面末尾會顯示一個行動號召 (CTA),鼓勵您訂閱并開始觀看該節目。

          與 Amazon Prime 不同,他們不允許用戶在購買前瀏覽電影庫。唯一的方法是直接在 Google 上搜索電影或類型,然后直接導航到 Netflix。我認為這是 Netflix 在導航方面唯一不足的地方。我認為這是 Netflix 在導航方面唯一不足的地方。

          購買訂閱后:

          Netflix 頁面頂部的導航相當簡潔。電視節目、電影、最新熱門、我的列表以及按語言瀏覽。瀏覽這些內容時,我很容易就能明白自己想去哪里,沒有任何歧義。

          附言:對于像印度這樣多語言的國家來說,按語言瀏覽非常重要。每個州都有獨特的語言和娛樂產業,用戶訪問 Netflix 可能也是為了這些。

          Netflix 意識到大型下拉菜單導航起來很棘手,所以它們會直接將用戶引導至另一個頁面,方便用戶查看子項。如果您非常了解用戶,就能創建出如此高效的導航欄。您清楚地知道用戶喜歡搜索什么,以及哪些內容對普通 Netflix 用戶來說很重要。對元素進行優先級排序是有效導航的關鍵。

          他們將兒童選項、通知菜單和個人資料頁面分離到了最右側。這樣既減少了用戶的注意力,又提供了清晰的層次結構。

          他們還為每個類別提供了相應的類型下拉菜單,方便您根據自己喜歡的內容風格進行篩選。選擇類型后,他們不會帶您瀏覽無盡的節目列表,而是會為您展示針對特定用戶量身定制的特定類型內容,同時保留各種標題層級,例如“為您推薦”、“今日精選”、“Netflix 新劇”等等。

          Netflix 的工作人員也在不斷創建新的收藏集,幫助你找到類似的內容,讓你可以一口氣看完特定類型的內容。它的作用很像音樂流媒體服務上的播放列表,但這個收藏集是針對電影和節目的。

          現在你可能會想,為什么這樣的事情會影響訂閱?對大多數用戶來說,找到合適的內容才能繼續看到Netflix服務的價值,這一點很重要。如果他們覺得在Netflix上再也找不到好節目了,他們可能會放棄這項服務。

          個性化是核心

          Netflix 使用各種技術為用戶提供更加個性化和“量身定制”的體驗。如果您喜歡亞當·桑德勒主演的喜劇電影,Netflix 肯定會在接下來的幾周內為您推薦類似的電影。電影結束后,您還會獲得根據您的觀影習慣進行個性化推薦。

          但是個性化算法很常見,那么什么樣的 UX 設計個性化可以幫助他們留住用戶呢?

          Netflix 允許您為不同的家庭成員創建多個帳戶,因此每個人都可以獲得自己的個性化推薦,而且別忘了,還有一個可愛的頭像!

          這些頭像看似簡單,但我們已經看到人們渴望將自己的個人資料和頭像與游戲(《堡壘之夜》等)和社交媒體(Instagram 和 WhatsApp 顯示圖片)區分開來。因此,盡管這些頭像只是微小的改變,但它們仍然會影響用戶的個性化體驗。

          個性化功能也融入到通知中,其主要目的是吸引用戶回訪。它們會使用您的用戶名(通常是您自己的名字)作為前綴或后綴,使機器人式的句子更加個性化。它們還會使用您之前的活動來提醒您繼續觀看。通知確實讓 Netflix 這樣的公司能夠讓營銷看起來更自然,也讓內容團隊在文案上更具創意。然而,通知也可能讓許多用戶感到厭煩,因此他們必須始終謹慎處理。

          Netflix 專門設立了“兒童”版塊,讓孩子們可以觀看自己喜歡的卡通人物節目和電影,并根據孩子們的喜好設置了相應的分類。家長也可以控制和監控這個版塊,以確保家長的安全和信心。我認為這非常明智。孩子們對內容的看法確實與眾不同,Netflix 為吸引孩子們而采取的一些措施包括:明亮醒目的視覺效果、引人入勝的用戶體驗文案。

          內容驅動設計

          歸根結底,內容為王。Netflix 依靠其提供的電影和電視劇來滿足用戶娛樂需求,并吸引新用戶。

          “Netflix 原創”或“僅在 Netflix 上”是他們與競爭對手區分開來的策略。Netflix 的一些熱門作品,例如《魷魚游戲》、《路西法》、《怪奇物語》、《紙鈔屋》等,已經為一些觀眾定義了 Netflix,而這往往成為他們繼續訂閱的理由。

          這與我們在 YouTube 或 Instagram 等平臺上注意到的情況非常相似,在這些平臺上,用戶界面通常不是人們堅持使用的因素,而是基本要素。

          與時俱進

          隨著短篇內容的興起和人們習慣的改變,許多公司不得不逐漸轉移關注點。Netflix 無疑是其中之一。

          Netflix 最近在每個符合條件的內容底部添加了“時刻”功能,用戶可以找到節目或電影中的重要時刻,并可以直接跳轉。Netflix 的這一舉措非常冒險,因為它可能會減少用戶在平臺上的停留時間。另一方面,它允許一些用戶在平臺上花費更多時間觀看更多內容,從而讓他們看到內容的更多價值。

          為了吸引新用戶,并在內容過時時保持他們的活躍度,Netflix 購買了一些熱門手機游戲的版權,并以零額外費用提供給用戶。因此,原本售價 2 至 10 美元的游戲,現在對 Netflix 的訂閱用戶來說都是免費的。這當然不是設計上的決定,但這確實增加了價值的幻覺。

          為所有人提供無障礙服務

          據世界衛生組織統計,地球上約有22億人患有某種形式的視力障礙。這意味著Netflix需要解決這些問題,才能吸引視障人士。

          Netflix 上幾乎每部新電影或劇集都提供“音頻描述”選項,方便視障人士輕松觀看自己喜愛的內容。即使對于只戴眼鏡的人來說,這項功能的精準度也讓我感到驚訝,幾乎就像不用睜開眼睛就能看電影一樣。女聲會引導你逐一欣賞電影場景,讓人仿佛置身于冥想之中。

          他們涵蓋了許多其他無障礙方面,包括更改字幕設置,使其更清晰易讀。

           

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

          設計不再具有顛覆性。我們還能重新找到設計靈感嗎?

          杰睿 行業趨勢

          黑色田野上的復古未來主義插圖?,F代雕塑和雕像,超現實的幾何形狀,線框,賽博朋克元素和透視網格。流行迷幻科技風格的抽象矢量插圖。
          作者:Martyshova

          是的。我們想知道為什么產品設計界這么多人都走到了崩潰的邊緣?我想說,我不認為設計已死。只是我覺得我們迷失了方向。

          2023年,Airbnb首席執行官布萊恩·切斯基(Brian Chesky)曾說過: “設計師必須有勇氣。”說實話,我們過去確實很有勇氣。一種無所畏懼的自信,一種打破現狀的近乎瘋狂的喜悅。“驚喜與愉悅”、“精益求精,保持簡潔”一直是我多年來領導設計團隊的座右銘。

          我陷入了以收入為中心、癡迷于圖案設計的陷阱。

          然而,不知何故,在某個時刻,也許是在無休止的會議、OKR、業務目標和盈利報告的催促下;又或許是因為公司內部不斷邊緣化設計——這種自信消失了。我們從協作型的搖滾明星變成了解決問題的小齒輪,再變成了生存主義者。因為現在機器來了。

          觀察氛圍

          多年來,我本著脆弱的精神,陷入了以收益為中心、癡迷于圖案設計的陷阱。DS 是一種令人興奮的、以特定價格點進行設計的方法。讓我們去創造收益!讓我們去優化利潤!讓我們快速實現各種創意!我們為什么要在應該創新的時候重復造輪子呢?

          聽起來很熟悉?
          這就像個兔子洞。我和同事們聊過,大家都覺得,

          • 為什么每次想到 ux/ui 設計我都會感到沮喪,盡管我對它充滿熱情?
          • 為什么我對當前的設計和產品方法感到沮喪,即使它有效?(是嗎?)
          • 為什么盡管我熱愛我所做的事情,但我的創造力卻不再因工作而得到滿足?
          • 為什么懷念互聯網的狂野西部時代,盡管它充滿了模糊性?
          • 盡管設計無處不在,但它已經消亡了嗎?

          如果我們用設計系統的方法錄制一張專輯,每首歌在技術上都是完美的,但它們聽起來本質上都一樣。哪個用戶會因為反復聽這首歌而受到啟發呢?我們自己的設計故事已經支離破碎了。

          我們很多產品設計人員都生活在艾維所說的“企業議程已將設計和創新的重點從目標轉移到利潤”的境地。追求收益令人精疲力竭。創造性的故障排除被誤認為是創造力?;诳ò喟寤靵y和閃電般快速發布的產品經理微觀管理的壓力。MVP 地獄景象。毫無結果的 A/B 測試,因為利益相關者不理解。整體創新解決方案被所謂的“安全”的快速解決方案扼殺。而這一切都是有代價的。靈感更少,活力更少,友善更少,壓力更大。更多的自我限制。更多的模仿。更多千篇一律、復雜而扁平的用戶體驗。等等。

          轉變

          過去一周,我的觀點與多年來形成的理念發生了轉變。我最近去一家大型游戲公司面試領導職位,面試的主題是如何創造收入。這才是整個團隊最關心的問題。他們沒有考慮用戶需求,也沒有考慮他們正在構建的工作和體驗的樂趣。這些從未被討論過。

          這真的讓我很困擾。非常困擾。這不是我第一次遇到這種情況。我一次又一次地發現,出現了兩件事:

          • 在大多數設計文化中,設計的樂趣和喜悅是不存在的
          • 人類基于價值觀的行為優先于人類情感

          我們大多數人都在無意識中直接促成了這一點。我們甚至沒有意識到這一點。然而,要論證人類首先是情感實體,這并不需要太多說服力。我們能夠立即感知和感受事物,然后再運用邏輯,這與人類的進化直接相關。然而,我們的設計方法在很多方面都缺乏這種能力。

          (我在這篇文章中只關注設計的作用。但科技領域其他角色的出現,以及流水線投資回報率驅動的 IDEO 方法,無疑導致了設計優先級的下降,不再以用戶感受為重點。)

          我們需要重新進行重大的直覺選擇并重新感受事物。

          我是如何開始轉變的?

          有兩件事無疑產生了最大的影響。

          - 新的 Google Material DS “發送”按鈕
          。-

          采訪喬納森·艾維。

           

          兩者都重點討論了“歡樂與喜悅”和“火花”的設計。

          谷歌界面的更新打破了所有固有規則,打造了獨特的數字體驗。他們抓住了機會,用數據驗證了這一可能性,最終他們的努力讓用戶參與度提升了4倍。

          Jony 在Stripe大會上的采訪非常鼓舞人心。如果你今年需要看一部作品來了解設計對我們這個瞬息萬變的世界的重要性,那非看不可。他讓設計回歸了它的本源,那就是那神奇的“火花”。

          當我思考這些時,我發現偉大的設計中存在著一些更具體的事情——顛覆。

          如果您今年關注一件事以了解為什么設計對于我們這個不斷變化的世界如此重要,那就是它了。

          在數字體驗的早期,沒有數據,沒有關鍵績效指標 (KPI),也沒有流水線式的技術開發方法。當時的設計純粹是為了品牌價值、功能和實驗。我們有兩個代碼庫:HTML 和 Flash。工作的多樣性令人興奮。網站以及最終的原生應用都易于使用,易于導航,沒有算法,非常人性化。

          我們也只是想打造一些我們的朋友和同事會談論的非??岬臇|西。

          設計團隊和工程團隊圍坐在一起,討論他們想要構建的目標,并在整個過程中不斷合作。如同合作伙伴一樣。一份簡單的路線圖充滿了宏大的想法和雄心壯志。方法是什么?“我想要一個能夠實現_____的酷炫解決方案,因為我想做_____。”

          我們受到的啟發是(用艾維的話來說)“設計一些能夠推動物種發展的東西”,“為人類服務”。我們也只是想打造一些非??岬臇|西,讓我們的朋友和同事談論。

          有些品牌正在瘋狂地顛覆這個領域。比如Acorn和Airbnb。但當突破設計界限的設計如此罕見時,這對任何人來說都不是好兆頭。什么時候突破設計界限的設計非常罕見,這對任何人來說都不是好兆頭。

          最新的顛覆者

          人工智能。

          我們正為此瘋狂。長期以來,我們一直謹慎行事,構建一套設計方法論式的設計系統,結果卻事與愿違。我和其他人一樣,也為自己的謹慎行事感到內疚。不到五年,產品設計將不再像過去十五年那樣存在。這原本是一個令人恐懼的前景,直到我直面恐懼。

          想想看,不用再構建模式庫了。不用再花費無數時間迭代數據和最佳實踐。不用再熬夜撰寫和設計戰略方案了。這可不是設計,而是繁重的工作。說真的,讓機器來做吧。

          我可以重新做我最擅長的事,運用我的智慧、想象力和經驗來推動事情發展。當然可以。報名吧。我就是來干這個的。

          設計會發生什么?

          我們不再打破常規。我們遵循著基于指標和績效的群體思維美學。我們各自為政,各自為政,各自為政。我們用耗時的方法來構思創意。我們迷失在迭代的泥沼中。我們沒有逼迫自己打破常規。

          如果我們退一步,縱觀設計的全局,就會發現我們所做的最偉大的設計,其核心都是“顛覆性”。敢于創新,敢于思考。它不斷嘗試新事物,探索新的視野。然而,我們對這門學科的內在部分卻感到厭惡。

          我不知道“幸運眷顧勇者”這句話是誰說的。

          我的一個使命就是讓它重新回到我們的世界。

          回去工作。

          讓我們打破思維定勢。

          讓我們都做些史詩般的事。

           

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

          PC端網頁的UI設計趨勢

          濤濤 設計思維

          顯示設備的多用化、智能手機應用的普及化、電子設備觸摸屏的普及,這些環境變化推動了 PC 網頁 UI 設計的新動向。

          進階 UI 設計能力指標體系

          濤濤 設計管理與成長

          本文是《進階 UI 設計 能力指標體系》系列的上篇,圍繞 UI 設計師進階及市場需求展開

          如何做好 UI 設計

          濤濤 系統UI設計文章及欣賞

          本文圍繞 “如何做好 UI 設計” 展開,分享了一系列相關要點

          日歷

          鏈接

          個人資料

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

          存檔

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