首页

优化用户体验 | AI工作流 | Lovable + Cursor:如何设置这个强大的 AI 工作流程

清阳

今天给大家分享一个强大的工作流程:Lovable — GitHub — Cursor。

虽然 Lovable 和 Cursor 都是流行的工具,但它们各有其优点和局限性。

但当一起使用时,它们可以很好地互补,您可以获得两全其美的效果。

此工作流程让您可以利用 Lovable 的快速设计生成和 Cursor 的 AI 驱动编码环境来精确构建更强大的应用程序。

我将向您展示如何逐步连接它们并创建无缝的工作流程。

概述

工作原理

在Lovable中,将您的项目与Github连接起来,这样代码就可以实时同步到GitHub。

在 Cursor 中,你可以将项目代码克隆到本地并进行编辑。之后,你可以随时同步到 GitHub。

一旦同步,更新将立即反映在 Lovable 中。

按 Enter 键或单击即可查看完整尺寸的图像
工作流程概述

然后,您可以根据需要选择使用 Lovable 或 Cursor 进行工作。两者之间可无缝切换。

为什么它如此强大

对于专注于前端的设计来说,Lovable 直观且快速。但当需要改进或添加实际功能时,你很快就会遇到瓶颈。

它根本不适合开发可靠的应用程序。而且,Lovable 的免费计划也很容易达到使用上限。

这就是 GitHub 和 Cursor 的用武之地。GitHub 充当了 Lovable 和 Cursor 之间的桥梁。从它的名字就可以看出“ GitHub = Git + Hub ”。Git 是管理代码版本的工具。GitHub 是一个托管 Git 存储库并增强协作的平台。

而 Cursor 就像一个带有 AI 助手的代码编辑器。它比 Lovable 强大得多。你可以更精确地调试、优化和构建代码。

缺点是,如果你编程经验有限,Cursor 可能会让你感到不知所措,而且它不够简单,不适合前端探索。这就是为什么 Lovable 和 Cursor 相辅相成的原因。

但是如何让 Lovable、Cursor 和 GitHub 协同工作呢?

按 Enter 键或单击即可查看完整尺寸的图像
我在 Reddit 上偶然看到的一篇帖子 :)

接下来,我将逐步引导您完成工作流程!

步骤 1:Lovable → GitHub

首先,你需要有一个 GitHub 帐户。

那就用 Lovable 来构建一些东西吧。我在一篇新闻通讯里提到过 Lovable 。它很容易上手。

为了这个演示,我创建了一个简单的“像我 5 岁一样解释它”应用程序。

您可以随时通过点击右上角的 GitHub 图标选择连接到 GitHub。

按 Enter 键或单击即可查看完整尺寸的图像
Lovable 中的 GitHub 图标

如果单击该图标,将出现以下对话框:

按 Enter 键或单击即可查看完整尺寸的图像
点击 GitHub 图标后

连接到 Github 帐户后,此对话框将显示另一个选项,供您将此“项目”连接到您的 Github。请确保它也已连接。

步骤 2:GitHub → Cursor

打开 Cursor。第一步是选择一个文件夹。这就是项目所在的位置。

接下来,您只需在 Cursor 中输入以下内容:

克隆此 repo:[你的项目 Github 链接]此repo:[你的项目 Github 链接]

然后 Cursor 会告诉你该怎么做。设置起来非常简单直接。

您实际上是在安装“依赖项”,即下载并设置项目正常运行所需的所有包。

按照说明,我打开了本地服务器,它在 Lovable 中显示了完全相同的设计。

按 Enter 键或单击即可查看完整尺寸的图像
获取我的本地服务器来展示 Lovable 的设计

假设现在我想在 Cursor 中进行一些修改。CTA 按钮的悬停效果太过分了。

按 Enter 键或单击即可查看完整尺寸的图像
原始按钮悬停效果

我在 Cursor 的提示窗口中输入了以下内容:

删除悬停时“解释一下!”CTA 上的放大效果。悬停时对“解释一下! ” CTA产生影响。

然后就修复了:

按 Enter 键或单击即可查看完整尺寸的图像
Cursor 中按钮悬停效果修改后

步骤 3:光标→GitHub

简介

您可以随时选择将代码从 Cursor 同步到 GitHub。

但是,您会发现选项比您预期的要多得多,而只有一个选项 — — 同步。

Git 就是这样运作的。它将版本控制分解成多个小的、具体的操作,以便你进行精确控制。

这在处理大型项目时尤其有用。想象一下,当多人协作时,所有本地模型都同步到一个中心模型,而且每个人都只能选择同步,没有其他选择,那该有多混乱。

我在下面画了一张图表来帮助您更好地理解所有这些命令。

按 Enter 键或单击即可查看完整尺寸的图像
从 Cursor 到 Github 的 Git 命令

您不必亲自输入这些命令,但是当您在 Cursor 中看到这些术语并感到困惑时,该图表可以作为有用的参考。

阶段变化

首先,点击这个“分支”图标切换到源代码控制面板。然后点击“+”图标“暂存更改”,使其准备好提交。

按 Enter 键或单击即可查看完整尺寸的图像
阶段变化

提交 + 同步

然后根据您的需要,您可以在“提交”下拉菜单中选择一个选项。

如果您只想直接同步,请使用“提交和同步”。

按 Enter 键或单击即可查看完整尺寸的图像
提交并同步

你看到“提交”顶部的消息框了吗?它就像一个版本历史记录名称,方便你更好地跟踪更改。如果你将其留空,Cursor 会根据你所做的更改自动生成一条提交消息。

步骤 4:GitHub → Lovable

现在就是神奇的一步。因为你什么都不用做。

你应该会立即看到更新自动同步到 Lovable 中。太酷了!

按 Enter 键或单击即可查看完整尺寸的图像
Cursor 中的更新实时反映在 Lovable 中

如果您查看上面的快照,它会在聊天窗口中显示来自 Cursor 的最新修订。

然后,您可以根据需要选择继续在 Lovable 中构建或切换到 Cursor。

附录

如果您想与某人合作,只需在 GitHub 上的项目仓库中添加一位合作者即可。前往项目 → 设置 → 合作者 → 添加人员

按 Enter 键或单击即可查看完整尺寸的图像
在 GitHub 中添加协作者

一旦添加,他们也可以使用 Cursor 实时协作该项目。

感谢阅读。特别感谢 Junaid,在我准备课程期间与我分享了工作流程。

下周见,

欣然

-

PS:几天前我做了一个关于创建 AI 原型的演讲,并演示了一些示例。如果你也对这个话题感兴趣,可以去看看。你可能会喜欢我和观众现场演示的冰淇淋搭配应用。

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

你的直觉背后有逻辑

清阳

查尔斯·桑德斯·皮尔斯的数码插画,风格类似拼图游戏。他留着胡须的肖像由相互交错的拼图碎片组成,背景为大胆抽象的绿色、橙色和青绿色调。这幅图像象征着复杂性、推理能力和结构化思维。
查尔斯·桑德斯·皮尔斯(作者使用人工智能创建的图像)

每个人都说:“相信你的直觉。”但
没有人解释你的直觉是如何思考的。

查尔斯·皮尔斯做到了。

他称之为溯因推理——最佳猜测的逻辑。从想法到假设的跳跃。这种思维方式并不能保证你一定正确,但能让你足够接近事实,值得一试。

19世纪末,皮尔士(发音为“purse”)提出了一个关于人类如何形成信念的模型。这种信念的形成并非等待神灵的启示或遵循完美的规则,而是从不确定性入手,对我们自以为知道的事物感到不安,并形成一个值得检验的猜测。

他通过自己的工作创造了“探究”一词。这种逻辑如今在早期产品战略、设计研究和推测性人工智能提示中随处可见。但大多数人从未听说过它,或者从未听说过他。

研究怀疑的科学家

按 Enter 键或单击即可查看完整尺寸的图像
19世纪哲学家、逻辑学家查尔斯·桑德斯·皮尔斯的黑白肖像。他身着正装,蓄着大胡子,头发中分,表情严肃,略微侧身。
查尔斯·桑德斯·皮尔斯,公共领域,通过 Wikimedia Commons

皮尔士是一位逻辑学家、数学家、物理学家,以及许多其他领域的专家,他是美国实用主义的奠基人。但他真正痴迷的是我们如何形成信念……以及如何改变它们。

他相信真理并非唾手可得,而是需要你努力奋斗才能获得。而获得真理的途径并非加倍努力……而是甘愿犯错。

对于皮尔士来说,怀疑并非弱点,而是真正思考的开始。

他概述了人类推理的三种基本方式:

  • 绑架:根据有根据的猜测,什么可能是真的。
  • 演绎:如果某些规则成立,那么一定为真。
  • 归纳:根据我们所见的模式,什么可能是真的。

绑架

皮尔斯认为,溯因推理是思维的起点,是所有洞察力的源泉。它引领新想法进入思维领域,让产品团队能够推测某个指标下降的原因,让设计师能够预见到混乱的发生,让研究人员能够提出正确的问题——而不仅仅是分析数据。

溯因推理是从观察到可能性的飞跃。从“这到底是怎么回事?”到“也许是这样”。它并不能保证你是对的,但它能给你提供一些可以测试的东西。

扣除

演绎法起源于亚里士多德,它从普遍真理出发,并由此推理。

如果所有人都会死,而内特是人类,那么内特也是会死的。

非常简单。无需猜测。

它是系统、策略和自动化的逻辑。它是工程师确保代码正常运行的方式,也是合规团队发现违规行为的方式。演绎是我们利用已知知识进行推理的方式。但演绎并不能产生新的见解。它只能验证符合规则的内容。我喜欢这样理解:演绎建立在现状之上,而不是可能实现的。

就职

归纳法也源于亚里士多德,但经过以下思想家的扩展:弗朗西斯·培根和大卫·休谟,反之亦然。它根据观察到的情况推断可能发生的情况。

到目前为止,太阳每天都会升起,因此,明天它大概也会升起。

它是科学、分析和机器学习背后的逻辑。它能发现模式、发现趋势并标记概率。归纳推理能告诉团队用户做了什么,但不一定能告诉他们为什么做,或者下一步该做什么。

它很强大,但都是事后诸葛亮。它是一种回顾。没有溯因推理来构建问题,也没有演绎推理来施加约束,归纳推理只是收集数据。它只是观察,却不知道究竟要寻找什么。

信念的用户体验

皮尔士不仅研究我们如何推理,他还研究我们如何相信,以及为什么错误的信念如此难以动摇。在他1877年的论文《信念的固着》中,他列举了人们判断真理的四种常见方式:

  1. 坚韧:我相信这一点,因为我一直都相信。
  2. 权威:我相信这一点,因为有位有权势的人告诉我。
  3. 先验:我相信这一点,因为直觉上感觉正确。
  4. 科学方法:我相信这一点,因为它经得起推敲。

其中只有一种说法欢迎质疑。其他说法则鼓励安慰。它们之所以让人感觉真实,是因为它们一直以来都让人感觉真实。可能是因为某个可信的人说过这些话(锚定效应),也可能是因为它们易于重复,难以质疑。

信念并不总是来自证据。它来自情感、重复,有时甚至是便利。

这就是为什么人们会继续从事有害的工作,并相信阴谋论。这就是为什么整个团队围绕着一个在启动会议上感觉正确的想法展开工作,但之后就再也没有被重新讨论过。

皮尔斯的警告不仅仅是哲学层面的,它非常实用:

如果你忽略了怀疑带来的不适,你也就忽略了学习的机会。

运用绑架法进行设计

大多数现代设计工作都始于一种直觉。你注意到一些事情。你猜测它发生的原因。你验证这个猜测。

这就是绑架。

你不是在证明必然为真,也不是在确认可能为真。你是在问:这里可能发生了什么?

这是探索研究和旅程地图的核心。真正以人为本的设计。这种设计需要长时间地与模糊性共存,以便从中汲取经验,而不是停留在幻灯片上假装自己已经知道了。

问题?

我们不会把溯因推理当成一门技能来教。我们把它当成直觉。高级设计师“大概知道”的东西。

我想皮尔斯不会同意。对他来说,溯因推理不是魔法,而是逻辑。溯因推理是可以训练的,可以解释的,而且也值得实践。

如果说演绎法是数学的逻辑,归纳法是科学的逻辑,那么溯因法就是设计的逻辑。

优秀的设计师总是在别人追寻答案之前提出更精妙的问题。这也是为什么他们不仅仅是在建造,而是在观察。

通过 GenAI 进行溯因推理

溯因推理并不仅限于设计。每当我们试图理解一些不明确的事物时,它都会出现。而没有什么比我们如何使用生成式人工智能更切题(或更容易被忽视)了。

在 GenAI 出现之前,深度思考进展缓慢。你必须面对模棱两可的情况,理解零散的信息,并挑战自己的假设。这种方式效率不高,但确实有效。

现在,有了 GenAI,我们就有了一个可以模拟新观点、提出反驳意见并帮助我们比以往更快地测试想法的工具。

但大多数人并非如此使用。他们带着结果而来,而不是带着疑问。他们寻求的是确认,而不是探索。他们把这个工具当成了自动售货机。

提示法运用得当,就能起到溯因推理的作用。你先提出一个假设,然后提出问题,探索可能成立的结论。之后,不断完善假设。

如果使用不当,该工具会反映你的第一个假设。听起来很有说服力,但却无法加深你的理解。

早在语言模型出现之前,皮尔斯就对此发出过警告。当信念被过快接受时,它就会停止进化。当质疑从学习过程中消失时,学习也会随之消失。

提示是练习溯因推理的机会,但只有我们像自己思考一样小心地使用它时,才有意义。

所以呢?

我们并非为真理而设计,而是为可以演变的信念而设计,这意味着我们要适应模糊性,提出更好的问题,并抵制急于获得确定性的冲动。

如果人工智能要帮助我们思考(而不仅仅是产生结果),那么我们必须教会人们如何谨慎地推测并检验假设。我们还必须教会人们如何在不失去控制的情况下改变想法。

查尔斯·皮尔士为我们提供了一个模型,帮助我们在事实不全的情况下进行推理。这是一种灵活且愿意犯错的思维方法。

它仍然有效。

如果你对这些思维习惯是如何养成的感兴趣,我曾专门写过关于弗里德里希·福禄贝尔的文章,他是一位向我们展示如何塑造学习方式的教育家。

我们花了很多时间讨论如何训练人工智能,但却很少思考如何训练我们自己思考。

皮尔斯做到了。

也许现在正是我们倾听的时候了。

 

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

人工智能时代用户体验导航实践者日志

清阳

随着人工智能、自主代理以及语音和环境计算等新兴模式的兴起,设计的界限变得模糊——我不禁要问:用户体验专业的未来会怎样?

今天:用户体验的现状

根据《用户体验趋势 2025》报告,如今的用户体验 (UX) 现状反映出一门日趋成熟的学科,它日益成为数字产品构建、扩展和演进的基础。用户体验已经超越了屏幕和界面——现在,它应该能够指导战略制定、引导系统思维,并塑造团队如何在复杂环境中为用户构建产品。

大规模个性化

如今,个性化已远远超出了保存偏好设置或定制内容的范畴。通过将机器学习模型嵌入设计系统,我们能够根据行为、情境和预测信号,提供实时自适应的体验。

按 Enter 键或单击即可查看完整尺寸的图像
我的个人 Spotify 界面展示了为我挑选和制作的精选专辑和音乐的个性化层。
我的个人 Spotify

拿Spotify例如。它的推荐引擎会不断适应用户的收听习惯,不断推送新音乐,并精心策划与用户同步更新的播放列表。这是规模化的个性化——由人工智能驱动,通过用户行为进行精细化,并在几毫秒内完成。

为这些体验进行设计意味着超越静态人物角色,转向动态行为。用户体验以洞察力为依据,以数据为支撑,并由与用户共同演进的系统驱动。

深度合作

各自为政的设计交接时代已经一去不复返了。如今,用户体验蓬勃发展,设计师、项目经理和工程师从一开始就齐心协力——不仅为了交付,更是为了探索发现。《2025年用户体验趋势》报告将此视为用户体验成熟的标志:整合的、解决问题的团队,在用户价值和业务影响方面保持一致。

这一愿景与 Marty Cagan 的“赋能产品团队”理念相契合——跨职能团队负责成果,而不仅仅是交付成果。在他看来,设计不仅仅是一个辅助角色,更是塑造和解决重大产品挑战的核心。

按 Enter 键或单击即可查看完整尺寸的图像
该图展示了产品经理、产品设计师和工程师之间产品三人组的关系图。其中,可行性和价值与产品经理相关,可用性与设计师相关,可行性与工程师相关。
图片来源:Maze、Marty Cagan — 产品三重奏图

尽管趋势报告强调了协作的存在,但卡根也鼓励我们思考协作的质量。他提醒说,协作并非共识。被赋能的团队被信任能够做出决策、承担风险,并相互挑战,但要保持一致,而不是千篇一律。

在他的著作《灵感》中,他指出,当团队在清晰、有背景和自主性的情况下运作时,优秀的产品就会诞生。用户体验不仅仅是在餐桌上,它还有助于定义餐桌的用途。

默认道德与包容

影响力越大,责任也就越大——没错,我套用了蜘蛛侠本叔叔的话。如今,道德设计已成为核心期望,这不仅体现在理论上,也体现在实践中。团队被要求解决所有问题,从算法偏见、排他性默认设置,到操纵模式和虚假信息。可访问性、隐私和心理安全不再是次要的考虑因素,而是产品本身的必要条件。

按 Enter 键或单击即可查看完整尺寸的图像
包容性设计应易于理解、实用、公平且符合伦理道德。概念及插画:Trina Moore Pervall
概念与插图:Trina Moore Pervall

包容性设计超越了合规性。它旨在为边缘案例和以往服务不足的用户进行设计——理解种族、性别、能力、语言和社会经济地位如何与技术交织。优秀的团队优先考虑共同创造,在研究和测试过程中引入多元化的视角,从而从零开始构建更公平的体验。

随着系统自动化和自主性不断提升,伦理风险也随之上升。设计师现在必须考虑意外后果、系统层面的危害以及长期信任。伦理框架正在演变为实际操作实践:清单、红队审查、偏见审计和问责制度。

正如《用户体验趋势 2025》报告中所强调的,合乎道德且包容的设计并非一层简单的附加功能,而是塑造整个产品体验的视角。在当今体验驱动的世界中,它是质量的基准。

按 Enter 键或单击即可查看完整尺寸的图像
插图描绘了一个雕刻的人头,其中大脑中有一个迷宫,抽象的线条象征着人类大脑为了适应人工智能的转变而需要建立的新通路和连接。
图片来源:麦肯锡公司——什么是人工智能代理?

正在发生的转变:工具链、裁员和人工智能重置

虽然未来常常感觉只是理论上的,但当今的设计师已经在引领工作方式的巨大转变。

野外的人工智能代理

早期的人工智能代理已然重塑工作流程。人工智能代理是一个能够根据所获得的信息进行推理、规划和自主行动的系统,用于管理工作流程、使用外部工具并适应变化。n8n.io 等工具可帮助团队轻松实现多步骤流程的自动化——从生成内容、汇总研究成果,到集成 API 和触发提醒。这些并非科幻小说中的“助手”。它们是真实存在的,唾手可得,并且正在助力创造性工作。

我们不要把AI代理和自动化混为一谈。我最近看了Futurepedia的Kevin Hutson对AI代理的分析,他提到:“自动化更像是预先定义的固定步骤,而AI代理是一个更具动态性和灵活性、能够推理的系统。”

他在视频中指出,代理商依赖三个关键要素:

  1. 大脑(法学硕士) ——大型语言模型,如 ChatGPT、Claude、Gemini 等,负责推理、规划和语言生成。
  2. 记忆——这使代理能够记住过去的交互,并利用这些背景做出更好的决策。它可以记住对话中的先前步骤,也可以从存储的记忆源(例如文档或矢量数据库)中提取信息。
  3. 工具——代理如何与世界互动——搜索网络或从文档中提取信息、通过发送电子邮件、更新数据库或创建日历事件采取行动,以及呼叫其他代理、触发工作流或融合操作的编排。

如今,设计师们正在尝试使用各种智能代理来执行用户测试、市场调研、标记可访问性问题,或根据书面提示构建原型。问题不再在于智能代理是否会帮助我们,而是我们如何围绕它们进行设计。

无代码和氛围编码的持续兴起

Webflow、Framer以及现在的Figma Make等无代码平台,让设计师能够绕过工程师,更快地将他们的愿景变为现实。结合 AI 辅助创作,“氛围编码”正在兴起——一种将直觉与快速工程相结合,生成布局、内容和流程的实践。

按 Enter 键或单击即可查看完整尺寸的图像
展示 vibe 编码工具、v0、Superwhisper、Cursor、Bolt 和 Lovable 的不同标志。
Vibe 编码工具包

氛围编码不仅仅是一个新的流行词,更是思维方式的转变。Bolt和Lovable等其他工具是更专业的氛围编码工具,它们允许创作者通过感觉、基调和能量进行创作。设计师可以描述体验的氛围——俏皮、严肃、简约、大胆——并使用 AI 工具将这种意图立即以视觉形式呈现。它快速、直观,并且与许多创意人员的实际想法高度契合。

这不仅仅关乎速度,更关乎权力的转移。设计师现在可以更自由地进行实验,更快地迭代,并掌控更多的生产流程。这种自由改变了我们的思维方式——让我们更加注重表达和品味,设计师必须能够清晰地、有品位地表达设计语言,向机器传达产品需要的感觉、流程和功能。

AI重置和新团队结构

据《福布斯》报道,“人工智能重置”正在引发科技行业的大规模裁员——这不仅仅是为了节省成本,而是为了打造更精简、更“AI原生”的员工队伍。各大企业正在裁员,重新思考团队结构,并更加重视工具链而非员工数量。

按 Enter 键或单击即可查看完整尺寸的图像
图示为会议室中人类和机器人面对面坐着的场景。
图片来源:Getty via Forbes 文章

设计团队被要求以更少的资源完成更多的事情。这种转变要求设计师不仅要具备视觉技能,还要精通操作——熟悉自动化、系统思维和快速原型设计。

“我们不再只是设计产品。我们正在设计工作本身的方式。”

明天:UX 的不久的将来

谷歌 I/O 2025 大会上公布的众多创新成果,预示着未来用户体验 (UX) 趋势的到来。新产品的发布标志着人类与跨平台和设备的人工智能系统交互方式的重大变革。设计师必须理解这些信号,并运用它们来打造全人类可用且包容的体验。

人工智能驱动的个性化

想象一下,用户界面能够如此深入地理解你的行为,甚至预测你下一步会做什么。人工智能与日常工具的融合,实现了前所未有的个性化水平。例如,谷歌的Gemini AI助手在Gmail中提供“个性化智能回复”,模仿用户的写作风格,从而提高沟通效率。这种级别的定制通过提供直观易懂的交互方式,提升了用户参与度。

从用户体验的角度来看,这引出了更深层次的问题:个性化在什么时候会变成操纵?我们如何构建基于个人需求的用户体验,同时确保其透明度和用户控制权?

语音、手势和多模式用户体验

传统的基于屏幕的界面正在不断发展。如今,设备拥有更强大的功能,能够处理并响应语音命令、手势和视觉信号。“Gemini Live”的推出就体现了这种转变。通过这项功能,用户可以立即使用摄像头与人工智能进行关于可见物体的对话,从而与周围环境互动。

按 Enter 键或单击即可查看完整尺寸的图像
展示 Gemini Live 的移动交互,使用视频与 AI 进行通信,提供视觉环境和实时响应。
图片来源:谷歌

这带来了新的用户体验挑战:我们必须创建对话和手势反馈循环,使其与点击带来的清晰度和可靠性相媲美。我们可以实施哪些策略来确保每种用户交互方式的可访问性?

系统胜过屏幕

跨平台和设备的无缝集成是用户体验未来的关键。谷歌通过其“AI模式”搜索功能,用交互式聊天机器人体验取代了传统的搜索结果格式,使用户能够更直观、更快速地收集信息。

谷歌推出了一款名为“Stitch”的互动编码工具,它允许通过自然语言输入和图像提示进行应用程序开发,从而连接设计和开发流程。我很好奇这些发展将如何影响工程团队。

按 Enter 键或单击即可查看完整尺寸的图像
Google Stitch 界面展示了该工具的一些主要功能,右侧有一个侧边栏,用于快速协作和查看设计概念。
Stitch的主要功能

这些工具的开发表明,行业正持续转向人工智能增强的设计方法,将用户体验设计从单一的UI扩展到多个界面和情境。随着人工智能成为日常交互的基础层,设计师现在需要专注于系统编排而非构建,因为他们需要创建能够带来切实成果的隐形架构。

谷歌的最新进展揭示了未来的发展方向。这些新产品的发布表明,未来的用户体验设计将超越传统的点击,在用户的整个环境中创造沉浸式体验。

按 Enter 键或单击即可查看完整尺寸的图像
人类的手和人造机器人的手指接触,类似于米开朗基罗的“创造亚当”。

未来 5-10 年的用户体验

未来十年蓬勃发展的设计师将是那些倾向于模糊性、以同理心塑造新兴技术并坚持技术人性化原则的人。

人工智能代理作为体验伙伴

智能代理的兴起意味着用户不仅与界面交互,还会与界面合作。从个人日程安排到购物助理和创意协作者,智能代理将以越来越自主的方式执行任务。

在未来5到10年内,我们可以预见人工智能将从各自孤立的、特定任务的代理转变为完全集成的多代理生态系统。这些系统将允许人工智能代理相互协作——协商日程安排、委派任务,甚至跨平台学习共享的用户行为。想象一下,一个项目管理人工智能与你的个人日历代理、团队研究代理和市场分析代理协同工作——所有这些代理共同努力,让你保持专注和高效。哇!光是想想这场景,我的脑袋就疼。

按 Enter 键或单击即可查看完整尺寸的图像
该图表展示了人工智能代理工作流程,其中显示了人工智能模型、网络和通信渠道之间的自动化层。
图片来源:n8n.io | n8n 研究代理工作流程

大规模采用人工智能代理很可能成为职场常态。据Salesforce称,人工智能代理的使用率预计将大幅增长 327%,预计生产率将提升高达 30%。对于专业人士来说,这不仅仅是一项竞争优势,而是一项基本期望。就像我们今天被期望知道如何使用电子邮件或电子表格一样,熟练地管理和与人工智能代理协同工作将成为标准。

对于用户体验设计师来说,这意味着不仅要创建用户流程,还要创建代理框架。我们需要塑造代理之间的沟通方式,如何向用户呈现决策,以及如何在每次交互中维护信任、情境和界限。

这挑战我们设计出关系型而非交易型的体验。我们如何与数字实体建立信任?优秀的“代理人格”是什么样的?我们如何在不让用户感到不知所措的情况下赋予他们控制权?

正如经济学家理查德·鲍德温所说:“人工智能不会抢走你的工作——但懂得如何运用人工智能的人会。” 这正是设计师必须蓬勃发展的地方:打造能够构建、协作和加速工作流程的智能体。人类的优势就在于你。

无界面的未来

屏幕或许会消失,但设计将永存。正如Muhammad Zeeshan Asghar在LinkedIn 的这篇文章 中所强调的那样,未来十年的用户体验可能更多地取决于我们的感受和感知,而非我们点击和滚动的内容。从神经接口到环境计算,交互将越来越多地通过空间、感觉和微妙的情境感知线索来促成。

按 Enter 键或单击即可查看完整尺寸的图像
语音、VR、AR 和感官交互等多模式媒介的图示
图片来源:Toptal | 多模态现实

这种转变挑战着设计师超越可见表面的思维。我们需要成为无形的编舞者——设计出无需依赖屏幕、按钮或点击即可直观体验的反馈回路。未来的用户体验层可能存在于我们的环境、可穿戴设备或神经信号中——但它仍然需要意图、清晰度和人性化的触觉。

设计师作为道德的协调者

随着自动化逐渐取代人工,设计师的角色将变得越来越具有战略意义。我们不仅要塑造用户旅程,还要塑造其背后的道德架构。我们的工作将决定人工智能的功能、服务对象以及界限的划分。

按 Enter 键或单击即可查看完整尺寸的图像
这是一幅非常详细的数字插图,描绘了一位人类指挥家在未来派玻璃圆顶音乐厅内指挥一支人工智能机器人管弦乐队的场景。
作者使用 ChatGPT 制作

正如Design Bootcamp 的这篇文章所概述的那样,人工智能时代的道德用户体验设计不仅仅是为了防止伤害,它还关乎预测意外后果、为极端情况进行设计,并将人类价值观融入可扩展的算法中。仅仅问“我们能做到吗?”已经不够了,更重要的问题是:“我们应该做吗?”

这需要与数据科学家、伦理学家和产品负责人进行更深入的合作。这要求人工智能决策的透明度,以及决策影响对象的公平性。随着人工智能变得越来越自主,设计师必须在每一次体验中维护用户的信任、自主权和尊严。

道德设计不会只是一张幻灯片,而将成为基础。

未来不会由那些仅仅适应人工智能的人所引领,而是由那些带着意图、责任感和人性引导人工智能的人所引领。

OpenAI 收购 io:用户体验的范式转变

OpenAI 以 65 亿美元收购了由前苹果首席设计师 Jony Ive 创立的 AI 硬件初创公司 io ,这是一个里程碑式的举措。此次收购标志着 OpenAI 战略性地进军消费硬件市场,旨在开发超越传统屏幕和界面的 AI 原生设备。

按 Enter 键或单击即可查看完整尺寸的图像
OpenAI 首席执行官 Sam Altman 和苹果前首席设计官 Jony Ive 的肖像。
图片来源:OpenAI—Sam & Jony 介绍 io

OpenAI 与艾维的设计公司 LoveFrom 的合作,旨在重新定义用户与科技的互动。通过将先进的人工智能功能与标志性的工业设计相结合,此次合作旨在打造能够感知情境、融入环境并无缝融入用户生活的设备。

这一举措凸显了用户体验的转变,这种转变不仅注重用户友好,更注重以用户为中心——强调同理心、符合伦理道德的设计以及几乎无形的实用性。据《纽约邮报》报道,这笔交易暗示了一种全新的交互设计类型:屏幕可选、多模式,并且由意图而非输入决定。

对于用户体验专业人士来说,这一发展预示着更广泛的转变:我们不仅仅是在设计软件;我们是在设计智能的、具身化的体验。这需要一套融合行为科学、交互设计和系统思维的混合技能,而这在以前是前所未有的。

用户体验 (UX) 正在进入一个新时代——它不再由工具定义,而是由各种张力定义。速度与深度、自动化与意图、力量与同理心之间的张力。设计的下一个前沿并非控制,而是对话。对话关乎人与机器、意图与结果、可能性与原则之间的张力。

我对设计师的建议是:每天学习新知识,在瞬息万变的技术和体验设计领域保持适应力。成为早期采用者,拥抱实验。努力成为“超级IC”(Super IC),这个称号由Meta 产品设计总监Garron Engstrom创造——在代理设计时代,他们能够将商业目标、领导力、新兴技术、产品和以人为本的思维融为一体。

我们所有人面临的问题不仅仅是“我们能设计什么?”而是:

“我们的设计面向什么样的世界?”

参考

UX 趋势 2025 报告 — UX Collective:https://trends.uxdesign.cc/

2024 年顶级 UX 设计趋势——UX 设计学院:https://www.uxdesigninstitute.com/blog/the-top-ux-design-trends-in-2024

Vibe 编码综合指南 — Madhukar Kumar:https://madhukarkumar.medium.com/a-comprehensive-guide-to-vibe-coding-tools-2bd35e2d7b4f

人工智能重置:裁员与工作新现实 — 福布斯: https: //www.forbes.com/sites/jasonsnyder/2025/02/12/ai-reset-layoffs-rto-and-the-new-realities-of-work/

n8n.io — AI 工作流代理的实际应用 (YouTube):https://www.youtube.com/watch?v =EH5jx5qPabU

Google I/O 2025 大会上宣布的所有内容 —《连线》杂志:https://www.wired.com/story/everything-google-announced-at-io-2025

Google I/O 2025:重大公告 — The Verge:https ://www.theverge.com/news/669408/google-io-2025-biggest-announcements-ai-gemini

UI/UX 和 AI 可访问性的未来 - LinkedIn(Asghar Jafri):https://www.linkedin.com/pulse/future-uiux-how-ai-accessibility-shape-next-decade-asghar-8epkf/

UX 的 Agentic 时代 — UX Collective:https://uxdesign.cc/the-agentic-era-of-ux-4b58634e410b

在人工智能时代探索用户体验设计的道德格局——设计训练营:https://medium.com/design-bootcamp/navigating-the-ethical-landscape-of-ux-design-in-the-age-of-ai-25c12ad3ed6d

用户体验与人工智能:设计未来 — Qubika:https ://qubika.com/blog/ux-ai-designing-the-future

OpenAI 收购 io —《金融时报》:https://www.ft.com/content/8ac40343-2fd1-4035-9664-47c77017d0d3

OpenAI + Jony Ive 合作 — OpenAI: https: //openai.com/sam-and-jony

OpenAI/io 收购——纽约邮报:https ://nypost.com/2025/05/21/business/ex-apple-exec-jony-ive-joins-openai-in-6-5-billion-deal-for-ai-devices-startup/

Agentic AI 对劳动力的影响 - Salesforce:https://www.salesforce.com/news/stories/agentic-ai-impact-on-workforce-research/

 
 

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

实用仪表盘:2025 年初创企业分步指南

清阳

明暗模式下的仪表板用户界面元素

我们的团队为各种各样的企业构建了仪表板,并且在此过程中获得了一些关键见解。

如果您正在考虑创建仪表板,这里有一些建议可能会帮助您节省时间、金钱和理智。

如果你想要一个坚固的仪表盘,就要像对待飞机驾驶舱一样认真对待它的设计。在商务中——就像在飞行中一样——你需要清楚地了解你的方向和表现,以免为时已晚而无法及时纠正航向。

真正实用的仪表板始终是协作的成果。它汇聚了目标、数据、人员和逻辑。而它的最佳构建者,正是一支精通所有四要素(分析师、设计师和开发人员)的团队,他们能够理解您的业务语言。

按 Enter 键或单击即可查看完整尺寸的图像
级联:浅色模式下的 UI 元素

模板和人工智能工具在某些方面确实能提供帮助,但它们无法感知你的背景,也无法洞察所有细微之处。如果使用不当,它们可能会把原本有用的工具变成有害的工具。你可能会追踪错误的事物,做出错误的判断。

因此,如果您的仪表板用于实际业务(而不仅仅是娱乐),请引入能够连接业务目标、数据和视觉语言的专家。

按 Enter 键或单击即可查看完整尺寸的图像
健身应用程序的管理分析仪表板

步骤 1. 设定精确目标

确定正确的目标和问题是成功的一半。另一半是选择能够回答这些问题的可视化效果。

首先为您自己、开发人员和设计师组织需求收集流程。使用您喜欢的任何工具(Miro、Trello、FigJam、Google Sheets、Notion、ClickUp、Google Forms)。

创建看板、卡片或列表;每个看板、卡片或列表都应包含您在交接任务前必须回答的问题。这些问题的答案将帮助您避免仪表盘的最大缺陷:杂乱的用户界面、毫无意义的指标以及未使用的数据。

仪表板应该适用于业务,而不仅仅是看起来漂亮。

按 Enter 键或单击即可查看完整尺寸的图像
基于人工智能的NexusX去中心化交易平台的分析仪表板

第 2 步:组建一支负责任的团队

决定谁拥有仪表板、谁构建它以及谁将使用它。

不要试图制作一个“适合所有人”的仪表板。

人人适用的工具通常对任何人都没有帮助。

按 Enter 键或单击即可查看完整尺寸的图像
智能金融平台的仪表板设计

步骤 3. 定义用例和用户

明确业务任务,并绘制用户画像。问自己三个问题:

  • 仪表板将解决哪些问题?
    (例如,跟踪收入增长、聚焦渠道瓶颈、监控客户流失)
  • 谁根据这些数据做决策?
    创始人、营销人员还是产品经理?
  • 每个人每天需要看到什么?
    想想一个“晨间仪式”——他们必须在30秒内掌握什么?

这不仅仅与角色有关;习惯和便利也很重要。

按 Enter 键或单击即可查看完整尺寸的图像
Monex — 智能分析仪表板

步骤 4. 确定关键指标

选择3-5 个真正能推动业务发展的指标。按从顶层到底层的顺序排列它们。糟糕的仪表盘会显示所有内容,造成掌控全局的错觉。

指标越少但越有意义。

例子:

  • SaaS:活跃用户、CAC、LTV、流失率;
  • 营销:点击到引导转化率、客户获取成本、ROMI;
  • 财务:营业利润、平均订单价值、预测现金流。
按 Enter 键或单击即可查看完整尺寸的图像
级联:黑暗模式下的 UI 元素

步骤 5. 准备数据

没有好的数据,就没有好的仪表盘。问:

  • 数据存储在哪里?
  • 它的完整性和时效性如何?
  • 它将如何刷新?
  • 数据质量归谁所有?

无需手动输入。自动化让仪表板保持活跃。

按 Enter 键或单击即可查看完整尺寸的图像
HR 仪表盘 UI — 清晰的指标,以人为本的设计

步骤 6. 绘制粗略布局

任何东西都可以——从餐巾纸上的草图到 Figma 的线框图。仔细思考:

  • 哪些块属于“顶部”?
  • 视觉焦点在哪里?
  • 什么应该首先跳出来?

丑陋也没关系——重点是测试结构和想法。

按 Enter 键或单击即可查看完整尺寸的图像
插图来自 Lukatsky 的博客

步骤 7. 获取用户反馈

把原型展示给真实用户。不要问:“它漂亮吗?” 而是问:

  • 是不是一眼就看明白了?
  • 它是否有足够的信息来做出决策?
  • 感觉缺少了什么或者多了什么?

在草稿期间听到“我不明白”比在发布后听到要好。

按 Enter 键或单击即可查看完整尺寸的图像
Monex——智能金融小工具

步骤 8:为设计师撰写一份详尽的简介

设计师不会读心术。如果你不说重点,他们就会替你做决定。包括:

  • 哪些指标适用于何处以及如何适用?
  • 阻止优先级(最重要的);
  • 移动与大屏幕行为;
  • 颜色强调、警报、数字格式。
按 Enter 键或单击即可查看完整尺寸的图像
FinGuard——更智能的财务管理仪表板

第 9 步:找到合适的建筑商

我们很想说“雇佣我们”,但这是你的事业和愿景。在 Dribbble、Behance 甚至 LinkedIn 上查看作品集——人才无处不在。

评判前景:

  • 商业理解

漂亮的图表并不比了解它们存在的原因更重要。

  • 界面体验

仪表板不是登录页面;可用性是第一位的。

  • 清晰的沟通

如果他们的流程现在听起来很模糊,那么以后就不会变得清晰。

  • 简化能力

真正的技巧是让复杂变得简单。

  • 克制感

作品集可以帮助您评估设计师的风格、潮流感、是否适合您的业务类型以及整体技能和独创性。

最重要的是,选择一支能够深入实现你的目标的团队。

这就是真正的“哇”的由来。

按 Enter 键或单击即可查看完整尺寸的图像
Minot——人工智能驱动的任务管理平台

第十步:启动。观察。改进。

仪表盘是一个动态系统,而非一次性的落地页。发布后,请关注:

  • 人们多久打开一次它?
  • 会议中是否体现了指标;
  • 什么让用户犯了错误,或者他们接下来会请求什么。

没有哪个仪表板是第一天就完美的。不断迭代——改进终将带来回报。

结论

优秀的仪表盘不仅仅是一堆图表。它能够塑造团队的思维。它能够引导注意力、培养习惯、加快决策速度,并节省时间,而不是浪费时间。

当出现以下情况时,您的仪表板将变得无价:

  • 其目的非常明确;
  • 每个角色都有自己的衡量标准;
  • 噪音最小,意义最大;
  • 您可以快速深入研究;
  • 该团队确实使用了它。

如果这就是您想要的仪表板类型,我们希望这可以帮助您入门。

按 Enter 键或单击即可查看完整尺寸的图像
Minot——人工智能驱动的任务管理平台

另外,以下是创建业务仪表板时可能有用的AI 工具列表:

  1. 聚合物搜索
  2. Zoho Analytics
  3. Tableau
  4. 多莫
  5. Sisense
  6. 思想点
  7. Looker工作室
  8. Klipfolio

 

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

用户体验设计中微投入设计:用户不知不觉付出的 3 种方式

清阳

——拆解《Hooked》模型中的行为惯性构造策略
 

一、问题本质:留存不是靠激励,而是靠“心理锁定”

在互联网早期,用户活跃靠红包、优惠券、签到送礼,但代价高、复购差。
随着《Hooked》模型的广泛传播,越来越多设计师开始意识到:
真正能形成行为惯性的,不是奖励刺激,而是用户对系统产生的“心理锁定”。
而这类锁定,很大程度来自一种你意识不到的过程:微投入(Micro-Investment)。

二、什么是“微投入”?为什么它会让人留在系统中?

在《Hooked》模型中,Investment 阶段强调:“用户的投入行为,将增强下一次触发的可能性。” 但大多数产品不会等用户“全情投入”才给反馈,而是在设计上预埋“低认知负荷”的轻度操作行为,让用户在不设防的状态下完成“自我绑定”。
我们称之为——微投入(Micro-Investment):
用户在交互中不经意完成的、低成本但可沉淀的行为,这些行为并非直接追求结果,却增强了用户的参与路径依赖。

三、三种常见的“微投入”类型及其设计原理


 偏好标记型微投入:让用户教系统“理解他是谁”

 关键词:点赞、收藏、标签、停留行为、点击行为
 特征:行为轻量、无强指令、可反映偏好路径

 设计原理:

  • 每一次点赞/收藏/点开标签,都会被系统记录为“兴趣信号”
  • 用户通过无压力行为“训练”推荐系统,逐步获得“个性体验”
  • 这种行为沉淀具有高度的“路径依赖性”——用得越久越贴近需求,离开就要“重新训练”

 典型案例:

产品 微投入行为 成果路径
B站 点赞/一键三连 推荐更精准、自动续播算法更懂你
抖音 停留时长、划走节奏 算法映射个性观看偏好
小红书 收藏 + “不感兴趣” 精细过滤内容精度提升
 核心设计启发:微操作即标签,行为即数据,体验即反馈。

 情感绑定型微投入:让用户在“自己动手”中产生归属

 关键词:头像上传、用户名设置、初始问卷、兴趣地图
 特征:界面嵌入、节奏自然、默认选项辅助完成

 设计原理:

  • 用户完成设定动作的那一刻,心理上将“产品人格化”并“自我投射”
  • 系统反馈会主动强调“你是谁” → 形成情绪绑定
  • 即便用户未进行深度内容贡献,也已在潜意识建立情感链接

 典型案例:

产品 微投入行为 情绪作用
Notion 设置页面图标 & 封面 强化“我空间”意识
飞书 头像 + 团队名 + 标语 成为“组织”的一部分
Keep 初始问卷:健身目标 引导目标绑定 + 路线个性化
核心设计启发:轻度设定不只是装饰,是“身份绑定”。

路径依赖型微投入:用“行为历史”锁定未来决策

关键词:历史记录、任务进度、半完成状态、保存草稿 
特征:行为不可逆、进度显性化、回退成本被感知

 设计原理:

  • 用户一旦开启某个行为路径(如写作/学习/课程/流程),系统记录中断点
  • 下次使用直接跳转该路径,引导其“继续完成”
  • 若用户中断太久,系统主动提醒:“你已经完成 XX%,还差最后一步!”

 典型案例:

产品 微投入行为 成果设计
网易云课堂 完成课程 1/3 下次默认续播,提示“进度完成 XX%”
知乎写作 自动保存草稿 回访提醒“上次未发布内容”
Notion 自动打开上次页面 激活“未完成任务”的心理预期
核心设计启发:进度本身即激励,历史即未来路径线索。

四、设计师如何判断微投入设计是否生效?

你可以使用以下评估模型:
评估维度 关键问题 指标或验证方式
参与门槛 用户是否在无指导下完成微投入? 操作完成率 & 平均时间
影响感知 用户是否察觉到行为带来的变化? 推荐相关性提升、回访点击率
路径闭环 微投入是否影响下一次体验路径? 上次行为 → 本次起点的行为延续率

五、总结:让用户“无意识绑定”的,是产品长期成功的关键

微投入设计不是通过控制用户来获得粘性,而是:
通过“设计可沉淀的轻行为”,让用户逐渐塑造出对产品的依赖结构,形成行为惯性和自我投射。
关键回顾:
  1. 偏好型微投入 = 建立个性化体验
  2. 情感型微投入 = 绑定身份与情绪
  3. 路径型微投入 = 强化完成预期
对设计师来说,思考微投入的意义在于:
不只是完成任务
而是让用户“参与构建自己的体验”。
 

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

人工智能 | 人工智能是否扼杀了用户体验中的系统思维能力?

清阳

由 kikehey.com 设计
我们对人工智能所能带来的所有好处感到眼花缭乱,由于这种技术“魅力”,我看到了许多好处,也看到了一些不那么积极的好处。

毫无疑问,人工智能将永远伴随我们。这项新技术的主要优势之一是,只需一个简单的请求,几分钟内就能产生结果。几年前需要几个月才能开发完成的事情,现在只需几秒钟或几分钟就能完成。一个新时代已经到来,我们对技术的理解已经转向更复杂、更快速、更“智能”的商业模式。

人工智能也已进入产品设计领域,使设计师能够在几分钟内创建用户界面。面对这种全新的创作体验,许多设计师(包括我自己)不禁思考,这些新工具是否会很快取代设计工作,或者我们是否只需要掌握一些功能,就能在快速发展的科技市场中提升效率、增强吸引力。

科技公司对人工智能的炒作

将显示缩放图像
由 kikehey.com 设计
今天,各公司和全球科技界都在庆祝一个不超过四人的团队如何在短短几天内开发出一款数字产品和一家初创公司。

人工智能对科技行业来说并非新鲜事物。然而,自 OpenAI 出现以来,许多公司已经意识到,通过缩短任务与结果之间的时间差距,他们能够为用户创造新的潜在价值。流程自动化、数据重新解读以及新的支持沟通渠道,都是公司认为对客户极具价值的新优势。

“我们以AI为先”或“AI赋能”似乎成了行业新的质量标签。从某种程度上来说,这完全合情合理,因为我们身处竞争激烈的环境中,需要始终站在技术和全球对话的前沿。另一方面,这种炒作也可能被一些人视为一种时髦的营销策略,企业利用这种策略来参与对话,却没有妥善管理技术,最终暴露出产品缺陷并欺骗用户(例如Builder.io的案例)。

现在,采用和创建用于多任务处理的人工智能代理可能意味着支付多个人来完成同一项任务,或者节省可以投资于未来发展或价值主张的资金。

“我们需要用技术来解决这个问题,而不是用人”也是一个新的商业口号,表明公司已经开始将产品价值转移到人工智能支持上,而不是人身上,到目前为止,这已经引发了裁员、部门重新划分和新的职位描述创建,用较少的人力资源创造了新的公司活力。

产品设计界的人工智能炒作

将显示缩放图像
由 kikehey.com 设计
从设计到生产,新的应许之地如今驱使着设计师们开始全新的产品打造体验。

正如我之前提到的,一些人工智能公司已经彻底改变了科技行业和我们的生活。产品设计也深受其影响,像 Lovable、Google Stitch 和 Figma 网站等新兴公司和功能已经改变了设计思维,它们加速了实时界面从简单输入到具体化的实现,几乎消除了像素、图像到代码源之间的转换。

人工智能对设计师有何承诺?

作为一名设计师,我可以说,通过另一个领域,特别是工程团队来实现想法一直都很有挑战性。这种摩擦并非总是存在,但我们必须承认,由于多种原因,这种关系并不总是最有效的,包括路线图不切实际、项目管理不善以及双方估算不充分。那么,如果你有一个新的工具,可以消除“中间人,或者更确切地说,中间流程”会发生什么呢?

从设计到生产,这片新的“应许之地”如今正驱动着设计师开启全新的产品构建体验,重新定义所有现有的工作方式。即时基准测试、数据比对、功能参考、代码验证等等,如今已成为产品设计更坚实的基石。

这个几乎成为现实的承诺对设计师来说是一件好事吗?当然是的,因为正如我提到的,它使我们能够缩小编码差距并优化研究时间,使我们能够尽快创建想法或测试产品假设,而无需任何代码。

但是所有这些好处怎么会对产品设计构成威胁呢?

产品设计师永远存在的问题。

将显示缩放图像
由 kikehey.com 设计
出于某种原因,设计师常常避免从自上而下的角度考虑解决方案,而是倾向于专注于单一元素进行开发。

至少在我看来,设计师们有一个根深蒂固的习惯,那就是不把产品和用户的挑战作为一个整体来考虑。相反,他们倾向于把所有东西都简化为一个结果:用户界面,它涵盖了所有可能影响产品和用户体验的元素。

学习从更广阔的视角理解问题是年轻或中级设计师的一个潜在问题,在我看来,这种缺陷部分源于“快速交付”的理念,这种理念源于初创公司对敏捷性概念的误解,他们为不完整的生产制造有缺陷的产品找借口,仅仅因为他们需要不择手段地将产品推向市场。我并不是说我们需要停止生产循环,但拥有坚实的设计基础将确保从一开始就拥有最佳的用户体验。这种缺失的技能就是系统思维。

这是什么技能?
系统思维是“一种通过考察复杂问题各个部分在更大系统中如何相互关联来理解复杂问题的整体方法。它强调理解各个组成部分之间的关系和相互作用,而不是孤立地关注单个部分。”这个定义在产品设计中有意义吗?我猜你认为有意义。然而,出于某种原因,设计师常常避免从自上而下的视角来思考解决方案,而是更倾向于专注于单个元素进行开发,从而忽略了问题的全局。

为什么这项技能与产品设计息息相关?
想象一下,你被要求重新设计整个产品,从零开始打造一个新设计,或者引入新功能来提升销量。解决这些挑战有两种方法:你可以立即着手解决方案,然后观察产品和用户的反应,并希望避免重新构建初始解决方案或过度设计(所谓的敏捷方法);或者选择第二种选择:构建一个你完全理解(或至少有所了解)这个新解决方案将如何影响更广泛系统的解决方案。这样,一旦你推出产品或改进,你就已经考虑了大多数可能的场景和行为,从而预测到错误、摩擦或极端情况。在短期或中期内,哪种选择能让你创造出更好的产品?

当你能够从全局视角审视问题,将所有可能的环节都集中到一起时,你的决策将比仅仅关注问题的某个部分更有效。此外,随着你获得更广阔的视角,能够抓住别人可能忽略的机会,发现潜在的改进机会,你也能增强对战略决策的自主性。

为什么人工智能最终可能会消除这种能力?

拥有“高质量”的界面和“简单提示”的即时性,对我们来说无疑是天籁之音;想象一下,这将开启多么无限的可能性。时间对公司至关重要;这一点毋庸置疑,但在设计中,时间也可能是一把双刃剑。快速并不总是意味着高质量, 当快速生产的承诺成为设计和产品质量的唯一标准时,复杂的设计思维就变得过时了。

更多背景信息:
人工智能便利的隐性成本:我们的思考能力——阮黄(Hoang Nguyen)《人工智能毁了写作吗?》——《作家之路》

正如所有新趋势和技术进步一样,我们全心全意地学习和探索与人工智能相关的一切,并对其所能带来的所有好处感到眼花缭乱。由于这种技术“魅力”,我看到了许多好处,例如上述这些,也有一些不那么积极的好处,包括商业洞察力、深度流程分析以及系统思维等复杂的产品考量日益匮乏。

如今,各大公司和全球科技界都在庆祝,一个不超过四人的团队,如何在短短几天内就能开发出一款数字产品和一家初创公司。对我来说,这只是一个更复杂等式的一部分,必须用批判和更深入的眼光来看待。

在产品设计中,我观察到一种模式,表明人工智能影响了我们对用户和产品挑战的理解。所有设计对话要么集中在工具上,要么集中在如何提示,要么集中在如何创建代理上,这本身并没有什么不好,但似乎没有人会停下来,先了解一下需要设计的东西的所有信息。

随着这场技术革命的到来,我认为,在陷入全球性的快速盲目状态之前,对这项技术如何使我们受益进行批判性思考至关重要,因为这种盲目性无疑会对我们产生长期影响。

如今,以创纪录速度开发的产品和服务已成为新一代技术。然而,其中一些产品和服务缺乏深度的生态系统连接、清晰的目标或复杂的可扩展性(系统思维)。因此,在我看来,如果人工智能没有得到良好的引导,它就只能沦为速度的空想。

中间立场

那么,如果人工智能就是速度,我们该如何有效地利用它而不遗漏重要的事情呢?答案是我们设计团队迄今为止摸索出的一套简单的工作流程。

理解/加速/建设

将显示缩放图像

这种简单的结构让我们理解了所有人工智能都可以成为我们的参与者,而不是反过来。这是一个三步工作流程,它为人工智能提供了一个可以最大限度发挥其潜力的空间,并使我们能够从坚实的系统思维基础开始构建产品。

理解

它指的是一个深度战略阶段,在采取行动之前,所有团队成员都会了解参与规则、背景、挑战或依赖关系,以确保清晰的方案。在这个阶段,复杂思维至关重要,识别项目的所有组成部分(系统思维)将使我们更加高效。

加速

在这里,人工智能是主角;产品角色的界限模糊了:设计师、产品经理和开发人员放下各自特定的角色任务,齐心协力地协作。工具、集成、提示和软件可以更快地产生结果。因此,产品答案预示着一条可遵循的路径。与我们过去使用的工作流程相比,这个阶段优化了时间差距。

在这个阶段,按角色划分的专门任务消失了,知识的融合模糊了传统角色之间的界限;基本上,我们都可以做所有事情。

这里有一个简短的免责声明:此阶段的结果不是最终交付成果,而是一个可供讨论的开始想法;这样,当下一阶段到来时,我们会保持更详细、更安全的开发标准。

更多背景信息:
设计师:一年后我们都将成为设计工程师——Ted Goas

建筑

借助人工智能的优势,我们完成了快速的信息搜索,现在是时候像我们习惯做的那样,基于可靠的信息构建产品了。

我今天的学习(仍在进行中)

首先,人工智能不是一种可交付成果;它是一个任务加速器,话虽如此,我们明白它不是产品构建的核心,而是流程中的一个步骤。

我们的工作、知识和愿景非常宝贵,因此我们利用人工智能更快地取得成果,但我们的标准仍然指导我们的决策。

我们不会被各种类型的工具和方法所迷惑;我们正在尝试并决定哪种方法更适合我们的需求;我们将其视为一项新技术,而不仅仅是一种新潮的潮流。

快速并不总是意味着质量,而且它不应该是唯一的产品承诺。

越简单越好。我们的工作动态应该简洁明了,没有不必要的步骤。

 

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

行业趋势 | 2025 年如何利用生成式人工智能进行研究

清阳

用户体验 (UX) 领域正在经历一场令人眼花缭乱的人工智能 (genAI) 接管。

简而言之:今年是人工智能 (AI) 接管用户体验 (UX) 的一年。在本文中,我将解释其中的原因,并更新我使用人工智能进行用户体验研究的方法,重点介绍 ChatGPT 的深度研究功能如何显著加速定性研究分析。

(注意:我将使用术语“AI”、“genAI”和“model”作为“生成性 AI”的简写,主要指大型语言模型 (LLM),即创建文本的特定类型的生成性 AI。)

十个月前,我在 Medium 上发表了一篇关于AI 用户体验的原创文章,之后它迅速蹿红,阅读量达数千次,远超本博客迄今为止的任何其他文章。但在生成式人工智能领域,十个月就像十年狗年;日新月异的变化速度已经让那篇文章的部分内容显得过时。

因此,当我的母校伦敦大学城市圣乔治学院人机交互设计系联系我,邀请我在他们的年度会议上发言时,我抓住了这个机会,重新开始我对这个学科的兴趣,尤其是当我的老教授透露他们联系我的部分原因是我的 Medium 文章很受欢迎时。

这是我对 UX 的 AI 的第二次看法,已更新至 2025 年,并涵盖了我在 HCID 2025 会议上的演讲(即使是我自己这么说,这次演讲也进行得相当顺利)。

这已经发生了。2025年,人工智能将接管用户体验

将显示缩放图像
一张幻灯片上写着“人工智能会抢走你的工作吗?”,还有一张图片写着“如果你不能打败他们,那就加入他们”,旁边还有一些关于人工智能在用户体验中使用的统计数据
人工智能会抢走你的工作吗?这是我关于 HCID 2025 演讲的幻灯片。(图片来源:我的)

2024年初,当我开始在工作中使用人工智能时,我感觉自己就像一位勇敢的探险家,踏入了陌生的领域。诚然,人工智能已经存在了一段时间,我们大多数人也只是在家里用它来制作储藏室菜谱或视觉效果图。但我们中很少有人有机会让人工智能真正地重塑我们的工作,这主要是因为“人工智能会以你给它的任何东西为食”的数据隐私问题,以及由此产生的对人工智能用于工作的严格禁令。

将显示缩放图像
一张幻灯片上写着“数据隐私的胡扯。如果数据是石油,那么人工智能就是……石油怪兽”,标题是“敏感代码泄露后,三星禁止员工使用 ChatGPT”。
数据隐私的胡扯。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

但2024年是私有AI的黎明。最终,像OpenAI和Anthropic这样的提供商“封锁”了他们的法学硕士课程,以确保其数据不会泄露,从而为像我这样的机构打开了以订阅方式使用私有AI的大门。

2025年即将到来,尼尔森诺曼集团的一项研究告诉我,用户体验专业人士是有史以来最重度的人工智能用户之一。这项研究得出的一项关键统计数据显示,如今用户体验专业人士使用法学硕士(LLM)的比例是其他样本职业的750倍之多!

为什么用户体验师如此热爱人工智能?

你有一把锤子,但你看到的并非都是钉子。从学习作业作弊(说实话,正在读这篇文章的HCID/UX学生,如果你尝试过用AI生成用户访谈记录——请停止吧),到一位不幸的音乐爱好者向Nick Cave发送了一首“模仿Nick Cave风格”的ChatGPT歌曲,激怒了他,在很多情况下,使用AI都不是好主意。

将显示缩放图像
一张幻灯片上写着“Gen AI 在很多事情上并不出色……”,以及音乐家 Nick Cave 的一句话“ChatGPT 的悲哀之处在于它注定要模仿,永远无法拥有真实的人类体验”。
正如 Nick Cave 所说,GenAI 在很多方面并不出色。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

媒体喜欢夸大此类故事,随着时间的推移,这在时代精神中形成了一种层次化的“感觉”,即无论人工智能应用于何处,它都是无用或有害的。

我不同意。

将显示缩放图像
幻灯片上写着:“……但它对用户体验研究非常有用。锤子,遇到钉子!”
用户体验 (UX) 和 genAI 是绝配。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

因为我们可以用这把锤子敲出一些钉子。GenAI 的局限性和功能与某些类型的用户体验研究的局限性和要求非常匹配。具体来说:

  • GenAI 擅长总结文本数据→UX 研究创建了大量文本数据。
  • 在 GenAI 中,幻觉是必然的 → 传统的用户体验研究通常可以应对一定程度的“模糊性”。(但如果你的工作涉及高度精确的领域,禁止使用人工智能是明智之举。)
  • GenAI 本质上只能创造衍生输出 → UX 开发者很少能创造出完全原创的输出。相反,我们的优势在于对已有内容的改编。

女士们、先生们、朋友们,这就是用户体验设计师们热爱人工智能的原因。它与我们完美契合,并且是真正有用的工具。除了数据隐私限制(现已基本解决)之外,业界对使用人工智能没有任何争议*。只要你的研究报告写得好,并且提供了所需的数据,没有人会在意它是否由人工智能生成。

*然而,关于人工智能的伦理问题绝对应该引发更多争议。我个人对用户体验行业对此的关注如此之少感到困惑,并将继续通过强调人工智能技术过去和现在的伦理缺陷来引发争议。

它的本质

将显示缩放图像
ChatGPT Enterprise 深度研究的屏幕截图
ChatGPT Enterprise 深度研究的屏幕截图

无论如何,继续介绍菜谱。

我给你举一个真实案例,关于一个用户体验研究,我最近在一个项目中用到了人工智能来分析用户数据。所有身份信息都是匿名的。

我正在使用 ChatGPT Enterprise——一个私密的“隔离”版本,配备了最新的深度研究功能。这是OpenAI 于 2025 年 2 月推出的一款专业 AI“代理” ,号称“非常适合从事高强度知识工作的人”。

将显示缩放图像
深度研究与传统 genAI 模型的比较表
深度研究与传统模型的比较。这是我在 HCID 2025 演讲中的幻灯片。(图片来源:我的)

如果您无法访问 Enterprise,您可以通过 20 美元的 ChatGPT Plus 订阅获得 Deep Research(不过,据我所知,您的数据不会被“隔离”)。

我的 2025 方法与之前的方法相同,分为三个步骤:

将显示缩放图像
显示三个步骤的图像:喂养 + 指导 + 收获
方法。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)
  • Feed:输入内容。现在,您可以输入的内容种类大大扩展:海量数据集、JSON 文件、屏幕截图、网页链接、PDF 文件,等等。ChatGPT Enterprise 尤其擅长读取 PNG 格式的图片,并且可以轻松理解屏幕截图中的文本。
  • 指示:告诉它该做什么。这仍然遵循我在原文中概述的“提示牌组”规则。
  • 收获:从中获取所需的信息并根据需要使用,例如,为组织的高层领导创建报告。

步骤 1:饲料

Deep Research 的优点在于它可以处理大量数据,并且比大多数传统模型(如 4o、Claude 3.7 Sonnet 等)具有更高的准确度。正如我所发现的,虽然你可以向其输入诸如访谈记录和原型截图之类的文档,但你也可以告诉它锚定到一个特定的文档,并让该文档决定模型思考和分析的方向。

在我的案例研究中,该文档是讨论指南/研究计划。

将显示缩放图像
幻灯片上写着:“Feed:确保您有一个完美的讨论指南/研究计划”,并附有简短的说明和示例讨论指南的图片
讨论指南/研究计划的重要性。这是我在HCID 2025演讲中的一张幻灯片。(图片来源:我的)

讨论指南通常由用户体验师与产品经理合作创建,通常包含以下内容:

  • 研究背景:研究项目是什么?它的目的是什么?为什么要进行这项研究?
  • 研究目标和假设:您想通过这项研究证明或反驳什么?
  • 关于访谈参与者/用户的信息:他们是谁?招募标准是什么?如果他们(就像我的情况一样)是某个特定狭窄领域的专业人士,那么具体是什么?
  • 访谈结构,包括访谈主题和问题类型,都与研究目标和假设相关。

第 2 步:指导

那么,你把访谈记录、截图和讨论指南输入到了模型中。你该如何告诉模型如何处理这些内容呢?

不再冗长的聊天

深度研究与传统模型的一个关键区别在于,深度研究消除了大量的反复沟通。您只需进行一次操作,在回答几个澄清问题后,模型就会开始执行其“任务”,根据您的指示生成一份高度详细的报告。您只有一次提示机会,因此最好确保您的提示符合要求。

将显示缩放图像
深度研究长提示示例
我的演讲题目全文。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

我的提示方法与我在2024年的文章中基本相同:使用便捷的提示卡组来构建提示。我不会在这里再次介绍所有提示技巧,但您可以参考那篇文章来了解更多详情。

将显示缩放图像
提示牌:提示“卡片”的图像:时间、“根”、提要、设置场景、角色、外卡、少量镜头、思路链、模板、请求输入、重新引导和捕捉错误
提示卡。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

然而,一些提示“卡片”与其他卡片的权重发生了变化。以下是目前为止最有用的“卡片”:

提示卡:设置场景

“设置场景”提示卡
“场景设定”提示卡。(图片来源:我的)

解释研究目的、针对哪家公司和产品、用户是谁、模型将收到哪些文档;如果有的话,将其锚定到您的关键文档上(在本例中为讨论指南)。

提示卡:角色

“角色”提示卡
“Persona”提示卡。(图片来源:我的)

描述你希望模型扮演的角色,例如“在一家科技公司(X 公司)工作的世界领先的用户体验研究员,为英国的一家数字信息和分析产品公司工作[职业]。 ”

将显示缩放图像
使用“设置场景”和“角色”卡的示例部分提示
提示卡的实际应用。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

提示卡:模板

“模板”提示卡
“模板”提示卡。(图片来源:我的)

告诉AI如何构建其输出仍然是关键技术之一。您可以告诉它遵循讨论指南的结构(如果相关),或者给它一个包含所有标题的示例模板。

将显示缩放图像
使用“模板”提示卡的示例部分提示
提示卡的实际应用。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

提示卡:思维链

将显示缩放图像
“思路之链”提示卡
“思维链”提示卡。(图片来源:我的)

这项极其实用的技术如今已被人工智能工程师广泛应用。简单来说,如果你让人工智能解释它为什么得出某个结论,它得出的结论的准确性就会提高。

提示卡:Wild Card(新)

“外卡”提示卡。
“外卡”提示卡。(图片来源:我的)

一位同事想出了这个主意。在我公司的许多用户研究中,包括这个例子,我们已经预设了想要从用户那里发现什么的框架。但是,如果用户说了一些我们意想不到的话怎么办?如果你不要求模型发现意想不到的事情,它就找不到。你应该自己寻找这些异常,但为什么不也让模型思考一下呢?

将显示缩放图像
使用“思路链”和“外卡”提示卡的示例部分提示
提示卡的实际应用。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

**这让我想起了OpenAI 发布的一段搞笑又令人毛骨悚然的视频:两个视觉/语音 AI 助手正在与一位人类主持人交谈,而另一个人则走到他身后,露出兔耳朵。两位助手都无视兔耳朵,直到明确提示。

将显示缩放图像
一名男子坐在桌边与人工智能助手交谈,身后一名女子露出“兔耳朵”
OpenAI 的“兔耳朵”视频。(图片来源:OpenAI)

步骤3:收获

输入你的题目和文档后,选择“深度研究”并按下“提交”按钮,然后给自己倒杯咖啡。根据“任务”的复杂程度,AI 生成所需的报告可能需要长达一小时。在我的案例研究中,这大约需要 30 分钟。

将显示缩放图像
深度研究生成报告的屏幕截图,顶部有一张咖啡杯的图片,标题为“~30 分钟”
等待 Deep Research 生成报告时,可以喝杯咖啡。这是我关于 HCID 2025 演讲的幻灯片。(图片来源:我的)

太棒了,你拿到了报告,足足50页!以下是整个过程中最无聊的部分:

!检查!每一个!字!!!

虽然深度研究的准确率高于大多数模型,但远未达到 100%,而且它产生的幻觉看起来尤其令人信服。所以,不要相信它。人工智能至今仍是一个热切但缺乏经验的助手,其工作必须接受审核。只有你,作为“知情人”,才拥有专业知识和解读能力,能够理解用户访谈中的真实情况,否决人工智能的错误结论,并发现任何“兔子耳朵”,即使你设置了“万能牌”,人工智能也可能遗漏了。

深度研究的一个巧妙功能是右侧面板,你可以在那里看到它是如何一步步得出结论的。最奇怪的幻觉可能会在这里出现,而且很搞笑。我注意到,这类幻觉很少出现在最终报告中,因为深度研究功能中已经内置了“思维链”流程。

将显示缩放图像
一张截图显示了 Deep Research 创造了一个有趣的幻觉:“Se Vodnik 收集有关塔斯马尼亚鲑鱼养殖对环境影响的信息,讨论净影响、碳封存信用和透明度数据收集。”
奇怪的幻觉:“塔斯马尼亚的鲑鱼养殖”。这是我在HCID 2025大会上的演讲幻灯片。(图片来源:我的)

重要提示:由于深度研究每次只允许执行一项任务,而不是来回对话,因此您无法在与AI对话时进行更正。请使用传统方法,将报告下载到Word中。

修改完成后,您可以将 Word 报告上传回 ChatGPT,让它将 50 页的文档精简成简洁的 PowerPoint 风格演示文稿。这是最简单的步骤:只需使用“模板”提示技术,并结合传统的 AI 模型(例如 4o、o3 等)即可。

关于用户引言的说明

根据我的经验,传统的人工智能模型在从访谈记录中提取用户原话方面表现糟糕,它们只会选择进行解释。相信我,我什么方法都试过了!相比之下,Deep Research 的引文直接引用了原文,因此用户引文更容易进行交叉核对。我仍然建议手动检查,尤其是那些最终报告会用到的内容。

深度用户体验研究:内幕

将显示缩放图像
幻灯片上写着:“当然,这与工具有关。但主要还是关于谁使用它、如何使用以及用于什么目的。”
关键在于谁挥舞着锤子。这是我在HCID 2025演讲中的一张幻灯片。(图片来源:我的)

因此,深度研究花了大约 30 分钟来编写分析报告。即使考虑到人工参与快速撰写、文档准备、检查和修改的时间,这也比手动完成整个分析过程要快——而且绝对比我之前依赖传统 AI 模型的方法要快。

需要注意的是:你可能很容易将分析工作完全外包给深度研究,而跳过检查步骤。这将是一个大错误。最终,如果深度研究出错,承担风险的是你,而不是人工智能。即使模型越来越先进,保持警惕并在出错的地方进行干预仍然至关重要。

忘记我告诉你的一切

将显示缩放图像
一张幻灯片上写着:“忘记我告诉你的一切。因为它已经在改变。” 幻灯片中精选了一些突出变化的项目,并配上了一句口号:“世界是你的牡蛎。”
把我说过的话全忘掉吧。这是我在 HCID 2025 演讲中的一张幻灯片。(图片来源:我的)

在我的HCID会议演讲中,这是我最喜欢的幻灯片。告诉听众一堆有用、可操作的信息,然后让他们把它们扔进垃圾桶,这其中有一种令人愉悦的反常之处。

但这就是人工智能领域的现实。事物每周都在变化,跟上潮流的唯一方法就是与时俱进。例如,我的演讲中还没有提到代理人工智能 (Agentic AI),但在撰写本文时,它是 2025 年规模最大(也是最模糊的概念!)的人工智能盛事。如果我在为 UX v3.0 撰写人工智能文章时,很可能会谈论代理人工智能。

或许不是!谁知道呢!

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

人工智能对设计师日常工作和界面的真正影响:哪些因素仍然重要

清阳

想法简述

  • 本文探讨了人工智能如何重塑设计师的工作流程,为研究、实施和测试提供速度和支持。
  • 报告认为,尽管人工智能很有用,但它缺乏深度和背景——因此人类的判断、批判性思维和用户洞察力是不可或缺的。
  • 它强调核心设计原则保持不变,设计师必须学会融入人工智能,同时又不丧失自己的技艺。

人工智能正在加速设计工作流程,并重塑我们构建数字产品的方式,但我们真的明智地运用了它吗?在这篇实用且以经验为导向的文章中,一位经验丰富的设计师剖析了人工智能在研究、原型设计和测试过程中真正提升价值的地方,以及它目前仍未达到的水平。从实用技巧到真实案例,本文探讨了如何在不牺牲用户洞察力、设计技巧或战略思维的情况下有效地与人工智能协作。如果您正在探索人工智能驱动的全新设计格局,那么这正是您所需要的视角。

如今,设计师们总是对人工智能加速工作流程赞不绝口。这并非没有道理——如今的企业比以往任何时候都更需要快速的草稿、快速的测试和快速的发布,以保持用户的参与度。

然而,许多设计师仍然未能抓住关键点,在产品中运用AI技术时未能充分发挥其专业知识。结果如何?许多被大肆宣传的AI产品制造的只是噪音而非价值,导致用户体验浅薄。

从事设计行业十年,我学会了对创新持保留态度,并将它们从昙花一现的潮流转化为切实可行的方法。正因如此,我想分享人工智能如何真正改变设计师的日常工作,如何改变界面,以及设计流程中哪些部分永远不会改变。

在本文中,我将分享示例、实用建议以及我的经验见解,帮助您了解人工智能的适用范围以及人类技能仍然是关键的地方。

如果您想清楚、诚实地了解人工智能对设计和商业的真正影响,请继续阅读。

为什么人工智能成为设计师日常工作流程的核心部分

为了更好地理解人工智能如何在每个阶段增强设计,首先概述一下在人工智能成为流程的一部分之前设计工作的传统展开方式。

总体而言,产品设计师通常采用两种主要工作方式:

这两种方法都面临着同样的挑战:企业不断缩减预算,加快进度。这迫使许多团队不得不做出取舍。设计师往往精力分散,最终忽略了更深入的探索工作。可用性测试充其量也只是在发布前进行——仓促且不足。

然后出现了人工智能。

根据我的经验,AI 可以在产品迭代周期的三个关键阶段为设计师提供支持:

  • 输入和产品分析。
  • 研究与探索。
  • 实施和测试。

让我们仔细看看它们。

1.分析

现在很多工具都提供人工智能生成的仪表板、反馈和用户行为摘要。它们非常方便,尤其是在你追踪趋势的时候。然而,它们并不总是准确的。

它能凸显可见的内容,但并不总是重要的内容。有时,真正推动结果的洞见被埋藏得更深,除非你主动寻找,否则很难发现它们,原因如下:

  • 人工智能根据可用数据生成枯燥、表面的摘要。
  • 它并不总是能区分信号和噪声,或者突出影响结果的因素。
  • 影响结果的一些见解可能与人工智能标记的完全不同。

提示:将 AI 摘要作为起点。如果某些内容引起了您的注意,请深入挖掘。返回原始数据,验证洞察,并确认它是基于实际用户行为,还是仅仅停留在纸面上。

2. 研究

研究是产品设计中最耗时(且常常被低估)的部分之一。它常常会耗费你几个小时。因此,AI 可以帮助你:

  • 从客户访谈、文档或 Notion 页面中提取关键要点。
  • 分析多个 URL 或来源中对特定主题的提及。
  • 无需逐一阅读,即可浏览数百条 App Store 评论。
  • 生成竞争对手的快速列表并提取他们提供的功能、他们的定位或用户的赞扬/抱怨。

但是,不要指望它能完成所有工作:)人工智能更像是团队中的一名额外研究员,需要得到指导、明确的方向和仔细检查。

提示:尝试成为更专业的T型专家,并学习如何编写一些脚本和提示。了解AI的思维方式将有助于你更好地引导它,并加快你的工作流程。

例如,您无需要求分析团队重建仪表板,只需下载包含评论的页面(例如 HTML 格式)。然后让 AI 对其进行解析,将其转换为表格,并按情绪或关键词排序。您无需等待几分钟即可发现规律,从而节省团队成员的时间。

3. 实施

在这个阶段,你可以加快初稿的创作速度。从落地页到屏幕流程,设计师在每一步都需要生成大量的素材,说实话,并非每个人都能跟上。例如,在我们的面试中,600名候选人中只有三分之一了解这个阶段的基本流程。

这就是为什么,借助一些人工智能的指导,你可以维持生存并:

  • 产生早期概念和插图。
  • 对布局清晰度或调色板进行压力测试。
  • 探索 UX 模式或流程变化,无需从头开始重新绘制所有内容。

提示:如果您想让起草协作更加高效,请为其提供 10 多个能够体现您品牌风格的参考视觉效果。请注意,AI 的性能取决于您提供的数据。它没有直观的视角。

以Figma 的 AI 发布为例。它可以在几秒钟内创建 UI 界面,这对于快速绘制草图非常有用。但几周后,他们就禁用了这项功能。由于 Figma 的人工智能助手只在少数几家公司的设计系统上接受过培训,所以很多界面最终看起来非常相似。

下一个实用技巧:尽量清晰详细地描述你的视觉效果。理想情况下,首先写一个清晰的提示,描述风格和插图细节,并附上一些参考图片。然后,让AI生成JSON格式来解释提示的细节——这样,你就能知道它对你的理解程度。

如果结果不太理想,请调整输出或进行调整。例如,如果您想要一条类似骨头的细线,AI 可能会忽略这种细微之处,因此需要进行一些手动微调。一旦接近您的预期,您就可以使用优化后的 JSON 作为进一步迭代的参考。

4.测试

在人工智能测试之前,设计师必须不断要求开发人员创建一些东西并发布它,然后等待反馈才能正确启动它。

然而,如今,有了正确的流程和包含代码就绪组件的优秀设计系统,设计师自己构建用户流程的前端并不难。只需了解其在实践中的运作方式即可。有时,甚至不需要开发人员添加逻辑——只需一个感觉接近真实的工作原型即可。

您可以使用可点击的流程在 Figma 中进行测试,或者更进一步,分享一个基于浏览器的实时版本,用户可以通过该版本实际输入数据。它更加真实、更具洞察力,用户使用起来也更舒适。

提示:使用 AI 工具可以加快您的工作流程并减少对其他团队的依赖。从简单入手:无需等待分析师构建单独的仪表板——您可以自行生成代码并发出 API 请求。如果您需要更新 UI 元素,请直接在 Cursor 中执行,然后将其交给开发人员审核。在很多情况下,这样做会显著加快速度。

人工智能不会取代工艺或设计与开发之间的协作。但它可以消除摩擦。在这个商业目标瞬息万变的世界里,节省下来的时间可以让你拥有更多空间进行实验,打造更优质的产品。

人工智能如何帮助做出艰难决定

AI 无法(也不应该)替你做出产品决策。然而,它可以通过更清晰地呈现流程,帮助你更快、更自信地做出决策。

例如,在 TitanApps,我们总是会分析用户反馈来决定是否添加新功能。然而,用户并不总是会要求产品中出现“下一个重大改进”。因此,他们的大多数评论都反映的是现有功能。幸运的是,作为 Attlassian 社区的一员,我们可以访问论坛,在那里大家分享痛点、推荐工具并寻求帮助。

在人工智能出现之前,我们手动爬取论坛,尝试不同的关键词组合,追踪同义词,审阅长帖,并收集模式。有时,仅仅为了支持或反对某个产品方向,就需要整整一周的时间。

现在只需要几个小时。以下是整个流程:

  • 我们准备了一个结构化的 JSON 文件,其中包括论坛帖子链接、主题集群和相关元数据。
  • 人工智能扫描了大约 20 个主要链接,每个链接包含多个子主题,提取了关键见解,并在大约三个小时内汇编了调查结果。
  • 与此同时,我们用 90 分钟的时间,从竞争对手那里抓取 HTML 评论,进行了并行分析。我们想了解:用户是否提出了类似的问题?其他产品是如何应对的?他们是否能更好地解决问题,还是存在一些不足?

当然,在两次分析过程中,我们都验证了所使用的信息和来源。

在这两个直播活动进行的同时,我们花时间梳理了我们最初的想法在哪些方面没有引起人们的兴趣。在此过程中,我们的团队发现了一些更有价值的东西:围绕一个相关主题的需求正在增长,而这个主题是竞争对手尚未妥善解决的。

因此,我们不需要花整整一周的时间在论坛和主题之间来回切换,而是在一天之内就获得了完整的方向快照。

人工智能如何改变设计界面

随着人工智能越来越多地融入产品,改变的不仅仅是设计师的日常工作流程,界面本身也在不断发展。为了理解人工智能的影响,我们将其分为两类:

  • AI是用户主动交互的可见工具。
  • AI 是一个隐形层,可以在后台改善用户体验。

在这两种情况下,最终的界面不再是最重要的结果。更重要的是设计师能否放眼全局,理解用户的旅程。以下是这种转变的重要性:

  • 如果人工智能以助手或聊天机器人的形式出现,你需要了解用户对它的实际期望——他们会提出什么样的请求,他们试图解决什么问题。只有这样,你才能考虑如何呈现这些信息:纯文本、GPT 风格的聊天,还是仪表盘。

一开始,您可以让用户完全自由地输入任何内容并获得回复。但为了打造更智能、更流畅的体验,并更有效地训练模型,您需要识别其中的模式。有些人可能会寻找冲刺总结,而另一些人则可能寻找待办事项概览,甚至是拉取请求分析。

然后,下一个问题出现了:用户提取信息后会如何处理:在会议中使用、导出等。这会影响您在何处以及如何展示 AI 助手、您提供什么样的提示或模板,以及您可以自动化多少流程而无需用户手动询问。

提示:训练你的鸟瞰视角。尽管许多人都能察觉到设计优先级的这种转变,但根据我的经验,候选人往往会急于将问题视觉化。他们专注于单个屏幕,却没有分析整个用户交互和旅程。

如果人工智能在幕后默默运行,这种视角就变得更加重要。作为一名设计师,你需要:

  • 深入了解你的听众。
  • 跟踪反馈和分析。
  • 注意人工智能可以在哪些方面增强体验以及在哪些方面可能会造成阻碍。

以 Copilot 这样的开发者工具为例。早期的一个主要抱怨是,它无法适应每个人的风格。它会生成通用或难懂的代码,与具体情况不符。它非但没有提供帮助,反而扰乱了开发流程。

或者看看像 Cursor 这样的工具。它在 Twitter 上流行起来,人们开始用它来做一些小项目。然而,很多人甚至不知道如何让它正常工作。所以,并非所有 AI 工具都适合所有人,也并非所有时机都是引入它的合适时机。

为了更好地设计这种人工智能,你需要知道:

  • 当它有帮助时。
  • 它应该建议什么。
  • 用户将如何实际操作它。

提示:请记住,人工智能是一种工具,而不是灵丹妙药。这些后台助手即使不可见,仍然具有某种界面。设计师现在也必须学会为此进行设计。

人工智能无法改变的设计原则

尽管人工智能推动设计师去适应——像开发人员一样思考,平衡业务目标,并保持以用户为中心和独特的方法——但有些原则仍然没有改变,比如雅各布定律。

用户会熟悉各种模式,他们不想重新学习已经奏效的方法。正因如此,不要无缘无故地重复造轮子至关重要。如果有既定的最佳实践,那就去实践。人工智能不会替你做决定——你的职责是了解哪些方法已经得到验证,何时值得创新,以及何时坚持用户已知的方法更为明智。

所以,没错,如今成为一名设计师比以往任何时候都更加复杂。但如果我们提升视野,保持T型思维,并抵制过度复杂化的冲动,我们就能利用这些工具——包括人工智能——来做得更好,而不仅仅是更快。

最终,我们的目标是设计出有意义的东西。

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

苹果的 10 个用户体验秘诀,让你的产品魅力无穷

清阳

如果苹果是个人,他们一定是那种毫不费力就能展现酷劲的朋友:总是穿着完美的衣服出现,说话从不磕磕巴巴,而且总能把喝水装点得优雅大方。所有这些魅力背后,是对细节的极致关注、对用户体验近乎病态的执着,以及塑造了半个互联网的设计理念。

您可以从 Apple UX 剧本中借鉴一些经验,让您的产品变得更好、更简洁、更容易让人上瘾。

1. 关注微观问题

苹果精心设计了一些你永远不会注意到的东西,直到它们消失。比如在 iOS 上拖动图标时,图标会轻微弹起。或者音量滑块的触感也有些奇特。这些都不是随意的花招,而是经过深思熟虑的。

在用户体验中,小事并不小。它们是你向用户展示你关心的方式。

你无需从头开始设计所有内容。像MadeinFigma这样的工具可以为你提供精美的 UI 工具包和流程,因此你可以专注于微交互,而不必重新设计按钮。

2. 像杀恶棍一样消灭功能

简单并不意味着“缺乏功能”。它意味着你放弃了 17 个功能,以便让这个“功能”能够闪耀。

苹果经常这么做。如果某个功能让用户感到困惑或拖慢了速度,它就会被移除。这就是为什么iPhone的拨号应用没有内置任务管理器的原因。(是的,有人试过了。)

你的产品不需要满足所有人的需求,只需要让某些人感到惊喜即可。

3. 用目的来激发活力,而不是仅仅靠感觉

动画是用户体验的过渡。就像 PowerPoint 中的过渡一样,它们可以是雅致的,也可以是充满拉斯维加斯风格的。

苹果用动画来教导和引导用户。当窗口缩小到 Dock 中时,你的大脑会映射出它的位置。这就是用户体验的精髓:隐形、高效、令人满意。

4. 让界面消失

最好的界面是让人忘记自己正在使用的界面。听起来很无聊?或许吧。但隐形才是梦想。

有没有注意到 iOS 上的 Notes 应用几乎没有界面?这不是懒惰,而是自信。

作为设计师,你的工作是让用户感觉自己是个天才,而不是提醒他们你在按钮阴影上花了多少功夫。

5. 保持一致,然后添加惊喜

苹果做的每件事都遵循着某种模式,直到它不再如此。这就是他们赢得欢心的方式。

把它想象成爵士乐:你坚持节奏,这样当你打破节奏时,它是美妙的,而不是混乱的。

在整个产品中使用一致的布局、间距和行为。然后用一个小惊喜奖励用户。一个有趣的空白状态。一个令人满意的点击。一个柯基动画。(好吧,也许不是柯基。)

6. 解决问题,而不是趋势

苹果不会为了赶潮流而赶潮流。他们之前没有推出“Always-On”显示屏,是因为他们觉得它实用又省电。

好的用户体验是实用的,它能消除用户的痛点。所以,与其问“现在什么最热门?”,不如问“今天我的用户最烦什么?”

7. 与用户沟通时,要像对待真人一样,而不是像对待错误日志那样

如果您的界面显示“第 3 行出现意外输入字符串”,请离开一下。

苹果的文字清晰、人性化,偶尔还充满魅力。当你连接 Airdrop 时,它显示“正在等待……”而不是“正在传输 278 个数据包中的第 4 个”。

文字是用户体验的一部分。好的文案可以让 bug 变得无足轻重。

8. 设计要考虑感受,而不仅仅是功能

苹果明白用户体验不仅仅关乎可用性,还关乎情感。

想象一下,iPhone 闹钟会告诉你还能睡几个小时。这就是 UI 形式的同理心。

你的产品应该不仅仅是用来工作。它应该让人安心、鼓舞人心、感到快乐。这才是赢得忠诚的关键。

9.承认自己的错误

苹果虽然饱受批评,但他们也承认自己的失误。当苹果发货时,他们会提供免费维修。他们不会在你的屏幕上贴个标签,然后说:“尽量别打字太多。”

当你的应用出现故障时,请坦诚相待。提供一条前进的道路。设计一个像人一样感知错误状态,而不是像防火墙一样。

10. 与人一起测试(而不是团队 Slack)

设计师不是用户。开发人员更不是用户。你尤其不是用户。

真正的反馈来自那些不在乎你的 Figma 文件名的人。看着他们使用你的产品。看着他们遇到问题。哭一会儿。然后解决问题。

越快将可用的原型呈现在大家面前越好。如有需要,可以使用MadeinFigma快速设计一个包含完整流程且外观精美的原型。

结束语:

苹果的用户体验魔法并非魔法,而是一个过程,一种同理心,一种拒绝满足于“足够好”的精神。

你不需要建造一个太空园区来实现同样的目标。只需要一点品味,多加用心,或许还能从合适的设计工具中抢占先机。

从小事做起,从大处着眼。专注于细节。然后在你花一年时间过度思考之前,赶紧发布。

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

为 AI 工程师设计:你需要了解的 UI 模式

清阳

指导 UI 原则:

  1. 欢迎精简信息。与数据科学和金融科技等 B2B 行业类似,这些角色欢迎密集数据——而且数据设计具有强大的层次结构。所以,请缩小这些边界!
  2. 解析后的元数据最清晰。提取元数据并使其可搜索/过滤/排序非常重要。表格、侧边栏、标签系统——这些是需要改进的主要设计系统元素。
  3. 记住雅各布定律——用户在其他网站上花费的时间比你网站上的多。人工智能领域有很多强大的领导者,比如 HuggingFace 和 OpenAI。如果他们已经建立了一种模式,并且没有强有力的理由去改变,那就顺其自然。我知道,我知道,这违背了第一原则,但第一原则有其适用的时机和地点。至于如何为你的团队和路线图做出决定,就留给你自己决定吧。

Github 的设计系统是开发者设计的绝佳资源。以下是一些明确针对开发者角色定制的原则:

  • 直到快了才算完全发货
  • 添加任何东西都会稀释其他一切
  • 实用性胜过纯粹性
  • 平易近人胜过简单
  • 半途而废和不采取任何措施一样糟糕
  • 鼓励流动
  • 更注重功能

因此,秉承这些原则,以下是我团队今年发布的一些关键界面。需要注意的是,我的团队只有 4 个人(2 名设计师和 2 名开发人员),我们是一家节奏飞快的初创公司。我们的设计最初都是以 MVP 的形式发布的,上线后会进行迭代,并且经常基于现有系统进行构建,从 0 到 1,并尽快获得真正的外部验证。本文中的所有设计均由我和Will Rust共同创作。设计是一项团队运动。

我将介绍的屏幕:

将显示缩放图像
聊天界面、游乐场、开发控制台、文档和食谱的 UI 线框

产品一:与法学硕士聊天(简易营销页面版本)

聊天屏幕的线框

作为终端用户,我们现在对聊天界面非常熟悉。作为开发者,使用 LLM(大型语言模型)进行聊天,与Chat GPT、Duck Assist或Perplexity等 AI 平台上的终端用户体验几乎完全相同。关键在于尽可能简洁明了,并提供快速简洁的答案。

主要区别在于,人工智能开发人员还会根据模型的速度、构建的简易性、兼容性和部署性来评估模型。

保持与传统搜索引擎一样简洁,但提供更细致的第二层信息,展现其底层运作,包括文档链接、展示模型速度的基准数据,以及每个令牌成本等其他数据。以下是我们在 Modular 中解决这个问题的方法。

我们使用的UI 框架:https : //www.gradio.app/、Mantine、Tailwind

屏幕 1 — 简单的“开始聊天”介绍屏幕,向用户展示它的型号、运行的硬件以及处理的流量。

将显示缩放图像
聊天界面模拟

当然,所有内容都兼容明暗模式。以下是暗黑模式版本,我们将聊天功能嵌入到了开发者控制台中。

将显示缩放图像
暗黑模式下聊天的 UI 模拟

屏幕 2 — 聊天结果,显示基准数据,以及教程、代码和部署此模型的后续步骤的链接。

将显示缩放图像
将显示缩放图像
左图:扩展基准测试结果;右图:合并基准测试

截图 3 — 嵌入式版本。为了实现此版本,我们使用 RAG 专门针对我们的文档对 MAX 进行了训练。此实验目前仅面向内部用户,并有望尽快发布。

将显示缩放图像
文档网站中聊天的 UI 模拟

一些精选参考:

将显示缩放图像
将显示缩放图像
Chatgpt ;困惑
将显示缩放图像
将显示缩放图像
Groq,HuggingFace 聊天

产品2:模型库

模型库网站线框的缩略图

AI 开发者需要做的最重要的事情之一就是评估 GenAI 模型。首先,你需要搜索模型库——也称为“模型花园”、“模型库”或“模型中心”。出于市场营销/SEO 的原因,这通常需要用户注销登录,主要目的是向用户展示你的平台兼容的所有模型,并鼓励他们登录后再进行更深入的模型测试。我们的模型库位于builds.modular.com。

这里最重要的功能本质上是搜索和过滤。你要确保用户能够从包含数百甚至数千个模型的庞大数据集中找到他们想要的内容。

将显示缩放图像
我们的模型库的 UI 模拟
将显示缩放图像

屏幕 2 — 模型详情页。此页面会告诉用户每个模型有多少个变体,如何在本地快速运行模型,以及如何根据需要将其部署到云端的 GPU。

将显示缩放图像
模型详细信息页面的 UI 模拟

有一些有趣的技术细节与模型参数大小、量化、硬件兼容性等有关。但最终一切都归结为格式塔聚类和创建正确的层次结构。

将显示缩放图像
各种 UI 模型拼贴在一起
设计由 Eve Weinberg(我)和Will Rust创作

我在这里最常参考的是 Huggingface(因为他们是这个领域的领导者)、Kaggle(因为他们拥有蓬勃发展的社区)、Together AI(因为他们是企业级的)和 Replicate(因为每天 8 万次点击量已经很多了):

将显示缩放图像
将显示缩放图像
Together.ai
将显示缩放图像
将显示缩放图像

与所有成功的 UI 一样,设计时务必牢记用户思维。AI 开发者在设计模型时,会考虑模型能够完成哪些任务、模型的大小、性能以及开发者是谁。

产品3:游乐场

游乐场的缩略图线框

游乐场是指专为实验、测试和学习而设计的环境,不会影响现有系统或生产环境。对于 AI 开发者来说,更具体地说,它包括试用 AI 模型、测试提示以及微调参数等功能,无需大量的基础设施。

我们现在才刚刚开始运行,所以我只会谈论主要功能并展示一些参考。

主要特点:

  1. 已登录并连接账单。这只是一个小提示,但用户通常需要连接信用卡,因为您现在正式运行 AI 计算。
  2. 滑块控制模型的参数,完全改变模型。
  3. 按使用量付费定价
将显示缩放图像
将显示缩放图像
将显示缩放图像
将显示缩放图像
左图:Vercel;右图:谷歌

这与整个控制台体验完美衔接。

产品4:开发者控制台

开发控制台的缩略图线框

从布局和信息架构的角度来看,这与其他桌面控制台类似。我们使用 Tailwind、Mantine 和 ChartJS 来制作。

将显示缩放图像
开发人员控制台分析屏幕 dashobard 的 UI 模拟
将显示缩放图像
开发者控制台主屏幕的 UI 模拟
我们有点沉迷于定制编号

这里最有趣的 UI 功能是数据监控仪表盘。如果你曾经设计过企业仪表盘,那么其余部分其实都差不多——基于角色的访问控制、计费、组织层级结构(内部成员可以邀请其他成员)、通知、设置等等。

产品 5:文档

好吧,让我们开始讨论最重要的部分——文档!每个人都喜欢设计文档 ;)这就是我们的文档。这实际上是我第一次完全自主设计一个文档网站。我们使用Docusuarus和Algolia搜索,它的用户界面非常棒,开箱即用!

将显示缩放图像
文档用户界面
https://docs.modular.com/max

就信息架构而言,我们在这里讨论了几种方法,并归纳为两个总体概念:

  1. 遵循用户的待办事项 (JTBD)——他们按照什么顺序完成这些任务。对我们来说,顺序是:本地测试、服务、部署到云端、监控、扩展。
  2. 遵循产品的架构。我们拥有一个完整的平台,从底层 GPU 编程到云端的自动扩展,因此以这种方式进行分类对我们来说也很有吸引力。

无论您选择哪种方式,重申这一点的登录页面都至关重要。

我们访问量最大的页面是“快速入门”(这并不奇怪!)。我们正在持续优化此页面,以加快竞争速度并提高完成率。

将显示缩放图像
文档快速启动页面的 UI

一些参考:

将显示缩放图像
streamlet 应用程序屏幕截图
Streamlit Docs(当产品表面较小时更容易)

正如我之前提到的,Algolia 搜索功能非常强大。它的效果如下:

将显示缩放图像
Algolia UI 截图
搜索灯箱
将显示缩放图像
Algolia搜索结果页面
搜索页面允许搜索所有产品和版本

产品 6:食谱和代码

食谱页面的缩略图线框

食谱(或烹饪书)是一种简单却标准化的分步说明。它们最具交互性的形式是笔记本,每个部分都是可执行代码。最简单的形式是一系列包含可复制/粘贴代码片段的说明。

正如我提到的,我们的构建过程极其迭代,所以我们的 MVP 实际上只是渲染一个 GitHub 代码示例,并在右侧标注元数据。我发现,对于这类受众来说,越简洁明了越好。内容本身非常密集,设计不应该过于引人注目。

将显示缩放图像
菜谱页面的 UI 模型

这些文章的设计系统很大一部分在于如何渲染代码,因此,拥有一个井然有序的明暗模式系统至关重要。我们使用mantine 系统来实现这一点,并在其中设置自定义颜色。您也可以参考 CLI 配色方案的最佳实践,例如本文所示:https ://hamvocke.com/blog/lets-create-a-terminal-color-scheme/

将显示缩放图像
我们的代码块设计系统的 UI 模拟
样式代码的设计系统

别忘了体验一下命令行界面 (CLI)、ASCII 字体和清晰的进度条!至于命令行界面的用户体验,我试着教我的工程团队成员 10 条基本的 NNG 原则,其中最重要的一条就是“系统状态可见性”。

将显示缩放图像
将显示缩放图像
终端中的进度条
将显示缩放图像
将显示缩放图像
使用 ascii art 生成器工具:https://convertcase.net/ascii-art-generator/

下一步是什么?

我非常高兴能够构建更多工作流程并分享它们。我希望接下来专注于代理工作流程和云监控仪表板。

将显示缩放图像
将显示缩放图像
来自工具n8n 的两个“低代码”代理工作流图像。

奖励图片——AI 工程师角色

作为参考,以下是我为 Modular 创建的通用角色模型。目前我们的目标人物是“解决方案构建者”。

将显示缩放图像
3 个人物的图像。

敬请关注,感谢您的阅读

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

日历

链接

个人资料

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

存档