首页

未来的设计形态

杰睿

有些想法已经酝酿了好几周。其他想法则是在谈话中,或者在观看某人发起一个零散的无代码实验时浮现出来的(我们最近经常这样做)。

他们或许会老得漂亮,也或许不会。这不是重点。

重点在于:变化正在发生。我们越了解它,就越能更好地塑造未来。

1. 团队规模更小,重点更明确

我们正在进入一个团队规模更小、更专注的时代——这适用于所有学科,而不仅仅是设计。

正如 Marty Cagan 在最近为硅谷产品集团撰写的文章中指出的那样,产品团队正在变得更加精简,但效率也更高。这并不是说要用更少的资源做更多的事情,而是要消除噪音、开销和不必要的交接。

工具化正在飞速发展。十年前,一天内构建一个原型可能需要跳过关键步骤或加班加点。但现在,有了 Figma、一些无代码工具(下文将详细介绍 )以及 ChatGPT/Claude,一位设计师可以在早上探索五个方向,并在午餐前测试其中三个。

人工智能并非取代我们,而是让我们有机会进行更周全的设计。装备精良的产品设计师——或者产品经理——现在可以更快地从问题到原型,再到经过验证的解决方案,这并不是因为他们更加努力,而是因为环境最终让他们能够更智能地工作。装备精良的产品设计师(或产品经理)现在可以更快地从问题转向原型,再转向经过验证的解决方案,这并不是因为他们更加努力地工作,而是因为环境最终允许他们更聪明地工作。

在设计领域(以及其他领域),这意味着更少的人员,但更明确的职责。更少的专业化,更多的责任。

说实话,我迫不及待地想看到这个。我一直都很喜欢小团队、快团队。他们行动清晰,能快速建立信任,而且在协调上也更省力。

说实话,如果你是一位领导者,认为员工人数翻番就能自动改善现状,那么当经济形势发生变化或公司未能实现目标时,你可能会陷入困境。我们都见过这样的情况:快速招聘,然后是恐慌性裁员,之后又是同样的关于专注和问责的讨论。

单人团队不再只是初创企业的神话。它正在成为一种可行的结构——尤其是在小型公司和早期团队中。随着人工智能和无代码工具的不断发展,甚至可能在大型公司中也是如此。

是的——这意味着“设计师”的定义也在发生变化。

2. 全栈设计师的再次崛起全栈设计师的再次崛起

高度专业化的时代正在消逝。这并不意味着专家已经过时——远非如此。只是现代产品设计师的工具包正在不断扩展,人们期望他们能够更好地利用这些工具包。

研究、文案写作、视觉设计、系统思维,甚至组件库的实际工作——一切都融合在一起。人们越来越期望设计师能够独立掌控更多产品周期。这并不是为了取代其他角色,而是为了减少摩擦并保持发展势头。

这种转变反映在职位描述中。产品设计师(UX/UI 设计师等)现在需要定期撰写微文案、进行可用性测试、参与设计系统、构建原型、分析数据、招募用户并与客户沟通。预计撰写微文案、运行可用性测试、参与设计系统、构建原型、处理数据、招募用户以及与客户交流— 定期。

说实话,为什么不呢?有了合适的工具,很多任务都会变得比以往更容易,而且可以做出更好、更快的决策。

从许多方面来看,我们都回到了数字设计的早期阶段,当时同一个人会进行构思、设计和构建。

但这一次,我们采用了更好的工具、更智能的系统以及(希望)更强的判断力。

3. 设计系统民主化

随着设计工具的发展和无代码采用的增加,设计系统变得更加开放、可用和重要。

我们正在看到从严格控制的库向模块化、即插即用的生态系统的转变,这种转变不仅使设计师能够,而且使产品经理、营销人员甚至客户成功角色能够构建实验,而无需等待开发资源。

我希望我们的产品经理能够使用我们的设计系统快速构建原型——只需几分钟,而不是几天——这样他们就能快速测试各种想法。正因如此,我才致力于几乎完全开放我们的灵魂设计系统。

这令人兴奋,但也提高了标准。开放式设计系统需要清晰的文档、强大的组件和智能的治理。它们迫使我们像产品构建者一样思考,而不仅仅是设计师。

与此同时,我们的系统越容易上手,我们就越有可能出现千篇一律的结果。当每个人都使用相同的组件和模式时,千篇一律就会迅速蔓延。这并不是什么新鲜事,它一直存在。想想有多少网站与 Linear 的设计相似,又有多少新应用模仿 Notion 的导航。正因如此,创造力、视觉识别和精湛工艺将变得更加重要,而不是更不重要。需要 (或想要)脱颖而出的公司需要投资于独特的视觉/UI 设计、引人入胜的故事叙述,以及人工智能或模板无法复制的精妙之处。

4. 工具正在改变一切(如果你允许的话)

设计师从未拥有过如此强大的力量。我们能够以一年前难以想象的速度进行测试、构建和学习。

在我的团队中,我们正在探索一波全新的工具:可爱V0 复制, 和Bolt.new

我们仍在决定将哪一个(安全性、法律等)完全集成到我们的设计堆栈中,其中 Loveable 和 V0 目前处于领先地位。

我们中的一些人也一直在研究Cursor。毫无疑问,它功能强大,但对于日常设计工作流程来说,它仍然感觉有点“更高层次” (2025 年春季——你可以打赌,几个月后,这种情况将不再存在)。

附注:随着工具越来越开放,团队界限越来越模糊,安全问题也变得越来越重要——即使对设计师而言也是如此。在讨论过风险之后,我请求我们的AI/创新团队帮助我们搭建自己的MCP服务器。他们现在正在着手开发——即使在早期阶段,我们也非常谨慎。

Vibe 编码很有趣……直到它会让你的系统暴露一些不该暴露的东西。

这些工具不仅能节省时间,还能改变文化和思维方式

他们正疯狂地奔跑。我完全相信,如果一年后我再回顾这件事,一定会发现三个功能强大的新工具。看看生成图像模型的飞跃——不到12个月,它就从八指的噩梦变成了拥有清晰副本的视觉效果。

为了跟上步伐,我们开始举办内部培训,让工程师指导设计师如何在本地环境中运行项目、如何运用变体进行思考以及理解系统逻辑。这并不是要把设计师变成开发者(好吧……也许有一点)。而是要减少恐惧,增加背景知识,并在流程早期做出更好的决策。

要点是什么?最好的工具不仅能帮助你更快地行动,还能帮助你的整个团队使用同一种语言,共同创造更好的产品。

提示我一直建议设计师尝试构建 Figma 插件(你可以使用 ChatGPT 指导)、个人网站,或者——更好的是——一个可以解决你实际问题的小工具。我们的一位设计师构建了一个徒步旅行计划器。另一位设计师为他的业余项目创建了一个烹饪伴侣。还有一位设计师创建了一个在线图像压缩网站。你将学到比预期更多的东西。

5. 设计工程师的回归

随着工具的发展和界限的模糊,一个新旧角色正在悄然回归:设计工程师

这并不是什么新鲜事——用户体验工程师在谷歌和其他科技巨头中已经存在了十多年。但得益于人工智能、无代码开发和更强大的工具,这个曾经只存在于科技巨头独角兽中的职位,如今正出现在 SaaS 团队、初创公司和设计系统团队中。

我们团队一直在探索这条道路。我设定了一个个人目标:到今年年底,我们产品设计团队的某个人将为产品发布一个小更新——无需开发人员参与。即使是像更新工具提示中的文本这样简单的事情。在我们的 UI 团队中,挑战甚至更大:在没有开发人员参与的情况下更新组件。

为什么?因为前端现在应该更快了。可以更快。在一个设计师可以与代码对话(或者至少可以温柔地引导代码)的世界里,等待两周的文本修改感觉很不对劲。

这并不意味着团队中的每个人都需要成为一名程序员。但这确实意味着我们需要更加适应我们参与塑造的系统——并且不要再把 Figma 和生产环境之间的空间视为黑匣子。

设计工程师(或任何行业赋予的头衔)可能并不适合所有团队。但我相信,他们会自然而然地成为更多团队的一员。

它会顺利吗?一点也不。开发人员会注意到那些混乱的部分——语法、结构、风险。这很正常。原型开发也是如此,任何初次踏入陌生领域的人都会遇到同样的情况。

但如果这种方法建立在好奇心和合作之上——而不是控制——它就会开始奏效。早期的摩擦是值得的。

接下来是更快的迭代、更好的协调和共同的尊重。

6.专家将比以往任何时候都更重要

这里有一个悖论:随着角色的融合和工具变得越来越容易使用,对真正的专业知识的需求实际上正在增长。

人工智能是一个强大的放大器,但它也可能掩盖经验的不足。我见过一些初级设计师严重依赖人工智能生成的结果,结果却创作出缺乏深度、连贯性或意图的作品。工程领域也存在同样的问题:人工智能可以自动完成代码,但却无法调试业务逻辑。至少目前还不行。

在这种新环境下,普通人和杰出人才之间的差距将会扩大。这令人不安,尤其是对于那些职业生涯早期的人来说。

但它也是一个行动号召——呼吁前辈们进行指导,呼吁团队投资软技能和系统思维,呼吁每个人超越仅仅推动像素或生成提示。

成为专家。如果你还不是专家,没关系——但不要停滞不前。不断拓展,不断磨练。这就是与众不同之处。

7. 品味、创造力和商业思维是差异化因素

那么,在这个人工智能增强工作流程和像素级完美模板的时代,什么才能真正让设计师脱颖而出呢?嗯,那些成就伟大设计的要素始终如一:品味。创造力。商业头脑。沟通能力

随着工具的改进,我们已经看到了千篇一律的风险。环顾四周:几乎每个新应用都像 Notion,每个新网站都沿用 Linear 的简洁极简主义。这些模式并非糟糕——而是非常棒。但当所有人都遵循相同的公式时,产品之间的界限就会变得模糊。体验开始变得千篇一律。

这时,视觉品味和创造力就比以往任何时候都更加重要。

随着人工智能和无代码工具的不断发展,执行力不再是瓶颈——决策才是。我们的责任是像战略家一样思考,并运用具有影响力的语言。

最终,只有那些能够清晰表达意图、发挥创造力并具备战略思维的设计师才能脱颖而出。他们不仅能够解答如何构建并使其外观精美,还能解释其背后的原因以及为谁而 做。在我上一篇为本博客撰写的文章中,我谈到了设计师领导者需要身兼数职才能产生影响力。在生成式人工智能时代,这一点比以往任何时候都更加重要,只有能够将用户需求与业务目标相结合、清晰地提出创意并引导团队取得有意义成果的设计师才能获得发展空间。

其他人都将被困在追求快速工程技巧的道路上。

8. 你现在可以做什么

那么,我们该如何应对这一切?该如何为这个快速逼近的未来做好准备?

我们在团队中亲眼目睹了这一点。

几个月前,我们的一位内容设计师联系了UI团队,寻求指导。她主动开始提升自己的技术技能,这并非她正式的成长计划——这对她来说很有意义。之后,她创建了她的第一个组件——一个颜色选择器——现在,我们真心相信她可以成为一名优秀的产品设计师。

我们在用户体验研究领域也看到了类似的转变。如今,我们有三位高技能的研究员——说实话,我认为未来我们不需要六位或十二位研究员。这并不是因为研究不那么重要,而是因为产品设计师越来越擅长掌控产品发现的各个环节——验证想法、进行访谈,并更早地做出更明智的决策。

这为我们经验丰富的研究人员提供了发展空间,使他们能够成为战略合作伙伴,而不仅仅是可用性测试人员。他们作为深思熟虑、高杠杆的合作伙伴,为我们的产品设计师提供支持,我们的一位研究人员也已经开始探索UI设计。

就像内容设计一样,研究仍然是一门至关重要的技艺,而且通常情况下,它仍将是一个专业化的角色。但这样的时刻提醒我,保持领先地位不仅仅是学习新工具或追逐潮流,更在于拓展视野。那些蓬勃发展的人,将是那些充满好奇心、积极进取、无所畏惧超越工作职责的人——不是因为他们被要求这样做,而是因为他们想要按照自己的方式迎接未来。

那么,为了应对这一新现实,你能做些什么呢?以下是我给设计师(不仅仅是设计师)的建议:

  • 投资软技能。同理心、讲故事的能力、引导能力、领导力——这些永远不会过时。事实上,它们比以往任何时候都更重要。
  • 亲手实践无代码。构建一些东西。打破它。了解它能做什么和不能做什么。
  • 对人工智能保持好奇心。把它当作陪练伙伴,而不是拐杖。
  • 像产品人一样思考。设计不再仅仅关乎形式,而更关乎结果——这本该一直如此。人工智能和无代码工具正在加速这种转变,让设计师有更多空间专注于战略和业务。
  • 分享你的知识。指导、写作、教学——你将在这个过程中学到更多。
  • 鼓励团队中的其他人进行尝试。这包括产品经理、营销人员,甚至客户成功团队。使用你的设计系统和无代码工具构建的简单原型,有时比冗长的 PRD 能带来更好的反馈。

未来不在于做得更多,而在于做得更好——更清晰、更有目的、更快速。

给未来的我的一封信

如果您明年读到这篇文章,我希望其中一些想法能够得到认可。

也许有些事情被证明是错误的——也许更大的事情发生了,再次改变了一切。没关系。

我希望不变的是:我们不断适应。我们不断学习。我们以好奇心而非恐惧引领。

因为适应力是我们的超能力。而设计——在最佳状态下——始终在于对未来的畅想。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

超越旅程地图:AI UX 中的控制设计

杰睿

UX AI 设计工具包图示
罗布·查佩尔(Rob Chappell)插画

多年来,用户体验团队一直依赖用户旅程地图(一种标准的设计思维工具)来可视化和传达用户的意图、行为和流程。我们绘制了用户在各个界面步骤中的目标和情感,追踪了从发现到转化或任务完成的路径。这些地图假设用户旅程的进展基本呈线性:一系列可见的屏幕、结构化的任务以及用户做出的深思熟虑的选择。

但在人工智能驱动的系统中,这些假设开始瓦解。步骤变得不可见。目标在过程中不断演变。系统不再等待命令——它会推断、提出建议,甚至采取行动。随着人工智能承担起更多责任,我们熟悉的用户流程架构开始瓦解。我们曾经称之为“旅程”的东西开始变得更像一场对话,或者更准确地说,一场谈判。

传统的旅程地图假设流程固定——逐步完成的任务、静态屏幕和清晰的用户意图。但在由人工智能驱动的体验中,例如 ChatGPT、Google Gemini 或 GitHub Copilot:座席会主动完成任务(有时是隐形的),并且控制权会来回传递。考虑以下人工智能操作:

  • 写作助手会在您输入时完成您的句子。
  • 设计工具根据定义不明确的指令应用更改。
  • 浏览器助手可以总结网页、建议下一步行动并跨域采取行动。

在每种情况下,系统都会参与意义建构和决策。这些体验构成了一个相互影响的循环。针对这种新现实进行设计需要新的框架——用户体验模型,它超越了用户逐步完成任务的模式,而是考虑了人机之间动态的、共享的控制。

随着人工智能系统功能日益强大,我们作为体验设计师的工作也发生了变化。这不仅仅关乎流程、组件或优化。这意味着我们需要根据控制感知用户体验的原则进行设计:

  1. 意图框架:如何建议行动?帮助用户设定模糊的目标。
  2. 清晰地预览AI计划: AI正在做什么?为什么?在行动之前展示系统将做什么
  3. 可操控性:我可以改变路径吗?让用户在任务中调整AI行为。
  4. 可逆性:我可以撤销刚刚发生的事情吗?提供清晰的撤销和覆盖选项。
  5. 透明度和一致性:这个系统会尊重我的时间、我的目标和我的监督吗?分享系统推理。

这关乎塑造人与自主运作系统之间的关系。这种关系只有在清晰易懂、可操控且以人为本的基础上才能有效运作。

管理控制平衡

自主性滑块的图示
Andrej Karpathy 的“自主滑块”概念——Rob Chappell 的插图

在 Y Combinator 的 AI 创业学校的演讲软件正在(再次)改变中,特斯拉前 AI 主管、应用 AI 领域最具影响力的人物之一 Andrej Karpathy 将软件设计的这种转变描述为从确定性、代码驱动系统向新范式的过渡:界面是自然语言,程序就是提示本身。

正如 Karpathy 所说,“你的提示现在是编写 LLM 的程序。”但与命令或表单输入不同,提示会启动一个概率性的解释过程,其中模型推断意图和上下文,而不是执行固定的操作。

Andrej Karpathy 主题演讲截图
Andrej Karpathy 在旧金山 AI 创业学校发表主题演讲 — youtu.be/LCEmiRjPEtQ

Karpathy 提出了“自主性滑块”的概念——一种交互范围,从完全用户控制到完全 AI 自主。它并非简单的开关,而是一个动态、流畅的尺度,会在整个会话过程中不断变化。有时由用户主导,有时由 AI 模型提出建议或采取行动。通常情况下,它们会反复切换角色。这是一种时时刻刻的控制权权衡。

Karpathy 阐述了人类与人工智能之间互动的两种基本模式:

1. 人机交互(指令模式)

  • 人类给出详细、明确的命令
  • AI 模型根据这些指令执行
  • 思考:快速工程、表单填写、手动配置
  • 用户体验重点:输入清晰度和脚手架、结构化指导

2. 模型即驾驶员(自动驾驶模式)

  • 人类给出了一个高层次的目标
  • 该模型计划、决定、迭代和选择
  • 思考:“写一份简介草稿”、“为我开发一个应用程序”、“我还缺少什么?”
  • 用户体验重点:可解释性、监督和覆盖控制、信任信号

这两种模式存在于动态张力之中,而非二元对立。用户和AI代理流畅地来回切换控制权。Karpathy的框架向我们展示了真正的用户体验挑战并非对话与界面的对立,而是为共同代理而设计。

你肯定不想只用文本与操作系统(LLM)对话。文本阅读、解读和理解起来非常困难……图形用户界面 (GUI) 可以帮助人类审核这些易出错的系统的工作,并提高运行速度。—— Andrej Karpathy,软件正在(再次)改变

看完 Karpathy 的演讲后,我一直在思考“自主滑块”——用户选择将多少控制权交给 AI 的想法。但这并不总是指完全自主,比如 AI 编写代码和提交拉取请求。有时,它涉及一些更微妙的事情:你给系统多大的空间来解读你的意图。

我从Adobe Firefly测试版就开始用了,主要用来构思视觉概念和探索风格方向。Firefly 的滑块控件并非虚构的,而是内置在界面中的。

Adobe Firefly 视觉强度滑块运行截图
Adobe Firefly 实际操作示例——用户调整模型的创意控制,调整视觉强度水平

Firefly 为我提供了调节控制的工具,而不仅仅是提交输入。提示字段并非整个界面,它只是更大控制界面的一部分。它周围有一些滑块——例如“视觉强度”“风格强度”——它们充当实时刻度盘,用于控制我赋予模型的自主权。当我降低强度时,我在发出信号:紧跟提示,保持文字表达。当我提高强度时,我在邀请读者进行解读,让模型自由发挥创意。

实际上,我选择赋予AI多少自主权。这关乎塑造作者身份的平衡。系统成为了合作者,而滑块则成为一种看得见摸得着的管理合作关系的方式。

用户体验也在再次发生变化

交互的未来不仅仅是引导用户顺利地从A点到达B点,更是设计人与模型之间的关系。这种转变需要一种全新的用户体验思维,将人机交互状态视为核心设计维度,而非边缘情况。这种变化已引起广泛关注。业内的用户体验领导者正在提出以人为本的全新方法,利用智能系统进行设计,并围绕智能系统进行设计。

在 UX Matters 的文章超越炒作:以人为本的 AI 走向现实中,设计加速器 Punchcut 的联合创始人 Ken Olewiler 对当前的 AI 格局提出了尖锐的批评,警告称不应在缺乏实际用户价值的情况下仓促采用生成式 AI。尽管许多组织正在进行试验,但他指出,很少有组织能够从概念验证阶段迈向可衡量的投资回报率——他将这一差距归因于炒作驱动的决策和缺乏以人为本的框架。

避免试图在客户生命周期的每个阶段都全面集成人工智能自动化。要更有选择性,在人工智能能够带来最大价值的地方进行集成。提供能够实现协作式用户控制的人工智能功能,为用户保留有意义的自主权。——Punchcut 联合创始人 Ken Olewiler

Olewiler 呼吁重新思考自主性。尽管人工智能领域的主流叙事倾向于推崇完全自动化,但他团队的用户研究发现,用户更喜欢共享控制。他建议创建自主性地图,以可视化的方式展现人机交互在整个体验中的转换点——类似于服务蓝图等系统设计工具,但更侧重于控制。这些地图可以帮助团队在设计时实现协同自主,而不是交接或黑箱自动化。

BCG 的 Matt Scharpnick 的文章“生成式人工智能的用户体验设计:平衡用户控制和自动化”呼应了 Olewiler 强调的平衡用户代理和人工智能自动化,强调了用户体验需要在灵感和精确之间找到平衡。

用模型引导用户得出精确结果可能会令人沮丧。我们仍处于 GenAI 的早期阶段,还有很大的创新空间——尤其是在设计允许用户精准输入偏好的界面方面。—— BCG 副总监 Matt Scharpnick

Scharpnick 认为,生成式用户体验的未来在于设计出一种界面,让用户能够精准地“操控”他们想要的价值和控制,同时又不扼杀生成式模型的创造潜力。这与 Olewiler 对自主地图和共享能动性的呼吁相呼应,凸显了用户体验的更广泛转变:我们必须设计出既能激发惊喜,又能支持专业级精准度的系统。

绘制控制流:我们可以从 OESD 中学到什么

操作员事件序列图 (OESD)是一种形式化模型,用于直观地展现控制权在人类操作员和自动化系统之间随时间推移的切换。OESD 是在航空航天、自动驾驶汽车和工业机器人等安全关键领域开发的,它可以帮助工程师定义每个操作的负责人、触发控制权交接的因素以及系统在出现问题时如何响应。

这些图表通常包含两条或多条“泳道”——一条供人使用,一条供机器使用——并绘制出一系列动作、决策和交接点。它们不仅旨在捕捉行为,还旨在在复杂、高风险的环境中强制执行明确的责任制和可恢复性。

OESD示例:

在自动驾驶汽车的远程操作中,研究人员使用 OESD 来模拟远程人类何时应该介入——从被动监控到主动驾驶——这取决于车辆的信心和环境。

操作符事件序列图示例
Stanton NA 等人,(2021)。使用操作员事件序列图建模自动化与人类驾驶员的交接。未来交通1 (2),351–369。https ://doi.org/10.3390/futuretransp1020020(开放获取)

在农业机器人领域,OESD 帮助研究人员编排共享控制任务,例如让人类标记要收获的水果,而机器人负责物理切割。

操作符事件序列图示例
Salzer Y 等人,(2023)。集成功能分配和操作事件序列图以支持人机协作:机器人数据细化系统案例研究。《认知工程与决策杂志》18 (1),52–68。https ://doi.org/10.1177/15553434231199727(开放获取)

这些模型为我们提供了一种语言,将控制描述为人与系统之间的时间序列。它们已被证明在需要明确权限和故障保护的领域非常有效。作为用户体验设计师,我们可以在面对新挑战时改进控制序列图:设计不仅要考虑控制权的交接,还要考虑人与人工智能系统之间流畅的协同作用。作为用户体验设计师,我们可以在面临新挑战时改进控制序列图:不仅要设计控制交接,还要设计人与人工智能系统之间的流畅协作。

从旅程地图到控制地图

人工智能系统正在改变数字交互的结构。传统软件需要等待用户输入,而现代人工智能工具则能够推断、建议并采取行动。这彻底改变了用户体验或产品的控制方式,并挑战了当代用户体验方法中的许多假设。

在用户体验旅程图中,核心问题是:

“用户想要做什么?”

对于控制映射人工智能系统,核心问题变成:

“此刻谁在掌控局势?局势将如何转变?”

设计师需要更好的方法来追踪控制权是如何发起、共享和交还的——不仅关注用户看到什么或做了什么,还要关注人类和人工智能系统之间如何实时协商代理。

我们可以将类似 OESD 的思维方式应用于更广泛的 AI 用户体验。用户-AI 控制映射可能更多地关乎一种思维模式,而非静态图表——设计一个既能行动又能倾听的系统。关键考虑因素:

  • 谁在控制——用户、AI 或两者
  • 控制权何时以及为何发生转移——作为时刻或循环
  • 界面如何支持这些转换——遵循控制感知用户体验原则所需的可供性

为了评估这些动力是否有效,我们需要新的指标——能够捕捉合作质量而不仅仅是完成度的指标。

用户人工智能控制和质量指标概念图
用户-AI 控制和质量指标概念 — 插图:Rob Chappell

转弯效率和意图准确度等质量指标不仅仅是诊断依据,更是在人工智能设计中实现信任、协调和控制的一种方式。其目标是确保清晰性、适应性和以人为本的成果,即使控制权随时都在转移。

环境人工智能系统提高了风险

环境智能 (AmI) 指的是配备嵌入式传感器的环境,这些传感器能够主动且不引人注目地为用户提供支持——适应环境、识别行为模式,并在无需明确指令的情况下预测需求。这一愿景涵盖了从调节灯光的智能房间到能够理解语音提示的语音助手,以及如今嵌入在我们数字产品中的环境人工智能服务。

  • 无需提示即可阅读上下文
  • 提出行动而不是等待
  • 自主行动,然后退却

环境人工智能为数字体验设计开辟了新领域。

在2025 年 Google I/O 开发者大会上,环境 AI 的转型以 Project Astra 的形式展现。该项目的多模态助手被嵌入到配备摄像头和音频输入的智能手机中。Google 的 AI 助手将实时感知环境、识别物体并解读口语。它代表着我们迈向情境感知、具身化 AI 的未来:这些系统无需等待提示,而是主动观察、解读并提供帮助,并嵌入到我们现有的空间和工具中。

值得注意的是,谷歌宣布Gemini 将直接集成到 Chrome 浏览器中,这意味着谷歌正在将 AI 从一项独立的功能转变为一个无处不在的层。从这个意义上讲,浏览器曾经只是网站的被动容器,如今却成为了一个主动的协作者:读取上下文、建议操作并跨领域解释任务。AI 助手无需等待用户打开——它就在那里,感知用户的实时上下文并随时准备参与。

谷歌的立场越来越明确:拥有跨域 AI 层。这不是一个小众的边缘案例,而是一个主流的竞争态势,因为 Chrome 不仅仅是一个浏览器。它是全球用户的默认界面,控制着超过 60% 的浏览器市场。它的优势——“护城河”——不仅在于模型性能,还在于跨标签、应用和会话的上下文连续性。浏览器向对话式发展的这种演变,为在自己的平台内构建 AI 助手的产品和用户体验团队提出了一系列紧迫的问题。如果 Gemini 已经存在于 Chrome 中,那么特定领域的助手还会扮演什么角色?用户会更喜欢针对单个品牌或任务量身定制的网站嵌入式 AI 代理吗?或者,主流的网络模式是否会Gemini 而构建——确保兼容性、清晰度和信任度,而 AI 已经在浏览器级别与用户并肩作战?

Gemini 在 Chrome 中的截图
Google I/O 2025 大会上宣布 Chrome 浏览器 Gemini 将通过人工智能助手重塑浏览器 — 截图来自https://www.google.com/chrome/ai-innovations/

这不仅仅是一种新的交互模式,更是一种新的存在模式,人工智能系统将占据用户数字环境的整个界面。这种演变不仅重塑了交互模式,也重塑了我们对数字产品的期望。它重新提出了一些远远超出技术用户体验范畴的根本性问题。正是在这里,像乔纳森·艾维这样一位苹果最具标志性产品背后的极具影响力的设计师,也加入了讨论。

Stripe Sessions 2025上,Jony Ive 罕见地就设计工艺以及我们作为创造者的责任进行了一次对话。他强调,伟大的产品并非仅仅基于新颖性或巧妙性——它们源于深切的关怀、清晰的意图和克制。Ive 强调,我们有责任创造出一种不需要更多关注,而是回馈部分关注的技术。他呼吁产品能够认识到用户“能够感知关怀”——这种理念与将 AI 设计为一种新型协作者而非生产力工具的理念相呼应。

设计师 Jony Ive 爵士与 Stripe 首席执行官 Patrick Collison 在 Stripe Sessions 上进行炉边谈话:https://youtu.be/wLb9g_8r-mE

未来的工作:精心设计人工智能系统

在人工智能驱动的体验世界中,用户和模型共同创造成果。正如乔纳森·艾维提醒我们的那样,我们需要从根本上建立信任和关怀,而不仅仅是停留在表面。这些体验的成功将不再取决于系统的速度或智能程度,而更多地取决于它如何有效地共享控制权。随着人工智能工具的演进,控制设计将成为信任设计。

信任并非通过隐藏复杂性来赢得,而是通过使复杂性易于驾驭而建立。行动的系统也必须解释。提出建议的系统必须接受批评。记忆的系统必须披露记忆的内容及其原因。

动态控制设计意味着将界面视为一种关系,而不是一种工具。人际关系需要清晰的思路、积极的响应以及说“不”的能力。我们构建的系统将越来越多地为我们采取行动。问题在于,我们设计这些系统时,是否做到了在行动的同时认真倾听。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

UI设计 | 您的团队准备好进行人工智能增强设计了吗?

杰睿

快速通道:人工智能已实现的成果

了解人工智能设计格局

将显示缩放图像
表 1:对比反映了 AI 设计工具平台整合的趋势。由于 Figma 的原生 AI 功能现在与第三方解决方案直接竞争,评估标准已不再局限于简单的功能比较,而是涵盖了架构兼容性和企业级就绪性。图片由Jim Gulsen提供

人工智能辅助设计工具:从早期测试到发现商业价值

当前的限制:仍然存在摩擦

重新思考人工智能在设计生命周期中的作用

从小处着手,低风险

补充:提示如何发挥作用(以及为什么它是一项技能)

清单:如何评估用于设计的人工智能工具

未来 6-24 个月我们可能会看到什么

多种集成方法正在涌现

这对规划意味着什么

总体情况

最后的想法:不要等待完美——现在就开始

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

用户体验设计人工智能

杰睿

Google NotebookLM 的抽象图形截图,展示了源加载、学习指南、音频转录和源验证等功能。方框以深色背景上明亮的颜色展示了交互式工具。

一个人工智能已经融入了用户体验/用户界面设计师的日常生活。但我们究竟在使用哪些工具?它们对我们有多大帮助?最重要的是:作为人类,我们还能做什么?
本文将通过具体的案例研究,进行清晰且最新的分析。

工作 50% 的时间(并获得更多)。

人工智能工具正在改变我们作为用户体验/用户界面设计师的职业。这不仅关乎速度,更关乎流程的质量。过去需要一整天才能完成的任务,现在只需几小时就能解决。以下是一些例子:

  • 发现(访谈、用户和竞争对手研究):2-3 天到半天
  • 线框和初始布局:4-5 天到 2-3 天
  • 复制、图像和原型: 2天到1天
  • 交接和开发手册: 2天到半天

借助有针对性的工具,我们可以通过专注于思考、愿景和验证来减少 50% 以上的运营工作。

将显示缩放图像
NotebookLM 徽标

NotebookLM是 Google 推出的一款免费 AI 工具,可以分析和合成各种类型的字体:PDF、链接、文档、音频和视频。加载的来源越多,输出效果就越好。您可以向它询问痛点、链接来源之间的模式,以及生成摘要或表格。

局限性:不太适合生成创意内容,如文案、视觉效果和创意生成,需要结构化输入,如果没有来源,它就无法发挥其 100% 的潜力,它只能解释所提供的数据,而不会创造出新的东西。

案例研究:“EVENTFINDER”——城市免费活动应用程序为
想要发现其所在城市免费活动和场地的用户创建网络应用程序(桌面和移动)的初稿。

在 NotebookLM 上上传的内容:

2 篇关于免费疫情后活动趋势的文章
1 个包含用户访谈的 PDF 文件(或一份虚拟文档)
关于 Eventbrite、Meetup、Facebook Events 等竞争对手的说明

提示使用示例:

从上传的访谈中总结出重复的用户需求

通过分析这三个竞争对手,可以得出哪些基本功能?请用表格总结一下。

寻找和参与免费本地活动时可能出现的痛点

将显示缩放图像
Google NotebookLM 的屏幕截图,其中显示了用户搜索免费活动时根据需求生成的回复。左侧是选定的 PDF 源,中间是包含答案的聊天内容,右侧是学习工具。
将显示缩放图像
Google NotebookLM 屏幕显示了根据提示生成的概念图
将显示缩放图像
ChatGPT 徽标

ChatGPT就像一个灵活的助手:它可以解释用户流程、生成微文案、定义站点地图、提供基准和策略。需要注意的是,它必须经过训练,并且查询越详细,结果就越好。

局限性:如果问题缺乏背景,答案将是通用的,它可以编造看似合理的信息,不适合复杂的结构化输出。

案例研究:“EVENTFINDER”——城市免费活动应用程序
使用 GPT 将 NotebookLM 上收集的数据转化为具体的用户体验。

提示使用示例:

担任用户体验设计,特别是信息架构方面的专家。

目标:
为健康网络应用程序定义两种替代信息架构方案。

输入:
分析我将以链接或 PDF 形式提供的内容。识别重复需求、所需功能、典型流程和基本信息。同时,还要考虑行业趋势和健康应用中的已知模式。

输出要求:
制定两份完整且独特的信息架构方案,包括:
1.1 页面地图(站点地图),包含层级结构和各部分之间的关系。1.2
每个页面或部分提供的主要功能。1.3
每个页面预期包含的内容和信息数据。1.4
主要流程描述(例如注册、用户数据收集等)。1.5
每份方案的设计原理(适用原因、采用的模式等)。

简要比较这两个提案,突出其优点和不同之处。

限制:
应用程序必须响应迅速。体验基调必须令人安心、个性化且以健康为导向。只有当外部数据来源与我提供的数据一致时,您才能依赖它们。

等我把材料发给你之后你再开始加工。

将显示缩放图像
ChatGPT 屏幕截图,其中包含根据提示和 NotebookLM 的数据生成的响应
将显示缩放图像
Figma 制作徽标

Figma Make 集成于 Figma 中,它可以根据文本提示、来自您的设计系统或可附加的参考资料创建 UI。您可以使用它来创建包含简单或复杂提示的快速草稿。目前,它仅集成在 Figma 的付费计划中。此外,您还可以使用Google 的开源工具Stitch

局限性:响应式并不总是有效,因此需要手动干预来调整布局,它不能保证元素定位或大小的绝对精确,它更喜欢现代的“外观和感觉”,但通常不考虑可访问性、层次结构或可供性的原则。

案例研究:“EVENTFINDER”——城市免费活动应用程序
根据研究和分析获得的数据,使用提示创建第一个视觉草稿。

提示使用示例:

为名为“EventFinder”的网络应用创建桌面主页,帮助用户查找城市中的免费活动。风格现代、简洁、易用。必须包含:搜索栏、推荐活动、按地点和日期筛选的筛选条件。

生成一个移动屏幕以显示事件详情:图像、名称、位置、地图、“添加到日历”按钮

为“用户资料”页面提出两种布局方案,其中包含已保存的事件和通知设置

将显示缩放图像
EventFinder 桌面主页在 Figma 上的样机,包含中央搜索栏、高级筛选器以及包含活动地图和推荐部分的双列布局。现代设计,易于访问,并针对桌面应用进行了优化。
将显示缩放图像
上面绘制的相同模型用代码行翻译
 

人工智能的未来不仅仅在办公室,还在工作现场

杰睿

人工智能可以为重要的一线工人创造经济流动性——以下是产品制造商如何转变我们的思维以涵盖这些体验

作者:乔恩·弗里德曼

关于人工智能的讨论通常集中在其对白领工作(知识型工作、办公室生产力、创造性工作)的颠覆性潜力上,但很少有人讨论人工智能将如何彻底重塑技术工人和一线工作。作为设计师,以人为本的视角意味着不断探索新领域,不仅从技术层面,也从人性的角度。

如今,我们在赋能信息工作者方面拥有卓越的成就,在迈入人工智能时代之际,我们正积极发扬这一传统。展望未来,我也看到了人工智能优先体验的巨大潜力,这些体验有助于为支持社会最基本系统的人们创造经济增长和流动性。构建和维护我们物理系统的是电工、钢铁工人、管道工、运输工人等等。支持我们人类系统的是教育工作者、儿童保育人员和护士等至关重要的工作者。至关重要的是,几乎所有这些职业都面临着严重的人员短缺,求职者数量也在不断减少。

精心设计的人工智能体验或许有助于有效解决这个问题,尤其是在融入整体方案时。随着我们拓展产品方面的思维,Microsoft Elevate 和人工智能经济研究所——我们企业慈善事业的下一个篇章——正在帮助确保人们在人工智能改变世界的过程中不会被遗忘。他们致力于为人们提供技能、知识和工具,让他们能够与人工智能共同发展,这体现了微软的信念:人工智能应该服务于每个人,包容性设计与包容性机遇相辅相成。

人工智能发展的惊人未来:一线工人

有表格可以帮你!减少官僚主义的复杂性

人工智能系统需要庞大的物理基础设施,而随着我们构建越来越大的人工智能系统和数据中心,能源需求也随之飙升。谁来满足这一需求呢?技术工人:负责布线的电工、建造冷却系统的管道工、以及建造承载人们数字梦想的钢铁工人。

然而矛盾的是,正当美国对专业电工的需求达到前所未有的高度时,美国却面临着熟练电工的短缺。

迫切需要吸引高中毕业生直接参与带薪学徒项目——承诺稳定、高薪的职业,且无需承担学生贷款的负担。这一需求为人工智能设计提供了一个清晰而强大的用例:简化从学校到学徒再到熟练工的复杂路径。人工智能解决方案可以简化流程、时间表、表格和认证,从而加速职业发展并促进经济流动性,惠及个人、家庭乃至整个经济。

人工智能是积极的合作伙伴,而不仅仅是另一个被动工具

想象一下,你是一名刚入行的电工学徒,踏入第一个复杂的工地。熟练工们辛勤工作,确保项目顺利推进,但工作节奏之快,让你很难停下来,实时解答每个问题。这时,人工智能就派上用场了——它并非取代经验丰富的电工的指导,而是为其提供支持。使用你的智能手机,人工智能助手可以直观地识别问题,并根据经验丰富的熟练工处理过的数千个实际场景,提供即时实用的建议。这就像在你的口袋里多了一个额外的支持——人工智能就像一个亲自动手的助手,可以强化你的学习,并增强你的工作信心。

这不是理论上的未来主义。而是实用且可扩展的人工智能设计,能够直接提升一线员工的生产力,加速学习,提升效率,并更好地保障安全。一线工人的工作通常需要体力劳动,有时甚至很危险,并且可能需要在不可预测的环境中连续工作10到12个小时——仅在美国,每年就有近100万起制造业伤害和卡车事故。这不仅会影响工作效率,背部受伤或手指缺失还会给整个家庭带来持续的经济困境。

在这种情况下,知道自己并不孤单不仅能增强信心、帮助你在工作中表现出色,还能让你相信下班后能安全回家。

通过以人为本的人工智能设计重建信任

除了人身安全之外,信任也是一线工作另一个方面的关键因素:科技的优势和前景。例如,护士基于过去的经验,对数字技术持怀疑态度,这是可以理解的。二十年前,他们被承诺电子病历 (EMR) 将积极改变他们的工作流程。然而,EMR 主要惠及的是管理人员、保险公司和技术供应商,却让护士承担了额外的繁琐工作,减少了与患者的面对面互动,并降低了他们对技术承诺的信任。

如今,这种怀疑依然挥之不去,其根源在于人们认为科技往往优先考虑企业效率或盈利能力,而非一线员工的实际需求。护士和许多其他技术专业人员理所当然地怀疑,人工智能能否真正帮助他们,或者历史是否会重演。人工智能未来的成功不仅取决于其强大的技术能力,还取决于我们能否重拾并维持信任,尤其是那些曾因技术前景而失望的人们。

解决这一怀疑的唯一可行方法是真正以人为本的产品设计。

前进的道路需要认真倾听一线员工的心声,深入了解他们的日常问题,并共同设计能够带来切实效益的解决方案。优秀的设计,真正植根于用户同理心和实际效用,不会将业务目标与员工需求对立起来,而是有效地协调和平衡两者。作为产品制造商,我们的工作就是实现这种平衡,确保人工智能工具不会为了技术而强加于员工,而是以协作、透明和同理心的方式进行开发。

下一波产品设计浪潮

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

为了兑现这一承诺,我们需要重新构建我们的设计方法和假设。以“待完成工作”(JTBD)为例,这是一个用于理解用户问题的通用设计框架。从历史上看,我们通常将“工作”理解为更具体的行动,通常是通过信息工作(IW)的视角。要让所有员工都能用人工智能赋能,就需要超越表面行为,关注通常位于马斯洛需求层次更高层次的人类需求。

以年度绩效评估为例,无论你是送货司机还是设计师,都会进行绩效评估。通常,员工会填写一份表格,经理们会用这份表格来讨论职业发展。如果我们认为 JTBD 就是“填写表格”,我们就会设计一个 AI 解决方案,让填写表格变得更容易;也许你只是把想法写进表格,然后 AI 会赋予它们结构和更优美的措辞。如果我们意识到真正的 JTBD 是促进有意义的对话,我们就可以设计一个主动的 AI 代理,嵌入到日常工作流程中,让你和你的主管在职业发展对话开始前几周做好准备。该代理会帮助整合你的成就(包括你可能已经忘记的成就),提供相关的反馈,提出富有成效的谈话要点,然后促成一场引人入胜的对话——所有这些都将显著提高效率、增强意义,并减少事务性。

这种设计首先以最终用户的需求为中心,而不是为了满足需求而创造技术解决方案。虽然产品制造商经常与技术工人(FLW)打交道——比如你孩子的老师、你诊所的护士,或者你刚刚急需联系的水管工——但我们的工作性质截然不同,因此,共同设计以识别任务背后更深层次的需求尤为重要。

以不同的方式优先考虑多式联运场景

虽然多模式场景对许多信息工作者来说令人兴奋,但对一线工作人员来说,它们的影响远为关键。视觉捕捉白板笔记与向在雨夹雪中行驶的卡车司机发出迎面而来的车辆信号有着截然不同的意义。为运输工作者设计的以视觉为中心的输入和输出体验必然会极其灵敏、细致和准确——从而为现场物流工作者和信息工作者带来显著更好的体验。

从设计的角度来看,由于一线岗位高度的体力劳动和对话性,人类活动的范围更加广泛。虽然所有专业领域都推动着经济发展,并且意义深远,但未能满足一线工作者的需求会立即对社会各阶层产生深远的影响。通过将通用设计原则应用于针对这些更为极端和关键状况的多模式解决方案,我们正在创造惠及每个人的体验。

转变端到端工作流程

人工智能的更广阔潜力不仅在于实现任务自动化,更在于积极赋能人类,创造全新的途径和工作方式。这种潜力远不止于办公室,还涵盖教室、医院、建筑工地、交通系统等等。

例如,我们采访过的教育工作者已经看到人工智能深深嵌入到他们的课堂中,最初是由学生的采用推动的,但现在正在改变他们创建和教授课程的方式。

护士和医护人员同样利用人工智能来更有效地管理患者护理。

微软对 Microsoft 365 Copilot 等工具的愿景正是基于这一新现实:设计能够实时理解、预测并适应人类需求的智能系统。在我们重新构想整体体验的过程中,协同设计的一部分在于重新思考如何通过智能设计来衡量、定义和实现生产力。通过不再使用人工智能来自动化当前任务,而是从根本上重新思考任务本身,我们可以优先考虑最重要的事情:人际关系、快速学习、经济赋能和有意义的工作。

一种新的端到端思维

端到端体验通常指整个产品生命周期。当我们思考产品将存在于的世界时,需要一种不同的端到端思维。教育行业在整体思考经济增长时,通常采用“从摇篮到职业”的思维模式。讨论的重点并非仅仅放在教育隧道末端的工作岗位上,而是从幼儿教育开始,然后是K-12和高等教育途径,包括高等教育和带薪学徒制,最终是维持生计的工作岗位。

考虑到这些关键岗位的严重人员短缺,产品制造商的端到端思维应该包括引发关于如何最好地引导人们进入这些职业的讨论。像领英这样数据丰富的平台可以通过展示热门岗位、规划基于技能的职业发展路径,以及为有抱负的工作者(无论是高中生还是转行者)提供学徒计划、认证和导师支持,使一线职业发展路径更加清晰易懂、易于导航。通过将这些洞察融入产品设计,我们可以用全新的端到端思维,全面支持关键职业发展。

归根结底,下一代人工智能不仅仅是数字化的;它是切实的、交互式的、主动的、并且高度人性化的。对于人工智能设计师和产品创造者来说,我们的使命从未如此清晰:广泛、深入且人性化地重新定义生产力。在微软,这是我们的承诺——不断改进我们思考和构建全球最具影响力的人工智能工具的方式,确保从电工和教育工作者到设计师和商业领袖,每个人都能在这个新的现实中蓬勃发展。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、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.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

UI设计潮流就是个轮回

涛涛

本文围绕 “潮流是个轮回” 的理念,探讨 UI 设计趋势的演变,指出了解历史流行趋势对创新和提升设计能力的重要性,并重点介绍了五种具有代表性的 UI 设计趋势及其特点、发展背景与应用场景。

设计师如何利用AI?

涛涛

在 AI 高速发展的背景下,设计行业出现 “设计已死” 等焦虑情绪,但AI 主要取代重复机械的设计劳动,真正的设计师价值在于洞察用户、沟通需求、解决问题。阿里国际副总裁青云指出,设计师能力模型将重构,技法重要性下降,审美、洞察、工具整合能力成为关键,即 “木桶原理 2.0” 中 AI 拉高技法 “木板” 后,其他能力成瓶颈;同时,阿里通过 U-sight 等工具助力全球电商设计,而设计师需警惕让 AI 完全替代思考,应主动拥抱 AI 成为 “超级个体”,从 “六边形战士” 成长为 “百万雄师”。

设计不再具有颠覆性。我们还能重新找到设计灵感吗?

杰睿

黑色田野上的复古未来主义插图。现代雕塑和雕像,超现实的几何形状,线框,赛博朋克元素和透视网格。流行迷幻科技风格的抽象矢量插图。
作者:Martyshova

是的。我们想知道为什么产品设计界这么多人都走到了崩溃的边缘?我想说,我不认为设计已死。只是我觉得我们迷失了方向。

2023年,Airbnb首席执行官布莱恩·切斯基(Brian Chesky)曾说过: “设计师必须有勇气。”说实话,我们过去确实很有勇气。一种无所畏惧的自信,一种打破现状的近乎疯狂的喜悦。“惊喜与愉悦”、“精益求精,保持简洁”一直是我多年来领导设计团队的座右铭。

我陷入了以收入为中心、痴迷于图案设计的陷阱。

然而,不知何故,在某个时刻,也许是在无休止的会议、OKR、业务目标和盈利报告的催促下;又或许是因为公司内部不断边缘化设计——这种自信消失了。我们从协作型的摇滚明星变成了解决问题的小齿轮,再变成了生存主义者。因为现在机器来了。

观察氛围

多年来,我本着脆弱的精神,陷入了以收益为中心、痴迷于图案设计的陷阱。DS 是一种令人兴奋的、以特定价格点进行设计的方法。让我们去创造收益!让我们去优化利润!让我们快速实现各种创意!我们为什么要在应该创新的时候重复造轮子呢?

听起来很熟悉?
这就像个兔子洞。我和同事们聊过,大家都觉得,

  • 为什么每次想到 ux/ui 设计我都会感到沮丧,尽管我对它充满热情?
  • 为什么我对当前的设计和产品方法感到沮丧,即使它有效?(是吗?)
  • 为什么尽管我热爱我所做的事情,但我的创造力却不再因工作而得到满足?
  • 为什么怀念互联网的狂野西部时代,尽管它充满了模糊性?
  • 尽管设计无处不在,但它已经消亡了吗?

如果我们用设计系统的方法录制一张专辑,每首歌在技术上都是完美的,但它们听起来本质上都一样。哪个用户会因为反复听这首歌而受到启发呢?我们自己的设计故事已经支离破碎了。

我们很多产品设计人员都生活在艾维所说的“企业议程已将设计和创新的重点从目标转移到利润”的境地。追求收益令人精疲力竭。创造性的故障排除被误认为是创造力。基于卡班板混乱和闪电般快速发布的产品经理微观管理的压力。MVP 地狱景象。毫无结果的 A/B 测试,因为利益相关者不理解。整体创新解决方案被所谓的“安全”的快速解决方案扼杀。而这一切都是有代价的。灵感更少,活力更少,友善更少,压力更大。更多的自我限制。更多的模仿。更多千篇一律、复杂而扁平的用户体验。等等。

转变

过去一周,我的观点与多年来形成的理念发生了转变。我最近去一家大型游戏公司面试领导职位,面试的主题是如何创造收入。这才是整个团队最关心的问题。他们没有考虑用户需求,也没有考虑他们正在构建的工作和体验的乐趣。这些从未被讨论过。

这真的让我很困扰。非常困扰。这不是我第一次遇到这种情况。我一次又一次地发现,出现了两件事:

  • 在大多数设计文化中,设计的乐趣和喜悦是不存在的
  • 人类基于价值观的行为优先于人类情感

我们大多数人都在无意识中直接促成了这一点。我们甚至没有意识到这一点。然而,要论证人类首先是情感实体,这并不需要太多说服力。我们能够立即感知和感受事物,然后再运用逻辑,这与人类的进化直接相关。然而,我们的设计方法在很多方面都缺乏这种能力。

(我在这篇文章中只关注设计的作用。但科技领域其他角色的出现,以及流水线投资回报率驱动的 IDEO 方法,无疑导致了设计优先级的下降,不再以用户感受为重点。)

我们需要重新进行重大的直觉选择并重新感受事物。

我是如何开始转变的?

有两件事无疑产生了最大的影响。

- 新的 Google Material DS “发送”按钮
。-

采访乔纳森·艾维。

 

两者都重点讨论了“欢乐与喜悦”和“火花”的设计。

谷歌界面的更新打破了所有固有规则,打造了独特的数字体验。他们抓住了机会,用数据验证了这一可能性,最终他们的努力让用户参与度提升了4倍。

Jony 在Stripe大会上的采访非常鼓舞人心。如果你今年需要看一部作品来了解设计对我们这个瞬息万变的世界的重要性,那非看不可。他让设计回归了它的本源,那就是那神奇的“火花”。

当我思考这些时,我发现伟大的设计中存在着一些更具体的事情——颠覆。

如果您今年关注一件事以了解为什么设计对于我们这个不断变化的世界如此重要,那就是它了。

在数字体验的早期,没有数据,没有关键绩效指标 (KPI),也没有流水线式的技术开发方法。当时的设计纯粹是为了品牌价值、功能和实验。我们有两个代码库:HTML 和 Flash。工作的多样性令人兴奋。网站以及最终的原生应用都易于使用,易于导航,没有算法,非常人性化。

我们也只是想打造一些我们的朋友和同事会谈论的非常酷的东西。

设计团队和工程团队围坐在一起,讨论他们想要构建的目标,并在整个过程中不断合作。如同合作伙伴一样。一份简单的路线图充满了宏大的想法和雄心壮志。方法是什么?“我想要一个能够实现_____的酷炫解决方案,因为我想做_____。”

我们受到的启发是(用艾维的话来说)“设计一些能够推动物种发展的东西”,“为人类服务”。我们也只是想打造一些非常酷的东西,让我们的朋友和同事谈论。

有些品牌正在疯狂地颠覆这个领域。比如Acorn和Airbnb。但当突破设计界限的设计如此罕见时,这对任何人来说都不是好兆头。什么时候突破设计界限的设计非常罕见,这对任何人来说都不是好兆头。

最新的颠覆者

人工智能。

我们正为此疯狂。长期以来,我们一直谨慎行事,构建一套设计方法论式的设计系统,结果却事与愿违。我和其他人一样,也为自己的谨慎行事感到内疚。不到五年,产品设计将不再像过去十五年那样存在。这原本是一个令人恐惧的前景,直到我直面恐惧。

想想看,不用再构建模式库了。不用再花费无数时间迭代数据和最佳实践。不用再熬夜撰写和设计战略方案了。这可不是设计,而是繁重的工作。说真的,让机器来做吧。

我可以重新做我最擅长的事,运用我的智慧、想象力和经验来推动事情发展。当然可以。报名吧。我就是来干这个的。

设计会发生什么?

我们不再打破常规。我们遵循着基于指标和绩效的群体思维美学。我们各自为政,各自为政,各自为政。我们用耗时的方法来构思创意。我们迷失在迭代的泥沼中。我们没有逼迫自己打破常规。

如果我们退一步,纵观设计的全局,就会发现我们所做的最伟大的设计,其核心都是“颠覆性”。敢于创新,敢于思考。它不断尝试新事物,探索新的视野。然而,我们对这门学科的内在部分却感到厌恶。

我不知道“幸运眷顾勇者”这句话是谁说的。

我的一个使命就是让它重新回到我们的世界。

回去工作。

让我们打破思维定势。

让我们都做些史诗般的事。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

2026 年影响设计的 5 个 UX/UI 趋势

杰睿

计发展日新月异——转瞬即逝,你就会落后。把握设计的发展方向是成功的一半。以下根据目前的发展情况,概述了五大可能在 2026 年占据主导地位的 UX/UI 趋势。

上周,我在一个熙熙攘攘的共享办公空间里画界面时,一位刚接触 Figma 的学生设计师朋友凑过来问我:
“你是怎么跟上这些变化的?”
这句话深深地触动了我。多年从事设计行业,我明白了:洞察潮流才能保持敏锐。以下是我关注的领域。

1. 人工智能驱动的个性化做得好

我现在用的新闻应用会根据我的阅读习惯,根据文章的长度和深度来筛选文章。无需手动调整——它就能满足我的需求。

  • 以我的播客应用程序为例:早上播放短剧,晚上播放深入访谈,这一切都是因为它追踪了我的习惯。

设计的任务是打造一个能够学习且不会让用户感到害怕的系统。通过人工智能实现的个性化应该像一个乐于助人的朋友,而不是一个跟踪狂。关键在于平衡智能自动化和用户控制。

2. 游戏之外的增强现实

AR 正在摆脱游戏的桎梏。想象一下一款家居维修应用:它将虚拟的架子投射到厨房墙上,让你四处走动,看看它们是否合适。

  • 这不是空谈,它能解决实际问题。无论是家具采购、装修翻新还是培训培训,AR 都能让决策更清晰。

到2026年,AR设计将成为标杆。还在觉得它只是个噱头吗?是时候重新思考了,否则你就错失良机了。

照片由XR ExpoUnsplash上拍摄

3. 人工智能作为设计师的助手

人工智能工具正在彻底改变我的工作流程。最近,我请一位人工智能工具为一个 SaaS 项目快速设计图标——一分钟内就得到了 10 个方案,全部符合 WCAG 标准,并且符合品牌形象。

  • 它并没有抢走我的工作;它让我可以自由地完善用户流程并应对人工智能无法触及的挑战。

真正的问题并非AI能否设计,而是我们如何与它合作,将项目推向新的高度。不妨把它想象成一位由你掌控全局的智能助手。

4. 包容性设计将改变游戏规则

我吃过不少苦头才明白这一点:为“普通”用户设计是失败的。在一个项目中,我重新设计了一个移动应用的注册表单,因为我意识到它对于手抖的人来说太笨重了。

  • 重新设计后,一位视力低下的用户表示:“第一次我不需要放大。”额外的好处是:每个人都觉得它更流畅,而不仅仅是目标群体。

到2026年,包容性设计将不再只是一张纸,而将成为一项竞争优势。满足多元化需求,打造人人喜爱的产品。

5. 轻松结账

上周末,我通过一个应用程序预订了一张餐厅餐桌——甚至都没注意到我已经付款了。指纹验证,我的常用设置自动应用,搞定了。

  • 最好的结账方式融合了速度和信任:生物识别、智能默认和清晰的确认以避免任何压力。

设计的作用是减少摩擦,同时保持用户的控制力。设计的目的是让日常操作感觉安全,而不是草率。

 

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计,以及相关的软件开发服务,咨询电话:01063334945。我们建立了一个微信群,每天分享国内外优秀的设计,有兴趣请加入一起学习成长,咨询及进群请加蓝小助微信ben_lanlan

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档