如何利用人工智能根据现有设计生成设计选项?
这是一个常见的用例:
然而,我在网上并没有看到太多关于如何使用人工智能来解决此类用例的讨论。
所以今天,我将逐步向您介绍一些示例,包括我使用的提示、工作流程和结果。
让我们开始吧!
由于我只需要专注于前端设计,因此我使用了V0和Magic Patterns进行演示。我特意选择它们是因为它们都是针对前端优化的 AI 原型设计工具。
两种工具都可以完成这项工作,但我在两种工具中都运行了同一组提示,以便您可以更好地了解它们可以实现的功能。
如果您有兴趣,您也可以在其他工具(如Cursor、Windsurf或Bolt )中运行相同的工作流程,然后告诉我进展如何。
工作流程分为两个步骤:
(如果您清楚自己想要进行哪些设计改进,您当然可以将步骤 1 和 2 合并为一个简单的步骤——只需上传设计、提供您的建议,然后要求 AI 生成新的设计选项。)
我使用 Kayak.com 的顶部部分作为演示的现有设计。
问:仔细看看。你会如何设计它以不同的方式?
这是我放入 V0 和 Magic Patterns 的第一个提示,以及 Kayak 主页顶部部分的快照。
提供 Kayak 登陆页面的设计评论(见附件快照)。担任具有深厚 UX/UI 专业知识的经验丰富的产品设计师。KAYAK 的主要业务目标是通过为旅行者提供旅行规划工具来赋能他们。其搜索引擎会扫描各种旅游网站,提供丰富的机票、酒店、租车和度假套餐选择和价格。其主要用户是希望搜索和比较旅行选择的日常旅行者。请使用以下视角评估桌面主页:- 核心价值主张清晰
- 信息架构和易于查找关键操作
- 视觉层次、布局和空间使用还包括 3-5 条具体的、高影响力的建议,以改善主页上的用户体验或转化率。
正如您所见,我还包括了主要的业务和用户目标——这是一个小提示,可以为 AI 提供更多设计分析的背景。
V0的设计分析:
一长串的分析,启发性十足。我大概也能从 ChatGPT 或 Claude 得到类似的结果。
(下一步是根据这些建议生成设计方案。但正如我之前提到的,实际上我也可以提供自己的设计建议,例如“当前设计缺乏清晰的视觉层次,并且留白过多。您能否生成三个设计方案来解决这个问题?”)
接下来,我要求 V0 生成设计选项:
根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8种 替代设计选项?
正如我所料,它运行了很长时间,每个设计选项大约一分钟。因此,我点击了“停止”,并在提示中将数量从 8 减少到 3:
根据以上建议,您能否为 Kayak 主页快照生成 3 个备选设计方案?Kayak 主页快照有3种 备选设计方案吗?
V0 在大约 1.5 分钟内生成了 3 个设计选项:
V0 描述的快照:
它生成的设计:
V0 描述的快照:
它生成的设计:
V0 描述的快照:
它生成的设计:
总体而言,效果令人印象深刻。我喜欢这些精致的细节。它保留了我提供的快照中的必要信息(颜色、样式、CTA)。
所有生成的设计都由具有基本交互效果的代码支持,例如输入字段交互和悬停效果。
我希望设计选项之间能有更清晰的区分。不过我也可以尝试后续的提示来解决这个问题。
Magic Patterns 的设计分析:
有些我同意,有些我不同意。为了演示,我简单地让它生成相应的设计选项:
根据以上建议,您能否为 Kayak 主页快照生成 8 种备选设计方案?Kayak 主页快照的8种 替代设计选项?
Magic Patterns 在 1.5 分钟内生成了 8 个设计选项,比我预期的要快。
由于新闻稿的篇幅限制,我在这里仅展示三种设计:
与 V0 相比,设计更加简单。
它在更短的时间内生成了更多的设计,这很棒。
我很喜欢它的“导入 Figma”功能。我可以将生成的设计导入 Figma 进行进一步编辑。
此外,它还有一个Chrome 扩展程序,可以让我把网页转换成 React 组件或 Figma。虽然不完美,但我对它的功能非常期待。
对任何产品设计师来说,这都是一个疯狂的时代。就业市场一团糟,参与者太多,一切都显得乏味,而人工智能即将从我们冰冷的手中夺走我们冰冷的职业生涯。
或许并非如此。但正如蒂莫西·柴勒梅德曾经唱过的“时代在变迁”……
为这些变化做好准备至关重要。所以我整理了一份可操作事项的清单。产品部门把它卡在了 JIRA 里,现在它已经被扔进垃圾日志了。系好安全带……
天哪!Figma!现在人人都在预言,最常用的产品设计工具 Figma 即将消亡。
PolyFormat® Figma 最初是 Mac 上那个疯狂的荷兰版 Sketch 的绝佳替代品,它像一个有毒的新伴侣一样,给我们所有人带来了爱情轰炸。它满足了我们所有的需求。天哪,最初几年它简直太棒了,你只需要一个网页浏览器,就可以创建无数的矩形,所有图片都保存在云端。生活真是太棒了。
然后事情发生了。Figma 变得贪婪起来。它意识到设计并不能带来收入,它需要更多用户。它该如何让每个人都使用它,并为此每月支付 15 美元呢?
席位。是的,现在这个应用是面向整个产品设计团队的。我们所有人都可以使用它,可以发表评论,而且“开发模式”意味着开发者可以访问它并自行交接(Zeplin 安息)
现在,你那不起眼的画板成了项目的主要资源,247 个人全天候都在使用它,那些未命名的图层也都处于活动状态,所有团队成员都可以看到。这就像一扇实时的窗户,让你窥见你的“冒名顶替综合症”。
自动布局意味着“来自市场营销部门的 Rebekah”可以“跳进 Figma”并调整你的矩形。
不,丽贝卡!别管我的长方形了!(哇哦,人力资源部刚刚发邮件问我语气)
Figma 现在是一款价格不菲的“设计运营”软件。它是一款供团队“协作”使用的生产工具,用于让矩形适用于产品和开发。它还充斥着从其他 SAAS 产品(例如 Miro)窃取的、不必要的功能。现在你可以在 Figma 中设计 PPT/Canva 幻灯片了吗?好吧,不行吗?
Figma 从来没有真正考虑过设计师最擅长的功能是什么?...
快速成型一直是产品设计中的关键环节。它也是连接精湛工艺、愿景与最终交付给公众的成品之间的桥梁。它是理想与现实之间的完美过渡。
Figma 从来没有真正尝试过这种做法。他们可能赚不到钱,不过这也挺好,毕竟现在有这么多新工具,能做的远不止简单的可点击原型(Invision 已经 RIP 了)。
进入低代码/无代码“设计”软件。只有你和你的矩形,但现在它们具有交互性,可以移动,你可以让它们像一个真正的产品一样运行。你可以使用动画和实时数据。没有协作选项,所以你可以安心地创造你的魔法,然后发送出去。
优秀的设计师不会抛弃 Figma,而是会把大部分“创作”时间花在ProtoPie、Rive、Framer、Webflow和Play等“环境”中。现在,你可以实时设计和构建准生产级原型。代码可能并非完全可复用,但感觉“还行”。
设计师应该写代码吗?是的。
但请理解界限,因为“真正的本土”开发人员完全处于不同的水平。
原型是一个鲜活的互动作品,也是引以为豪的数字资产。它永远不会成为可用于生产的代码,但如今我们已不再是可点击的屏幕,设计更注重体验和“瞬间”。只是不要用太多……
人工智能一直以来都是一个矛盾的说法。如果它是人造的,它就是假的、人造的或合成的。智能需要意识、情感或创造力,而这些是计算机根本无法理解或复制的。
那么为什么人工智能要抢走你的设计工作呢?
它不是。
瞧,我已经做了 30 年了,任何说人工智能将取代设计的人,根本就不知道设计或人工智能*实际上*是什么
产品设计 10% 在于“让产品看起来美观”,90% 在于人际沟通。它始于一份概要,最终成就一个可交付的产品。
我参与的上一个产品是一家大型支付公司的旗舰原生应用。那个团队至少有 25 个人。他们都是专业人士
那些鼓吹人工智能将改变特效和CGI行业的人也是如此。任何对生产流程稍有了解的人都知道,计算机最多只能渲染一些新奇的概念,帮助实现某些管理的自动化,并简化某些流程。它永远无法制作出真正上线的作品。它无法与人类协同工作。
人工智能无法理解正确的设计概要。它无法与人类交流,也无法整合用户研究。它永远无法满足一个完整的敏捷产品团队的需求。它无法理解Scrum Master的角色(好吧,谁能理解呢,不过我跑题了……),无法参与每日站立会议;也无法进行待办事项梳理、冲刺规划或理解技术债务。从根本上来说,它还不够“智能”,无法成为数字产品团队不可或缺的一部分。
人工智能将影响产品设计,但方式和你想象的不一样。
目前,应用程序或网站具有定制布局,由人类产品设计师使用设计系统中的组件创建。
很快将会有三种类型的数字产品:
1)语音和对话式用户界面
人工智能将成熟到一定程度,任何数字产品的入门级都将是聊天机器人的大幅改进版本。大多数客户将与这项服务互动,以与品牌及其产品建立日常联系。
2) 网站/应用:
我们目前拥有定制的移动优先布局和响应式网页断点。原生应用采用固定的、人性化的布局。这将成为公司主要的数字渠道,由人设计,服务于人。
3)新的AI设计师:
人类创建一个组件库,并按层级进行命名和分类。下一步的设计系统将是为AI而建,而不是由AI来建。下一步的设计系统将为AI而建,而不是由AI构建。
人工智能代理可以在无数的应用程序中学习和运用这些元素,适用于任何屏幕尺寸、任何用户,并根据他们的需求和情况进行定制。实时提供数千个版本。
AI 将处理场景 1 和 3,但最有价值的是保留人与人之间的设计过程。
不幸的是,人工智能催生了一些不寻常的新职位,这些职位都很荒谬:
这些荒谬的Z世代新术语,指的是那些看似毫无天赋,却利用人工智能设计矩形或编写代码的人。现在任何人都可以称自己为设计师、开发者或设计师。他们当然是。
只不过,他们就像蒙娜丽莎的NFT之于*真品*蒙娜丽莎一样,既是设计师/开发者。你没有制造任何东西,也没有创造任何东西,你只是制造了一个连让·鲍德里亚都能哭到 ...
这简直是无稽之谈。
我觉得是这家伙先开始的。该死的安德烈。
从艰巨的设计任务到人工智能招聘经理的崛起,获得一份设计工作就像找到一片五叶草一样容易。
2028年产品设计面试:
阶段 1) 使用 ScreenChimpAI® 进行筛选通话
阶段 2) 与 HireManagerAI® 进行初步对话
阶段 3) 与产品和技术部门面谈
阶段 4) 使用 FigmAI 进行设计任务 — 1-2 小时(5 天)
阶段 5) 与 PromptMaster(设计领导者的新术语)进行氛围编码会议
阶段 6) 使用 MentalistAI® 进行全面的心理测量评估
阶段 7) 进行全身扫描以进行生物特征交叉引用,以发现不需要的异常(创造力、批判性思维、原创性等)
阶段 8) 与代币负责人进行设计系统白板会议
阶段 9) 与 CEO、CMO 和 CAIO 进行 1.5 小时辩论
阶段 10) 每张 1000 英镑的肉类抽奖
产品设计终将走向与任何工艺相同的道路。不同的专业领域被同质化,形成单一角色。大部分繁重的工作将由机器完成,而一小群用户体验工匠将为人类创造定制体验。文案写作已死,用户体验写作亦是如此。设计系统完全自动化。设计运营(DesignOps)已死。
与大多数后世界末日科幻预测一致,产品设计师将转向成为农民。
人们总是需要食物。
——基于《Hooked》模型的用户激活交互思路
外部触发(推送/链接/内容)→ 用户行动 → 变动奖励 → 微投入
“你有新消息,点击查看。”
“你的新客户留言了:点击 30 秒内回复可得 50 积分!”用户动机 + 奖励机制 + 时间紧迫感 = 有效第一次触发
元素 | 常见问题 | 设计优化 |
空白状态 | “你还没有收藏内容” | 提供推荐 / 模拟数据 |
注册页面 | 信息太多 / 提示太弱 | 三步注册 / 支持游客试用 |
首页内容 | 冷启动/无吸引力 | 动态推荐 + 情境触发设计 |
作为一名产品设计师,我最近一直在努力理解快速变化的人工智能格局,既感到敬畏,又感到困惑。Anthropic的首席执行官警告称,人工智能可能会取代高达 50% 的入门级白领工作,而 Zapier 的首席执行官则谈到招聘精通人工智能的人才。与此同时,“模型设计师”等新职位正在涌现,行业正在迅速向更多超级 IC 职位转变。
随着人工智能重塑我们的工作方式,我一直在问自己,这不仅关乎如何保持相关性,还关乎如何在我的工作中不断成长并找到乐趣。
据我所知,新的转变需要利用三个领域
人是制造工具的动物——本杰明·富兰克林
本杰明·富兰克林的定义强调了人类在发明和使用工具来扩展自身能力方面的创造力。如今,人工智能标志着这一进化的飞跃,从手动工具到智能协作者。
速度不再是可有可无的。ProcessMaker的产品团队从每年两次交付到每两周交付一次。Figma的《设计现状报告》(2025)指出,近七成的设计团队(68%)经常使用人工智能来自动化线框图绘制、生成视觉资产并分析用户反馈。
随着人工智能逐渐融入日常工作流程,设计工具显然变得越来越积极主动,既提高了速度,又增强了想象力。
你的设计栈取决于你作为设计师的身份。用户体验研究员的设计栈与全栈产品设计师、对话式AI设计师或视觉艺术家的设计栈截然不同。没有放之四海而皆准的方案。
在过去的六个月里,我尝试了 60 多种 AI 工具,追逐每一个新的自动化更新和闪亮的产品发布。然而,事实是,我的工作流程中几乎所有东西都只运行在四到十种工具上,正如我的 AI 产品设计栈所示。
因此,真正的价值在于有意识的尝试。尝试新工具,不是因为它们流行,而是因为它们可能会在你的工作流程中解锁更好的功能。问问自己,有没有更智能、更快速、更周到的方法来做到这一点?
此外,人工智能工具正在快速发展,但设计的艺术依然是人类的。决定做什么以及如何使其卓越,仍然取决于品味、判断力、技艺和你的工具包。正如设计领袖阿古斯丁·桑切斯 (Agustín Sánchez) 所说:“你之所以优秀,并非因为你了解最新的工具。你之所以优秀,是因为你知道如何运用它们。”
去年,我多次发现自己觉得人工智能的输出很平庸,后来我意识到问题往往不在于模型本身,而在于我设计提示的方式。拥有正确语境的人工智能模型能够提供生成有意义响应所需的信息。
转变视角,将人工智能视为合作者,并学习如何构建上下文,彻底改变了我的输出质量
“提示就像是让人工智能加速,或者将其推向正确的方向。”——约翰·前田 (John Maeda)谈领导者如何利用人工智能释放创造力
亚历克斯·克莱因 (Alex Klein) 提出了一个令人信服的论点,即提示从根本上来说是一种设计活动,涉及以清晰度、背景、语气和意图来设计对话。
如果您想提高提示技巧,这些资源是一个很好的起点
- Google 提示要点
- IBM — 提示工程指南
- OpenAI — 提示指南
AI 流畅性是指能够自信地设计和使用意图驱动、分层和概率系统的能力。对于产品团队而言,这意味着理解 AI 的潜力,应对其复杂性,并做出明智的决策,从而带来负责任且有影响力的成果。
GUI 界面要求用户通过点击、滚动和菜单导航来实现目标。相比之下,代理系统则通过关注基于意图的结果,为我们提供了一种与系统交互的新方式。
现实世界中的人工智能产品涉及编排、内存、工具集成、用户体验模式和代理流程。流畅性意味着要掌握系统的行为——它的可变性、它的故障、它出现错误或误用的可能性,并在设计时充分考虑这些动态因素。
借助 GPT-4o 和 Veo-3 等模型,AI 现已能够快速生成高质量的文字和视觉效果,并在许多领域超越人类的技能和推理能力。真正的问题是——
我们人类独有的优势还剩下什么?
AI 模型基于海量数据集进行训练,反映的是主流模式而非任何独特的视角。因此,它们的输出往往显得千篇一律,缺乏主观细微差别的深度,例如个人风格、洞察力、叙事意图和创意原创性。设计师Michal Malewicz用“ AI 平均线”的概念捕捉到了这一现象,并将当今的创意格局描述为“乏味的时代”,充斥着千篇一律、缺乏灵感的 AI 输出。
讽刺的是,这种丰富性反而提高了标准!
此外,历史表明,尽管新工具层出不穷,叙事、审美判断和执行质量等基本技能仍然至关重要。正如 Photoshop 并没有扼杀平面设计一样,拥有 AI 的共同创造者并不会否定对技能的需求,而是会改变它。
理查德·森内特在其著作《工匠》中强调,工具在不断发展,但技艺和精湛技艺的精髓始终是核心,也是区分真正专家的关键所在。他敦促工匠们拥抱现代工具,并专注于目标而非墨守成规。
我们定义目标、设定约束并做出为人工智能指明方向的高层决策。
随着速度和质量的不断提升,争论的焦点不再是人类与人工智能的对决,而是我们寻求何种合作。在这种新的动态下,设计师不再只是创造者,而是提供创意方向、愿景和目标的人。 设计师逐渐成为创意总监或统筹者,而人工智能则扮演着助手、创意伙伴,甚至是评论家的角色。
Julie Zhuo 强调了自主性的重要性。即使人工智能与我们的技能、能力和品味相匹配,我们选择为何以及在何处应用人工智能技能的能力仍将受到价值观、意图和新兴目标的驱动,并且仍然具有人类的鲜明特征。
例如,两位设计师使用相同的AI工具,可能会得出截然不同的结果。一位设计师可能会让AI为一家气候非营利组织探索极简主义的布局,而另一位设计师则用它来为一家儿童教育初创公司生成充满趣味、富有表现力的视觉效果。差异不在于工具本身,而在于引导它的人类价值观和意图。
那么,成为一名AI原生设计师意味着什么?仅仅掌握AI工具和技术就足够了吗?还是在这个新领域,还需要更深层次的技能?
世界经济论坛显示,2030年最紧俏的技能不再是技术性技能。随着自动化改变工作方式,雇主更看重战略性、以人为本的能力,例如分析性思维、创造性思维、技术素养和韧性。
正如Fabricio Teixeira 指出的那样,即使在技术快速变革的时代,设计、协作和沟通的基础仍然是设计生涯的永久支柱,并且比任何工具都更持久。
与此同时,“超级集成电路”角色的出现正在重新定义高级设计职业,因为许多公司正在积极支持实践领导道路,重视深厚的专业知识、质量和高杠杆贡献,而不是传统的人员管理。
随着创作速度越来越快、触手可及,设计师真正的新护城河如今在于打造独特、可靠且令人难忘的AI体验。掌握设计原则、叙事能力和解决问题的能力仍然是人类独有的强项。
一个人对错误的反应——无论是自己犯的还是他人犯的——是一个复杂且常常令人痛苦的心理过程。在本文中,我将解释为什么几乎所有的错误提示信息的设计都公然无视用户体验理论。我将使用交互式原型来展示如何解决这个问题。我还将转向交互理论,回顾模式的概念,并解释可逆性、恰当性和及时性的原则。
每个设计师的清单里都会包含“设计错误界面”。但即使完成了,程序员仍然会回来说:“还有另一种情况——我们也需要一个错误界面。”在这种情况下,程序员是设计的客户,这很有道理:程序员比任何人都更了解错误。设计师和经理们都认同这种方法——但它存在严重缺陷。
“我们不是我们的用户。”设计师们不断重复这句话。他们想表达的是:不要仅仅依赖自己的专业知识(这不可避免地会过时,而且容易产生职业偏见),而要关注用户在自然环境中的行为。
所以,问题在于——程序员不是我们的用户。程序员的行为、思维方式,以及与计算机的联系与其他人截然不同。我知道我在说什么。我的大多数朋友都是程序员和工程师。我在工作中也经常和程序员交流。我自己也是一名程序员,使用多种语言(从 Swift 和 GLSL 到 Forth 和 Assembly)。但幸运的是,我也是一名非常关注心理学的设计师。那么,让我来告诉你程序员的一天通常是怎样度过的:
程序员甚至还没来得及好好写点东西——他们停顿了一下,砰,一个错误出现了:“空白符缺失”。不知何故,下一行也出现了错误(尽管那一行完全没问题)。左侧面板也满是错误。这还不算编译错误。除了红色圆圈,可能还有黄色圆圈——程序员的大脑已经习惯了忽略这些警告。
如果错误来自硬件故障、第三方库的 bug 或文档不清晰,程序员不会把这些错误当回事。他们会把这些错误视为一种有用的工具,帮助找出别人的错误。而有些烦人的拼写错误,你会在自己的代码中苦苦追寻,希望编译器能自动捕获它们。那么,关于拼写错误的错误消息就是程序员最好的朋友。
简而言之,程序员对错误消息产生了一种容忍度——所有那些带有感叹号的圆圈和冗长、说教的红色文字。
从人体工程学的角度来看,程序员的环境与普通用户的环境有着根本的不同。因此,设计师绝对不应该采用程序员对待错误的态度。如果我们负责设计一个 IDE(集成开发环境),那么我们当然会咨询程序员——他们是我们的用户。但在开发其他产品时,最好不要依赖他们的观点。相反,我们应该咨询心理学家。
红色感叹号会让用户想起老师在课堂笔记中批改的内容,并被理解为一种惩罚(当然,除非有人已经培养了对惩罚的耐受力,比如程序员)。那么,心理学是如何看待对错误的惩罚的呢?
重要的是不要用消极情绪来强化错误,因为大脑对此非常敏感,并会将这种行为标记为不值得投入精力的事情。
我知道有些人看到错误信息就会慌乱不已。他们开始点击所有按钮,只为让它尽快消失。这些人很难适应界面,因此他们倾向于完全避免与界面交互。这并不是因为他们愚蠢,而是因为他们是普通人——而不是程序员。
看看这个!几乎每个字段都用红墨水划了线,界面提示你输入姓名,并要求你填写,而且是必填项!
但程序员对此完全没意见。程序员坚信,把笨蛋塞进错误里是有用的,这样他们就不会再试图用 null 或 undefined 来破坏程序了。程序员和工程师称之为“傻瓜式防错”,展现了他们独特的同理心。
当用户从一个输入字段切换到另一个输入字段时,第一个字段会触发一个名字很不靠谱的事件:“onblur”。开发者经常用它来进行验证——以防用户漏填字段、输错生日或忘记邮件中的“@”。问题是:当用户切换到另一个应用时,“onblur”也会触发。过去,表单跨越三页时,空字段是个问题。如今,所有内容都能放在一个屏幕上——很难忽略一个空字段。至于其他的检查——它们对用户没有任何帮助。它们只是另一种“傻瓜式”的玩意儿。但用户不是傻瓜。当他们想要什么东西时——他们会发挥创造力。我知道有人会修改页面代码,以获取他们严格意义上不应该获得的政府服务。而如今,他们甚至不需要知道如何编写代码:只需单击一下即可打开 DevTools,再单击几下——所有验证都消失了。输入任何你想要的内容。
通过像傻瓜一样对待用户,开发人员产生了两个问题:第一 - 他们浪费时间构建“保护”,第二 - 他们陷入了一种虚假的安全感(没有比“通过模糊性实现安全”更糟糕的保护)。
在焦点切换时进行验证毫无意义,而且问题重重,我甚至不想在这里讨论它。让我们继续讨论主按钮上的验证:“继续”、“提交”等等。
我们与雅虎界面的交互分为三个阶段:
让我们来分析一下。
激活按钮——这很好,雅虎点赞了。我有一篇名为“禁用按钮”的文章,解释了这背后的理论和实践。如果你仍然认为禁用按钮对用户有帮助,那你绝对应该读一读。
接下来是可逆性原则。这意味着你可以将界面恢复到初始状态。雅虎又赢了——你可以重置界面。但只能通过逐个点击每个字段来实现。这有什么意义呢?为什么仅仅因为你移开焦点,错误信息就会消失?这纯粹是算法故障!在我关于设计流程的文章中,我指出即使是顶级公司有时也会设计出糟糕的界面,所以不要盲目追随权威。要遵循科学。
下一个原则是恰当性。用户点击了“继续”按钮——交互的对象是按钮,而不是输入字段。如果按钮发出某种震动或吱吱声来表达不满,这可以理解。但是输入字段呢?根本没人碰过它们!它们怎么可能感知到按钮的情绪呢?只有程序员知道,在代码中,这些对象是相互关联的——但外部观察者一无所知,因为它们之间没有视觉联系。
现在来谈谈时效性原则。设计师用红色高亮显示几个字段,期望用户做出什么反应?如果所有字段的重要性都一样,用户应该先解决哪个字段?这需要对注意力中心进行复杂的讨论(这里的注意力中心不是指某个具体的输入字段,而是“出了点问题”的整体感觉),但我建议保持简单:界面基本上就是按照“坐下-停留-过来”的顺序排列,打破了“一次一个动作”的原则。
这里,一切都非常不对劲!
界面有“模式”的概念。在我的大学里,程序员选修了一门名为“界面设计”的课程,课程内容包括解释为什么弹出窗口被称为“模态窗口”。现在,我惊讶地发现,程序员和设计师似乎对如何处理模式一无所知。
老式计算机有一种特殊的“HALT”模式,用于调试错误,也称为“控制台模式”。如果处理器尝试执行无效操作,程序将被中断,处理器将停止运行,并切换到控制台模式。您也可以通过按下物理“HALT”按钮手动触发 HALT 中断。使用开关或调试程序(在单独的控制台上运行),您可以修复错误并返回程序执行模式。
“处理器”一词并非偶然——它源于“进程”。错误中断只能在进程运行期间发生,而不会在处理器停止并处于调试模式时发生。这一事实在我们稍后讨论进程和状态之间的区别时会很有用。
向用户清晰解释他们最终进入不同模式的原因和方式至关重要。例如,调试器会显示导致无效操作的指令地址。同样重要的是解释如何返回(记住可逆性原则)。经典的 Norton Commander 完美地诠释了各种模式:
我见过有人批评这类解决方案:“窗口叠在其他窗口上看起来很丑”。即便接受了这种说法,我仍然无法认同设计师通常提出的替代方案:“我们把这个窗口移除,把错误显示到别的地方,这样更美观。” 就好像设计师忘记了自己是工程师,只是拿起画笔,像个泥水匠一样把瑕疵掩盖起来。
如果你真的想摆脱窗口,正确的方法是记住什么是模式、它们来自哪里以及它们是如何工作的——然后弄清楚如何避免切换到其他模式(如果你想深入了解模式,请阅读 Jef Raskin 的《人性化界面》)。例如:软盘空间不足?不允许复制文件。软盘未插入?不要将其显示在目标列表中。现代操作系统就是这样做的——它们消除了执行可能导致错误中断的操作的可能性。
现在我们可以猜一下雅虎上的“继续”按钮的作用了:它启动了一个错误调试模式。在该模式下,用户被赋予了程序员的角色,并被迫修复所有导致程序崩溃的空值和未定义值。不幸的是,开发人员并没有意识到这对普通用户来说有多么糟糕。我希望他们至少明白,他们剥夺了用户返回上一个模式的能力——这违反了良好用户体验的最基本规则。
乍一看,似乎所有网站的错误显示都和雅虎一模一样。所以这肯定是“最佳实践”,是行业标准……但事实并非如此!每个人的做法都不一样。我们来看看亚马逊:
让我们来分析一下。
一个活动按钮——很好。亚马逊正在跟上雅虎的步伐。
自动聚焦到第一个字段——太棒了(雅虎没有这个功能):用户可以立即开始输入。填完第一个字段后,按“继续”键会直接将光标移动到第二个字段,也就是错误所在的地方。真是聪明的举动!
有人会反对:自动对焦在桌面端运行良好,但在移动设备上键盘会遮挡半个屏幕,所以最好隐藏它,直到用户点击输入。这样一来,你解决了一个问题,又制造了另一个问题。然后你选择你的毒药……问题是,你会认为一种弊端较小,而有些用户会认为另一种弊端更严重。无论哪种情况,你都在选择一种弊端。不要这样做(我稍后会解释如何做)。
界面可逆性。你输入一些内容,错误消失;然后你删除它并切换到另一个字段——哇,一个没有错误的空字段。所有字段都一样。将界面恢复到初始状态比雅虎要难,但由于算法不稳定,仍然是可能的。
与雅虎的同事一样,亚马逊的程序员在“继续”按钮和输入字段之间建立了心灵感应:按钮不想继续,但输入字段都大声喊出来(突然变成输出字段)。
特别要提一下密码确认框——为什么它不变成红色?不填就无法继续。想说要等到前一个框填完后才进行校验?当然,你得给用户解释一下错误校验算法,再给他们看源代码——这真的会很有帮助(讽刺)。
现在,我们来快速看一下IBM的解决方案:
激活按钮——不错。没有自动对焦,但至少界面会自动滚动到第一个字段并显示错误。
界面不可逆——无法将字段恢复到第一个屏幕上的样子。换句话说,你无法退出调试模式。那么,为什么还要有第一个屏幕(调试模式)呢?如果你认为空字段是错误,那就直接显示第二个屏幕吧。哦,你不想立刻吓到用户?还记得感知心理学吗?你决定稍后再吓唬他们,作为对他们错误的惩罚?让我再重复一遍心理学家的话:
重要的是不要用消极情绪来强化错误,因为大脑对此非常敏感,并会将这种行为记录为不值得花费精力的事情。
例子不胜枚举。以网站 capital.xyz 为例:
日期字段为空,点击“下一步”按钮,字段自动对焦。手机字段为空,点击“下一步”——完全没有自动对焦。为什么?这背后的想法是什么?剧透:根本没这回事。只是算法出了问题。
谷歌甚至更进一步——你输入的每一个字符它都会责骂你……
即使你不同意我的批评,你也必须承认,知名公司的顶级设计师和程序员在实现同一项任务时,都采用了截然不同的方式。这意味着完美的解决方案尚未找到。很可能,根本没人真正去寻找它。程序员只是在缺乏对用户交互原则清晰理解的情况下编写代码,然后跑来找设计师说:“嘿,这里又有一个错误需要显示出来。”
当我为自己的项目设计错误显示时,我没有依赖别人的解决方案——我依靠科学。我在撰写本文时收集了来自雅虎、亚马逊和 IBM 的示例。在对所设计机制背后的原理没有深入理解之前,研究参考文献是有害的。你只会捡起别人的错误,然后引用权威文献来为自己辩护。几乎每个人都这样做。没有人愿意重新发明轮子——工业程序员没有时间或动力去做这件事。所以每个人都坚持使用老式的命令行、字母数字显示方法。还记得当时错误是如何显示的吗?如果没有,来看看控制台:
如今,界面开发人员仍在做着同样的事情:直接把错误日志直接倒在屏幕上。21世纪唯一的升级?把文本涂成红色,然后把信息分散到屏幕的不同位置。
这可不行。我们赶紧解决吧!
我们用“错误”这个词来描述两种截然不同的事物:事件和状态。快速回顾一下:当处理器尝试执行无效操作时,它会触发中断并进入调试模式。这是一次性事件。我们说“发生了错误”。然后,我们去寻找导致崩溃的内存中的特定值。该值——或者更准确地说,存储单元的状态——也称为“错误”。换句话说,我们模糊了因果之间的界限——仅仅是因为我们没有想出单独的词。为了避免混淆,我将使用两个术语:进程错误(事件,某个时间点)和数据错误(内存中的错误值,一种状态)。
我们来看一个邮箱输入框。缺少“@”符号?这是数据错误。被邮件服务器退回邮件?这是流程错误。或者以邮政编码为例。位数太少?这是数据错误。数据库中找不到邮政编码?这是流程错误。
输入字段只是一个数据容器。数据可能会缺失。如果你没有输入生日,并不意味着你出生在零日。这个输入字段根本没有数字,只有占位符“日”。数据缺失了。
因此,空白字段并非数据错误。不存在的东西本身就不是什么错误。空白字段是创建数据的机会,是一个良好的起点,也是一个互动的邀请。你可能已经注意到,空白表单看起来比已填充的表单更优雅。那么,为什么要用有毒的红色来破坏它呢?谁会喜欢与标记为危险的字段互动呢?
不要这么做。我准备了一个交互式原型来向你展示应该怎么做。
让我们看看电水壶中按钮和水的状态是如何变化的。打开电水壶。水沸腾后,按钮会弹开。但触发按钮的不是水,而是温度传感器。如果传感器损坏或丢失,按钮就不会弹开。
现在手动按下按钮——水不会突然变冷。了解导致状态变化的具体原因很重要。
规则如下:如果对对象 A 执行了某个操作,那么只有 A 的状态可以改变,而对象 B 的状态则不能改变。要更改 B 的状态,需要一个直接作用于 B 的独立进程。
例如,数据库搜索可能会触发索引重建——这会更改数据库本身,但不会改变您搜索的值。
让我们来看一个常见的 UI 设计错误。用户想通过邮政编码查找城市。他们输入邮政编码,点击“搜索”,然后……输入框变红,或者值消失了。发生了什么?这是一个流程错误——数据库中没有结果。但 UI 却将其显示为数据错误,就好像用户输入了错误的邮政编码一样。但也许邮政编码是有效的——只是城市还没有添加到数据库中。也许五分钟后就会添加。用户并没有输入错误数据。输入框不应该受到指责。我们无权触碰它。流程错误需要以不同的方式显示(稍后会详细介绍)。
根据希克-海曼定律,提供的选项越少,用户选择所需内容的速度就越快。将这一原理推向极致,便可得出“一屏一操作”原则。有人可能会说,复杂的程序不可能简化到这种程度,但让我们回想一下 Hanx Writer 文本编辑器——苹果设计奖得主——它几乎精简了所有内容。或者想想在 Photoshop 中按下一个按钮就可以隐藏整个界面,只留下一个工具可见。在某些情况下,“一屏一操作”原则非常有效。至少,在放弃它之前,先尝试一下。
在优化了开立经纪账户的网页工作流程后,我决定在移动应用中测试这种方法。看看我的交互式原型吧——它通过了 17 位用户的快速测试,与旧版本(每个屏幕有多个输入字段)相比,速度提升了 13%。
有人可能会说,时间的提升并不大——少了52秒,而不是整整一分钟。但首先,试着数到8——这实际上是一段相当长的时间内,任何事情都可能发生。其次,测试表明时间减少了,而不是像一些人担心的那样增加了。他们假设额外的屏幕转换会减慢用户的速度,但结果却恰恰相反:信息越少,用户处理速度就越快。当只有一个操作可选时,用户会毫不犹豫地执行。
原型就是这样。屏幕上只有一个输入字段。用户输入数据,按下“继续”,屏幕就会滚动到下一步。如果你手动尝试在空白字段处向前滚动,屏幕会迅速弹回:“不行,不行”。输入字段保持焦点,提示用户输入数据。无需任何额外的高亮——毕竟,它是屏幕上唯一的字段。完美。
如果你点击“继续”,但输入框为空或邮箱地址缺少“@”符号,键盘会弹回来,仿佛在说:“想继续吗?那就继续填写吧。” 没有任何错误信息!
我再强调一遍:我们不会隐藏错误信息。相反,我们设计的系统绝对不会出错。没有数据就意味着没有数据错误。没有流程就意味着没有中断或调试模式。这里唯一的期望是数据以正确的格式输入。顺便说一句,这里有一个很棒的方法——接受任何合理格式的数据。例如,Sberbank.ru 允许您输入带有国家代码 (+7)、本地前缀 (8) 或完全不带区号的电话号码。
从本文俄语版的评论来看,并非所有人都理解原型的用途。有些人期望看到一个完美无瑕、随时可用的产品(一个他们可以直接复制的产品),结果却大失所望,对诸如缺少重新发送短信验证码的选项之类的问题吹毛求疵。让我再次澄清:本文中的原型并非成品的精确复制品。它们的唯一目的是展示如何消除错误信息。
现在,让我们将此解决方案扩展到界面无法简化为“一屏一操作”模式的情况。 “Ingos Investments”的原型反映了数据量巨大,以至于每个屏幕上必须显示多个字段的情况。
让我们设想一个场景:用户尚未填写所有字段,点击了“继续”按钮。界面立即聚焦于第一个空白字段,调出屏幕键盘,并滚动到该字段正上方,方便用户查看正在输入的内容。即使屏幕上有多个字段,我们仍然坚持“一次一个操作”的原则,巧妙地将其他字段隐藏在键盘下方。在活动字段下方,会出现一条提示:“所有字段必须填写”。这不是错误消息,而是一个有用的提示,没有任何令人担忧的危险信号。
当用户点击屏幕键盘上的“下一步”时,他们只会跳转到下一个字段——这和填写表单的常规流程一样,而不是笨重的错误调试模式。提示已经给出,所以用户不太可能再次尝试填写空白字段。但如果他们真的这么做了,那么他们会再次看到这个温馨提示。
怀疑论者可能会说:“但如果空白字段位于屏幕最顶部,无法滚动到键盘上方怎么办?或者,如果网站是在桌面上打开的,根本没有屏幕键盘怎么办?” 答案是:没什么大不了的。所有这些极端情况都在原型中得到了完美的体现。我也听到过这样的担忧:“如果我们不把每个字段都涂成红色,用户就不会意识到需要填写”。测试表明,这些担忧是毫无根据的。这些担忧背后真正的恐惧,是害怕打破常规,尝试一些真正新颖的东西——一些对用户更有利,而不仅仅是对我们自己更有利的东西。
为了创建“Ingos Investments”的原型,我编写了一个状态管理调度器。交互元素将其内容报告给管理器,然后管理器决定如何处理它们。
程序员常说输入字段是独立的元素。邮箱字段不知道电话字段里的内容。当你切换输入字段时,它会触发对其内容的验证。当你点击“继续”按钮时,所有输入字段都会收到一个命令——检查你的数据。这就是为什么它们会突然一起亮起红灯。这就是它的构造方式。程序员说你无法改变它。设计师也相信这一点。不过亚马逊的例子表明,密码确认字段确实知道前一个字段的内容。所以他们可以随时修改。
这意味着你可以而且应该创建一个状态管理器。当用户尝试跳转到下一个屏幕时,状态管理器会检查所有字段,找到第一个包含不完整或无效数据的字段,将用户带回该输入框并显示提示。本质上,这是一次时光之旅——回到用户出错的点。因此,将后续字段标记为错误是没有意义的——它们发生在将来,而用户尚未到达它们。
使用状态管理器,您还可以在鼠标悬停在“继续”按钮上时检查字段内容。如果数据缺失,按钮的标签会更改为特定的字段名称,例如“输入街道”——这遵循了时效性原则(用户尝试继续,但需要填写字段,我们会通知他们)。这个新标签在按钮和字段之间建立了视觉联系,使程序员有理由将这两个元素的行为联系在一起。
程序员可能会问:“为什么要把事情复杂化?” 没错——对程序员来说越复杂,对用户来说就越容易。这是规则。说实话,这只需要一两天的时间。需要更多精力的是通知系统。数据错误和流程错误应该显示在各自的层级结构中:数据错误应该显示在数据容器中,而流程错误应该显示在应用程序范围的通知中。这是一个完全独立的主题,我希望有时间写一篇关于通知设计的文章。
因此,我们发现了以下事实:
令人惊讶的是,Duolingo 的用户体验主管 Mig Reyes 在 LinkedIn 上宣布,公司已决定彻底改变 UX 设计一词,并用 PX 设计取而代之。
你可能会问, PX 设计是什么?让我们根据公司的说法来分析一下。
首先,他们明确表示将把用户体验 (UX) 的职能更名为产品体验 (PX)。之所以做出这一改变,是因为 Duolingo 是一家产品主导的公司,他们内部所做的一切都是为了产品。他们招聘的职位也包括产品设计师、产品文案和产品研究员。
我们尝试过“UX”这个统称。但最终没能坚持下来。它感觉不像我们。感觉……过时了。
最后,他们还提到了UI如何塑造用户体验,以及UX如何服务于产品,最终形成了完整的等式。这是一个相当有趣的UX设计理念,因为我们一直以来都认为用户和业务之间需要取得平衡。
此事在网上引发了众多设计师的强烈反对。有人认为这是公司赋予用户体验(UX)新身份、使其专注于业务和产品的绝妙之举;而另一些人则认为这只是一种营销噱头。
抛开这些审查不谈,这确实表明公司越来越看重设计师的头衔,更注重设计师的实际能力和技能。UX(用户体验)这个词在我出生前就出现了,之后经历了多次改版,所以这种情况对我来说并不意外。公司如何更加轻视设计师的头衔,而更注重设计师的职能和技能。UX 在我出生之前就已经被创造出来了,从那时起它已经经历了多次改版,所以这样的事情对我来说并不感到惊讶。
这并不是我们见证的第一次用户体验 (UX) 品牌重塑。1993 年,用户体验之父唐纳德·诺曼 (Don Norman) 创造了“用户体验设计”一词,将平面设计、工业设计、文档和人机交互等概念融为一体。1993年,UX之父唐纳德·诺曼创造了UX设计这个术语,将图形设计、工业设计、文档和人机交互全部涵盖在一个整体中。
2011年,一位拥有产品设计背景的勇敢软件开发者挺身而出,致力于改变开发者的生活。他提出了“开发者体验”一词,涵盖了在其他现有平台上构建应用程序的开发者的体验。您可以在此处阅读详细文章。
最近,
宣布了一个名为“代理体验”(Agent Experience,简称AX)的新术语。该术语与基于代理的人工智能(AI)领域相关,涵盖了AI驱动的代理如何看待世界和数字体验。例如,某些代理可以与网页交互,并根据您的提示帮助您找到合适的内容。AI代理如何与网页交互?代表您拨打电话的AI代理将如何与其他人互动?问题无穷无尽,而AX或许正是AI代理未来发展的答案。阅读全文。
每个创意或技术领域都必然会根据当前的技术趋势以及用户对产品的期望而发展。由于许多任务都由人工智能完成,设计师不可避免地会开始关注业务和产品功能,因此“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和高等教育途径,包括高等教育和带薪学徒制,最终是维持生计的工作岗位。
考虑到这些关键岗位的严重人员短缺,产品制造商的端到端思维应该包括引发关于如何最好地引导人们进入这些职业的讨论。像领英这样数据丰富的平台可以通过展示热门岗位、规划基于技能的职业发展路径,以及为有抱负的工作者(无论是高中生还是转行者)提供学徒计划、认证和导师支持,使一线职业发展路径更加清晰易懂、易于导航。通过将这些洞察融入产品设计,我们可以用全新的端到端思维,全面支持关键职业发展。
归根结底,下一代人工智能不仅仅是数字化的;它是切实的、交互式的、主动的、并且高度人性化的。对于人工智能设计师和产品创造者来说,我们的使命从未如此清晰:广泛、深入且人性化地重新定义生产力。在微软,这是我们的承诺——不断改进我们思考和构建全球最具影响力的人工智能工具的方式,确保从电工和教育工作者到设计师和商业领袖,每个人都能在这个新的现实中蓬勃发展。
阿蒂奥姆•达辛斯基
几年前,我需要为客户设计一个标志,但却找不到一个拥有设计精良、相关标志的好地方来激发灵感。
所以当时我创建了Logggos——一个拥有约 1,000 个科技公司、代理商和 DTC 品牌精选徽标的网站。
我还分析了 128 个科技/SaaS 公司的标志,以了解他们使用的字体、结构和形状。
我很快收集了下面的结果,展示了什么让标志感觉“科技化”(如果你想实现或避免这种外观)。
21% 仅使用文本,6% 仅使用图标。
虽然Serif、Serif-Slab和Script字体在 DTC 品牌中非常常见,但在科技标志设计中它们却非常罕见。
过去几年,从全大写改为标题大小写或全小写已成为一种趋势。沃尔玛、史泰博、AT&T、Tand 等大公司都放弃了全大写。万事达卡和费雪等品牌也从标题大小写改为全小写。看来科技行业也出现了类似的趋势。沃尔玛、史泰博、AT&T、Tand 等大公司都计划放弃全大写万事达卡和费雪等品牌已将标题大小写改为全部小写。看来科技行业也出现了类似的趋势。
(例如 NetSpring 而不是 Net Spring)
我们调查的公司中,有 30% 的公司名称由两个单词组成。所有使用两个单词的公司都选择不在其徽标中拆分单词(例如 NetSpring 和 Net Spring)。这与那些喜欢拆分单词的消费品牌(例如 Fresh Sends)有所不同。
当品牌选择颜色时,最受欢迎的颜色是:蓝色(18%)、橙色(10%)和绿色(8%)。
这是与消费品牌的另一个不同之处,与科技公司相比,消费品牌更有可能在其标志设计中使用颜色。
每个人都在争相打造 AI 体验,但产品真的能达到预期效果吗?作为用户体验领导者,掌控产品方向是我们的荣幸。这意味着我们要思考 AI 如何在用户体验中呈现,以及它对用户的实际意义。
仅仅拥有AI功能已经远远不够了。AI成本高昂,如果执行不力,还会给用户带来更多不便。其他设计师和技术人员之前也曾抱怨过这个问题,所以我就不再赘述了。那么,作为一名用户体验领导者,你该如何才能更好地定位你的公司和团队,从而有效地推出AI技术呢?
不要仅仅为了 AI 而构建。要识别用户最紧迫、最普遍的问题。需要注意的危险信号:
与产品负责人、业务利益相关者和客户拥护者进行交流,探讨如何推动变革。与客户沟通,了解他们的工作方式,并提供可靠的数据来验证你的假设。
好了,你确定了主要问题,但人工智能真的是正确的方法吗?数字公共服务中心的评估报告《人工智能是否是正确解决方案》提供了一些指导,可以帮助你入门:
如果人工智能很合适,答案不应该总是聊天机器人,但很多公司却这么认为。如果你的公司也这么认为,那么你还有很多工作要做。首要考虑因素应该是价值,而秘诀在于组织对价值的认同。
定义贵组织的AI 愿景和目标——参考 Thrive 文章《如何创建 AI 愿景声明》中的建议,共同制定愿景和目标。运用 AI 技术,增强用户体验 (UX) 或产品团队的目标声明。
确定可以支持您的团队及其 AI 计划的联系人。
虽然您可能没有能力动员这些同事或工作伙伴,但建立联系并寻求建议仍然有助于进一步推动您的计划。
在整个组织内培养关系对于让你被看到并建立信任非常重要。
在这个部分,您需要进行认真的、有时可能令人不快的对话,以通知、协作、获得批准或召集 AI A 团队的各个成员。
引导您和您的团队更好地了解您正在建设的环境。
您的组织或产品在智能化道路上处于什么阶段?您是从零开始,还是只实现了少量自动化,还是已经拥有许多 AI 功能?这里需要考虑的重点是当前状态,而不是路线图或理想的未来。
通过大致了解您的组织所处的状况,您可以确定您的组织为了实现愿景必须达到的成熟度级别。
UI 的底层隐藏着什么?它是否采用了合适的技术架构来支持 AI 开发?在真正投入 AI 工作之前,你需要解决多少技术债务?
在架构师和开发人员的帮助下,您的团队可以全面评估您的平台的定位。虽然我不推荐 Domo,但他们有一篇很棒的文章《AI 就绪性:评估您的业务的完整指南和免费清单》,您可以参考。
了解这一点可以告诉你,你的努力是否会实现、是否会被推迟,或者是否会徒劳无功。
定义AI 设计原则,打造富有影响力的用户体验。您可以从 VUX 的AI 设计原则中找到灵感。通过补充和完善概念的原则,强化既定的 AI 愿景和目标。
不断提升您的 UX 实践以提供完善的 AI非常重要。
与工作伙伴保持定期沟通并遵循最佳实践。
您的团队是否渴望开始深入研究数据?对于注重工程设计的组织,或者为了实现并行方法,您的团队也可以专注于数据准备。您可以先清理和准备一些基础数据集,以及一些您认为能够带来价值的专业数据集:
通过清理信息并将数据输入 AI 模型,您仍然可以在现有路线图上开展工作,同时为 AI 计划取得一些进展。这样,您就可以在对现有数据集执行深度学习关联时让数据为您提供指导,从而进一步研究特定经验用例。
要利用 AI 解决客户问题,团队必须仔细思考 AI 如何在系统中运行,以及它将如何影响用户体验。请使用下方矩阵来指导讨论和决策。
真正的用户倡导者提出的问题
确保不错过任何机会,分享在探索过程中、通过用户反馈或分析所获得的经验。及时向业务和产品利益相关者汇报研究结果,确保路线图的优先事项得到数据支持。
用户体验团队还可以通过有效的可视化,在帮助利益相关者更好地确定工作优先级方面发挥关键作用。与产品经理合作,模拟代表最终愿景、第一步以及最终实现之前的几个中间阶段的英雄体验,这些体验可以映射到交付时间表和阶段。
确保你能定量和定性地衡量结果。包括领导层的投资回报率 (ROI) 和产品团队的关键绩效指标 (KPI)。虽然我不推荐这些方法,但Arounda 的《人工智能用户体验:完善人工智能产品指标的 10 个技巧》提供了很好的例子:
如果您已经为客户提供了良好的服务,那么打造高影响力的 AI 体验应该轻而易举。但陷阱在于,组织对 AI 愿景或目标的看法不一致,以及您的产品技术能力尚未为 AI 做好准备。作为一名设计领导者,您拥有独特的优势,只需稍加挖掘、拓展人脉,并打破常规思维,就能引领变革。
蓝蓝设计的小编 http://www.lanlanwork.com