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

首頁

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

杰睿

我與招聘經理和高級設計師談論他們對設計師的要求越多,我就越支持這樣的理論:作品集不應該是 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上。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、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。雖然不完美,但我對它的功能非常期待。

 

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

產品設計的未來

杰睿

用戶體驗設計:如何設計有效的“第一次觸發”?從 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 模型里,觸發只是起點,但它決定了是否進入循環的門檻。
 
蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、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體驗。掌握設計原則、敘事能力和解決問題的能力仍然是人類獨有的強項。

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、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 的《人性化界面》)。例如:軟盤空間不足?不允許復制文件。軟盤未插入?不要將其顯示在目標列表中。現代操作系統就是這樣做的——它們消除了執行可能導致錯誤中斷的操作的可能性。

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

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

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

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

讓我們來分析一下。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

事件與狀態

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

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

空字段

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

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

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

狀態改變

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

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

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

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

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

一次一個動作

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

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

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

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

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

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

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

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

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

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

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

州經理

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

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

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

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

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

結論

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

  1. 絕大多數現有解決方案都歸結為切換到“錯誤糾正模式”,而退出該模式要么不可能,要么極其困難(只能通過算法中的錯誤)。這種方法雖然被廣泛接受,但各地的實現方式卻有所不同:空白字段可能被視為錯誤,也可能被視為正常,有時甚至會在同一屏幕上混合出現。用戶會背負負面情緒,因為系統會“懲罰”他們破壞程序。這種方法絕對不可接受,必須予以糾正。
  2. 缺少數據并不意味著數據錯誤??瞻鬃侄问腔拥难?,而非危險信號。
  3. 我們不需要兩種模式:數據錄入和糾錯。一種模式——數據錄入——就足夠了。
  4. 數據錯誤和流程錯誤是不同的。它們應該顯示在相應的層級結構中:數據錯誤應該顯示在數據容器中,而流程錯誤應該顯示在全局通知中。
  5. 如果您希望對一個對象執行的操作影響另一個對象,請在它們之間建立清晰的視覺聯系。
  6. “一屏一操作”原則一定要試一下。如果有效,那你太棒了!
  7. 編寫一個簡單的狀態管理調度程序。借助它,你可以引導用戶回到最早未完成的步驟。
  8. 創建原型——它們是新想法的最佳概念證明。
蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、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和高等教育途徑,包括高等教育和帶薪學徒制,最終是維持生計的工作崗位。

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

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

 

蘭亭妙微(m.skdbbs.com )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、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 等大公司都放棄了全大寫。萬事達卡和費雪等品牌也從標題大小寫改為全小寫。看來科技行業也出現了類似的趨勢。沃爾瑪、史泰博、AT&T、Tand 等大公司都計劃放棄全大寫萬事達卡和費雪等品牌已將標題大小寫改為全部小寫??磥砜萍夹袠I也出現了類似的趨勢。

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

(例如 NetSpring 而不是 Net Spring)

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

51% 的標志是黑色

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

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

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

 

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

日歷

鏈接

個人資料

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

存檔

92国产精品视频_亚洲a级在线观看_国产精品电影观看_国产精品免费观看在线_精品伊人久久97_亚洲人成在线观_尤物九九久久国产精品的特点_成人激情在线播放_成人黄色大片在线免费观看_亚洲成人精品久久久_久久免费视频在线观看_久久精品国产一区_国产一区二区三区18_亚洲欧美中文字幕在线一区_日韩美女中文字幕_日韩视频免费在线
美女午夜精品| 都市激情亚洲综合| 99在线视频播放| xx视频.9999.com| 日韩大片欧美大片| 夜夜躁日日躁狠狠久久88av| 精品久久久久久国产| 精品视频高清无人区区二区三区| 国产精品久久久久久久久免费相片| 伊人久久视频| 久久成人亚洲精品| 国产69精品久久99不卡| 日本在线成人一区二区| 日日av拍夜夜添久久免费| 青青草成人网| 亚洲91精品在线| 国产大陆精品国产| 中文亚洲欧美| 精品国产欧美成人夜夜嗨| 久久国产人妖系列| 九九热r在线视频精品| av成人在线网站| 成人直播在线| 好吊色欧美一区二区三区视频| 麻豆91精品91久久久的内涵| 亚洲欧美在线x视频| 92国产精品| 蜜桃视频在线观看www社区| 成人短视频软件网站大全app| 亚洲精品网站在线观看| 国产日韩精品视频一区| 99精品国产高清在线观看| 国内精久久久久久久久久人| 中文字幕欧美区| 欧洲午夜精品| 欧美激情中文网| 国产亚洲女人久久久久毛片| 欧美三级在线看| 老司机在线视频二区| 丁香婷婷深情五月亚洲| 日韩专区一卡二卡| 亚洲天堂福利av| 久久99精品久久久久久水蜜桃| 亚洲free性xxxx护士白浆| 91女人视频在线观看| а√天堂资源国产精品| 亚洲精品激情| 日韩理论片在线观看| 亚洲一区二区久久久久久| 国产精品夜色7777狼人| 亚洲一区二区三区精品在线| 亚洲欧洲精品一区二区精品久久久| 亚洲国产一区二区久久| 亚洲成人自拍一区| 日日骚一区二区网站| 色狠狠av一区二区三区香蕉蜜桃| 国产午夜精品全部视频播放| 成人免费看片网址| 精品免费一区二区三区蜜桃| 成人在线视频电影| 欧美影视资讯| 在线观看视频免费一区二区三区| av福利导福航大全在线| 欧美午夜一区二区| 欧美视频日韩视频在线观看| av今日在线| 亚洲va天堂va国产va久| 久久99精品久久久久久水蜜桃| 3d动漫啪啪精品一区二区免费| www久久精品| 精品一区二区三区中文字幕在线| 91麻豆国产福利精品| 欧美中文字幕一区二区三区亚洲| 不卡av一区二区| 国产精品一区二区在线观看网站| 国产精品草莓在线免费观看| 亚洲色图欧美在线| 99久久99久久综合| 国产原创一区| 色综合久久88色综合天天免费| 成人性生交大片免费看午夜| 欧美激情一区二区三区在线| 精品捆绑美女sm三区| 国产精品嫩草影院久久久| 日韩av免费在线看| 国产精品毛片久久久久久久| 色偷偷91综合久久噜噜| 国产区一区二区三区| 国产在线精品国自产拍免费| 精品国产青草久久久久福利| 亚洲精品.com| 精品99一区二区三区| 奇米精品一区二区三区在线观看一| 成人三级高清视频在线看| 亚洲三级国产| 国产网红在线观看| a级网站在线播放| 美女久久久久久久久久久| 亚洲成人精选| 一区二区三区在线播放| 一个人看的www视频在线免费观看| а√天堂中文资源在线bt| 尤物视频在线看| 在线一区免费| 亚洲成人激情av| 色综合色综合色综合色综合色综合| 欧洲一区二区三区免费视频| 国产欧美一区二区白浆黑人| 日韩av黄色在线观看| 欧美性感美女h网站在线观看免费| av女在线播放| 另类视频在线| 在线观看亚洲精品视频| 精品视频一区二区三区在线观看| 日韩高清在线观看一区二区| 国产精一区二区| 成人av毛片| 久久一夜天堂av一区二区三区| 精品无人区一区二区三区竹菊| 亚洲女人被黑人巨大进入al| 久久久久久日产精品| 国产欧美自拍一区| 欧美18hd| 亚洲无线一线二线三线区别av| 日韩女优人人人人射在线视频| 欧美在线观看视频一区二区| 亚洲视频自拍| 风间由美一区| 亚洲天堂中文字幕| 亚洲福利国产精品| 国产精品一区二区av影院萌芽| 丝袜诱惑制服诱惑色一区在线观看| 国产区亚洲区欧美区| 国产成人免费视频网站| 亚洲美女黄色片| 欧美国产精品一区二区三区| 日韩av激情| 18成人在线| 色老头一区二区三区| www.久久久久| 岛国av一区二区三区| 99精品国产一区二区青青牛奶| 极品裸体白嫩激情啪啪国产精品| 色婷婷综合久久久中文一区二区| 久久艳妇乳肉豪妇荡乳av| 台湾成人av| 一区二区三区免费看视频| 亚洲图区一区| 97se国产在线视频| 国产欧美日韩久久| 中国av在线播放| 欧美先锋影音| 国产精品亚洲综合天堂夜夜| 欧美一级做a| 不卡视频在线观看| 久久久成人的性感天堂| 天堂av资源在线观看| 日韩香蕉视频| 91精品国产福利| 久久99影院| 亚洲精品9999| 亚洲 欧美综合在线网络| 欧美欧美欧美欧美| 国产偷国产偷亚洲高清人白洁|