首页

用户体验设计中微投入设计:用户不知不觉付出的 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 GPTDuck AssistPerplexity等 AI 平台上的终端用户体验几乎完全相同。关键在于尽可能简洁明了,并提供快速简洁的答案。

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

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

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

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

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

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

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

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

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

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

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

一些精选参考:

将显示缩放图像
将显示缩放图像
Chatgpt ;困惑
将显示缩放图像
将显示缩放图像
GroqHuggingFace 聊天

产品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:文档

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

将显示缩放图像
文档用户界面
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

2026 年值得关注的顶级 UI/UX 趋势

杰睿 行业趋势

1. AI优先设计

将显示缩放图像
展示 AI 应用设计的应用程序

多年来,我们一直在听说人工智能在设计领域的应用。2024 年,它生成的布局看起来像是醉酒实习生做的。2025 年,它的表现有所改善,但仍然感觉像是作弊。

现在已经2026年了?人工智能不再只是个助手。它基本上是你的设计伙伴,不会再抱怨反馈了。Galileo、Uizard 以及 Figma 上周刚刚收购的那些工具,生成的界面不仅可用,而且效果惊人。设计师现在花更多时间进行改进和制定策略,而不是无休止地摆弄自动布局框。

趋势:

  • 诸如“让这个流程对 alpha 版本更加友好 20%”之类的设计提示现在已经成为一种流行趋势。
  • UX文案由AI撰写一半稿子,然后由人类进行润色。
  • 评判设计师的标准是他们提示得有多好,而不是他们推动像素得有多好。

设计提示:开始像对待初级设计师一样对待 AI 工具。引导它们,纠正它们。不要让它们肆意妄为,否则它们会为计算器设计一套 6 步入门指南。

2.“零 UI”的兴起

将显示缩放图像
ChatGPT 界面

从零开始设计?那就2025年吧。我们正进入一个最好的界面就是没有界面,或者至少没有传统界面的时代。

想想语音、手势、存在检测、情境感知界面。设备和体验在你开口之前就能猜测你想要什么。

恐怖?是的,有点儿。
方便?绝对方便。

现实世界的例子:

  • 智能冰箱无需询问即可重新订购牛奶。
  • 汽车通过扫描你的脸部来调整你的座椅。
  • 只需思考布局就能设计界面的 VR 头显。(好吧,这个功能还在测试阶段。)

趋势:

  • 为“隐形”交互而设计。
  • 优先考虑音频、触觉或行为的反馈循环。
  • 彻底重新思考屏幕的作用,尤其是在消费技术领域。

设计提示:从体验开始设计原型,而不是屏幕。并在现实世界中测试它。

3. 高度个性化,但有界限

将显示缩放图像
健康追踪应用程序

到了2026年,用户不再需要千篇一律的体验。他们想要一款能够了解他们的睡眠模式、喜欢的颜色以及童年创伤的应用,但又不能让人觉得毛骨悚然。

个性化日益升级,但隐私问题也日益凸显。这意味着智能默认设置、基于行为的界面以及专为用户打造的仪表盘。

趋势:

  • 根据上下文进行调整的界面:夜间使用黑暗模式,大脑疲劳时使用简化的用户界面等。
  • 高度集中的入职流程根据您的氛围量身定制:为专业人士提供简约服务,为新手提供指导。
  • 为高级用户提供“选择您自己的 UX 冒险”设置。

设计提示:让用户自主决定个性化程度。让个性化变得有趣。不要将功能锁定在数据共享墙后面。

4. 滚动已死。滚动万岁。

多年来,我们一直热爱滚动。无限滚动、水平滚动、视差滚动。

现在?滚动正在进化。2026 年,一切都围绕着滚动叙事展开。流畅的过渡,智能的捕捉,以及微妙的交互,让用户不会感觉自己一直在喝红牛。

趋势:

  • 卷轴作为叙事手段
  • 配对的动画和微交互创造了一种旅程,而不仅仅是滚动到页脚的情况。
  • 基于滚动的 UI,根据速度或意图而变化。

设计提示:在所有设备上测试滚动行为。在 MacBook Pro 上看起来流畅的滚动效果,在售价 99 美元的 Android 平板电脑上可能感觉像做梦一样。

5.语音界面成为主流

将显示缩放图像
语音界面应用程序

过去,除非你像机器人一样说话,否则 Alexa 总是会误解一切。但到了 2026 年,语音界面终于成熟了。

得益于更先进的 NLP 模型,语音正在成为导航应用的标准方式,尤其是在可穿戴设备、汽车和智能家居领域。设计师面临的关键挑战是什么?超越视觉 UI 的思考。

趋势:

  • 语音和视觉反馈接口同步工作。
  • 适用于多任务场景(例如烹饪、驾驶、育儿)的纯语音用户流程。
  • 个性丰富的语音助手让生活变得轻松。

设计提示:不要让每个应用都显得吵闹。有意识地设计安静的语音交互。并且,务必为用户提供“关闭”按钮。

6. 设计要考虑神经多样性,而不仅仅是可及性

将显示缩放图像
患有神经多样性的儿童

无障碍功能不再只是一张清单。2026 年,我们将为认知包容性而设计,服务于患有多动症、自闭症、阅读障碍以及介于两者之间的各种疾病的用户。

这不再仅仅关乎颜色对比度或屏幕阅读器,而是关乎信息的结构、通知的工作方式以及如何减轻精神负担。

趋势:

  • 可选的极简模式,可消除噪音。
  • 带有“运动灵敏度”切换的动画。
  • 尊重焦点的界面;是的,我们正在谈论您的 7 个弹出窗口。

设计提示:开始用真正的神经多样性用户测试你的设计。不要只是“添加一个模式”。要将包容性设计融入核心用户体验。

7.反设计2.0

来看看反设计 2.0 吧。它丑陋、混乱、怪异得令人难以接受。它无处不在,尤其是在那些努力避免看起来像 Webflow 模板的作品集网站上。

这种趋势的核心在于打破常规,但又不失其有意为之。想想那些刺眼的色彩、夸张的元素、重叠的文字,但不知何故,它却奏效了。

趋势:

  • 设计师将不完美视为一种风格。
  • 用户界面接近“糟糕”,但在千篇一律的界面中却脱颖而出。
  • 更注重真实性而非完美性。

设计提示:谨慎使用此趋势。如果你正在设计银行应用程序,最好不要使用 Comic Sans 字体和摇摆按钮。

8. 具有幽默感

将显示缩放图像
企鹅在雪地里看着 404 标志

2026年,就连你的信用卡应用也开始尝试搞笑了。你知道吗?它真的有效。

人性化的界面,巧妙的微文案、精妙的动画和令人惊喜的瞬间,让产品更令人难忘。用户不再仅仅追求“直观”,他们更追求乐趣

趋势:

  • 用个性化的祝酒词。“哎呀。这招不行。不过,嘿,你上一段感情也没用。”
  • 错误屏幕会让你笑,而不是哭。

喜悦与无聊的东西(比如空状态和确认消息)融合在一起。

设计提示:不要过度。并非所有内容都需要单口相声。只需营造一种让你的产品感觉不那么机械、更具亲和力的氛围即可。

9. VR之外的3D和空间设计

得益于 Apple Vision Pro、Meta Quest 以及三星的各项研发成果,空间设计已不再是小众领域。但你无需VR 头显进行设计即可拥抱 3D 空间。

2026 年,扁平化的 UI 将会变得更加立体。不再是虚假的阴影,而是真实的、可交互的深度。

趋势:

  • 响应光标移动的 3D 卡。
  • 电子商务和设计工具中的 AR 预览。
  • 界面感觉更像是物理空间而不是平面布局。

设计提示:像建筑师一样思考。关注用户如何在空间中移动,而不仅仅是屏幕。但不要让性能受到影响。流畅的 2D 流程总比混乱不堪的 3D 流程好。

10. 设计时考虑地球

将显示缩放图像
UI 中的 Eco 模式

可持续设计终于不再只是你产品宣传单上的一张幻灯片了。到了2026年,用户开始关心你的应用有多“环保”,没错,这已经是千真万确的事情了。

你的应用消耗的资源越少越好。轻量级 UI、低带宽模式和智能缓存不仅仅是技术性的功能,更是用心良苦的功能。

趋势:

  • 应用程序中的生态模式设置可降低数据/功耗。
  • 碳中和设计实践。
  • 应用程序加载速度快、操作轻便,并且不会在三次滑动中耗尽电池电量。

设计提示:别粉饰太平。务必打造高效的 UI。额外福利:用户本来就喜欢快速的应用,所以这是双赢的。

最后的想法:2026 年的设计不再注重炫酷,而更注重感觉

设计不再仅仅关乎“好看”。它关乎智能、同理心和真正实用。2026 年最好的界面不仅要美观,还要个性化、包容性、趣味性,甚至可能是隐形的。

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

用户体验的骨骼

杰睿 交互设计及用户体验

如果说设计探索和创造力是肌肉,那么结构就是骨骼。没有结构支撑,肌肉就无法运作。没有骨骼的肌肉只是一团乱麻,无法进行有意义的运动或产生力量。结构赋予我们的创意以张力,从而产生力量。我们的设计力量不会因结构而削弱,反而会因结构而增强。

将显示缩放图像
手绘插图展示手臂骨骼和肌肉产生的力量。
权力需要结构才能发挥作用。

非结构化设计的陷阱

团队很容易就直接进入流程和界面模型。利益相关者提出功能需求。项目截止日期确定。敏捷待办事项列表呼之欲出。设计师……他们用屏幕来回应。这是他们能展示的最具体的东西,让所有团队成员都觉得自己了解事情的发展方向。

但如果没有清晰的组织,事情就会变得很混乱。

这就像在没有骨架的情况下锻炼肌肉。肌肉收紧,却没有支撑肌肉的支撑。结果会怎样?错位、返工,以及薄弱的解决方案。人们在行动,但缺乏协调,效率低下。

那么,问题是……我们如何防止这种情况发生?

改变一切的结构性思维

三年前,我接触到了面向对象用户体验 (UX)。一位同事向我介绍了它。作为一名曾经从事面向对象编程的开发人员,我一下子就被它深深吸引。

虽然我一开始并没有深入研究,但我从基础开始:识别核心对象、命名属性以及映射关系。很快,我开始清晰起来。现在更容易发现差距,更容易与利益相关者沟通,也更自信地领导设计活动。虽然我个人很喜欢OOUX,但它并没有在整个组织中广泛应用。

直到最近……情况才有所改变。在过去的几个月里,团队里有几个人学习了OOUX思维,并在最近的一个项目中运用它。我很高兴又有人看到了结构化思维的价值!

将显示缩放图像
手绘腿部插图,显示膝关节铰链如何运用肌肉力量
骨骼就像杠杆一样,可以施加肌肉的力量

这个项目进展很快。但团队中有人很有远见,在项目初期就放慢了速度,盘点并绘制对象和关系图。他们使用了一款基于面向对象思维的自主研发工具。只需几次会议,我们就清晰地了解了应该向用户呈现哪些内容、这些元素如何关联,以及它们之间的连接结构。这为团队凝聚力构建了框架结构。而且,这短暂的放慢带来了意想不到的回报。

我看到了三大好处:

  1. 这种清晰的思路促成了更牢固的合作关系。项目团队迅速就清晰的对象模型达成一致。这意味着我们正朝着同一个方向努力。我们无需浪费时间重新解读模糊的需求或处理沟通上的错误。产品负责人、工程师、架构师和设计师都理解我们的设计理念以及各个组件之间的联系。
  2. 团队可以独立并行运行。这种清晰的思路意味着瀑布式设计交接的终结。它增强了团队之间、学科之间的信任,而这一切都建立在强大的共识之上。团队可以独立并行运行,因为他们了解保持工作和谐的总体结构。
  3. 使设计工作速度翻倍。设计师无需再浪费时间去探索用户会看到哪些信息以及这些项目之间的关系。他们可以专注于如何呈现,而不是关注展示什么。他们的设计精力集中在如何以最佳的方式为用户排列对象上。

虽然还有其他好处,但作为一名设计领导者,这三点对我来说至关重要。因为我们的骨架已经到位,所以创意工作(肌肉)才能发挥作用。坚实的结构提供了一个锚点,让我们能够充分发挥创造力的力量。设计师们行动迅速、自信,并且目标明确。最重要的是,他们与周围的团队能够和谐共处。

OOUX入门

现在,您可能想知道如何才能看到同样的结果?嗯,您的实际效果可能会因项目和文化而异。但是,根据我使用 OOUX 以及观察我的团队对其的依赖程度的个人经验……我强烈推荐这套工具集。

将显示缩放图像
手绘的苹果树与阳光和草的插图
映射对象不必过于复杂

你无需彻底改造整个流程即可从 OOUX 中获益。请不要这么做。它只是你工具包中另一个帮助你理解设计问题的工具。

你可以从小事做起,随着时间的推移逐渐成长:

  • 确定用户将与之交互的核心对象。有些人将这些称为体验的“名词”。它们是你在项目中必须考虑的“对象”。如果你正在构建水果体验,其中一个对象可能是苹果。它是一个具体的、可定义的事物。不是吃苹果,而是苹果本身。你可以开始问:现实世界中存在的哪些“事物”必须在数字体验中呈现?哪些“事物”被创建和管理?这种思考将为你的下一步工作奠定坚实的基石。
  • 定义每个对象的属性。每个“事物”(或对象)都有其定义性特质。就像苹果有绿色、红色或黄色等颜色一样,苹果也有成熟度。这些是系统中所呈现的对象的定义性特征,使每个对象独一无二且易于区分。哪些特征定义了系统中的对象?哪些内容可以更改或不可更改?(标题、描述、颜色、状态、日期等)。这些属性可以快速提供构成人们与这些对象交互的细节。
  • 映射它们之间的关系。这是接下来的关键步骤之一。对象(或系统中的“事物”)并非孤立存在。它们与其他对象相互作用。一个苹果与一棵树、它装运的板条箱以及销售它的杂货店的陈列品都有关系。映射这些对象之间的关系,可以让用户更清晰地理解它们。它们之间是否存在父子关系?一个对象是否依赖另一个对象?是否存在隐藏的对象?这些关系可以清晰地展现骨骼的排列和绑定方式。

即使是像这样简单的练习也能快速带来清晰的思路。而且它们规模化程度很高。它们为清晰的思路提供了起点。虽然它们并非面向对象用户体验 (OOUX) 工具集的完整代表,但它们是面向对象思维的开端,您可以轻松掌握并立即开始使用。

如果您想了解更多,可以访问OOUX.com ,了解Sophia Prater 提出的ORCA 流程。如果您想更深入地了解,可以加入OOUX 社区并参加一些官方培训。这些工具为您提供了支持更具雄心的设计工作的结构——无需猜测。

(重要免责声明:不管你怎么想……这里没有附属链接或回扣。我只是热衷于分享有用的资源,以帮助设计师提高效率。)

结构是一种资产

让我们重新审视一下人体骨骼的类比。如果没有有序的骨骼,肌肉就无法赋予人体活动能力。我们无法举起或移动物体。人体需要肌肉和骨骼。这些骨骼必须有序排列。每当一根骨头断裂,就会降低肌肉发力的能力。

将显示缩放图像
手绘骨骼缺失插图:需要结构
发挥创造力需要结构

此外,人体骨骼种类繁多。股骨极其坚固。内耳骨又小又敏感。你可以依靠股骨来引导腿部肌肉的力量……但内耳骨的作用就没那么大了。组织这些骨骼,了解它们的属性,并安排它们之间的关系,为肌肉的有效运作提供了基础。

设计也是如此。组织结构清晰,让你能够运用创造力,让你的设计力更加有效。想想奥运会举重运动员惊人的力量吧。这一切都归功于健康的骨骼结构。

当项目变得模糊不清、定义不明确时,问问自己是否应该暂时放慢速度来组织起来。

如何运用设计探索的方法来理解项目目标?如何与您所在领域的团队合作,共同完成这类地图?

结构的刚性应该成为优势,而不是劣势。尤其是在用作支撑元素时。它能让创造性思维获得动力,而不是徒劳无功。因为即使是世界上最强大的肌肉,如果没有支撑,也是无用的。

OOUX思维赋予了我们团队以目标为导向的动力。每次运用它,我们都会被提醒:结构并非创造力的障碍……而是能够最大程度发挥创造力的因素。

 

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

我如何评审设计工作

杰睿 随笔的一些文章

好的设计可能并非易事。对一个人来说显而易见的东西,对另一个人来说可能毫无意义。设计可能感觉很主观,但我(以及其他设计领导)在评审设计时,总会关注一些因素。

好的设计是早期良好协作的成果。早期设计通常不会面面俱到,但我们可以预见一些细节,避免在不尽如人意的设计上花费太多时间。

本文档试图定义 Dialpad 的设计中“好”的真正含义。它为我们提供了一个共同的目标,以便领导层在评审时能够充分预期他们的大部分反馈,并让他们相信设计方向是正确的。

有叙述

首先,我们必须弄清楚我们为什么要做一个项目。是我们要改进的指标吗?是我们要解决的未满足的用户需求吗?还是我们要达成的销售?在查看任何屏幕之前,我首先需要了解我们为什么要做这件事。这有助于我们在审查设计时坚持第一原则。

你知道我们怎么说讲故事很重要吗?这就是我们的意思。

只有了解了这些背景之后,我才能给你真正有用的反馈,而不仅仅是肤浅的“在这里增加间距”类型的反馈。

你并不总是需要幻灯片,1-2 段文字或 30 秒的演讲通常就足够了。我不喜欢被拖进一个没有任何注释的 Figma 文件里,也不喜欢仅仅为了了解项目是什么就被链接到一个冗长的 Jira Epic 文件或 15 页的 PRD 文件。

设计领导力涵盖了很多方面,我依靠来告诉我什么是项目以及它为什么重要。

对你分享的内容和你想要的反馈要有策略性。你不应该在设计文件中展示和解释所有内容。为此,提前整理好你的想法和 Figma 文件会很有帮助。通过屏幕共享来跟上一个在 Figma 画板上快速切换的人的喋喋不休是非常困难的。你很可能无法通过这种方式获得你想要的反馈。

你自己的想法

PM 或工程师通常会在介绍项目时就已经想好了解决方案。它会被包含在 Jira 工单中,在 PRD 中描述,或在会议上提及。这很棒。我们当然应该探索并汲取其他人的想法。但我也希望看到你们思考自己的点子。

弄清楚自己要做什么是高级设计角色的一个重要部分。

我希望看到你不仅仅是在执行别人的想法。我希望看到你至少从两三个不同的角度探索过一个想法(也就是说,不是同一个想法,只有两三个细微的变化)。

想出不同的解决问题的方法,表明你不仅仅是照做别人说的,而是真正运用自己的判断。这正是一个人在高级职位上表现出色的原因。不要害怕提问,不要害怕提出大胆的想法。你提出和改进想法的方式与实现想法的方式同样重要。

一致性与创新

Dialpad 已经推出一段时间了,这意味着我们已经构建了许多快速易用的设计模式。但是,如果还有改进空间,就不要仅仅满足于“快速易用”。有时,新的方法可以让事情变得更好。

在审查设计时,我会问自己以下有关一致性和创新性的问题:

  • 我们是在为一个老问题提出新的解决方案吗?有什么好的理由吗?
  • 我们是否有针对整个产品做类似事情的例子,同时注意到其优点和缺点?
  • 该设计是否使用了客户习惯的模式,或者是否是他们必须学习的新内容?

如果存在一个可以完成某项任务的现有模式,我希望看到它。同时,如果您认为有必要引入一个新的模式,我也希望看到它。如果您对其中一个模式有合理的偏好,我会加分。

虽然修复不一致问题很重要,但我们也应该考虑用户的使用场景。有时,即使需要付出更多努力,追求更好的体验也同样重要。有时,为了保持一致性和速度,最好还是坚持现有方案。绘制多个设计方案有助于促进这方面的讨论。

掩盖复杂性

Dialpad 是一款极其复杂的产品,包含大量技术工作流程并生成大量数据。

我们的客户不应该知道这一点。

我们的目标应该是使交流变得即时且易于理解,就像网络浏览器连接和显示网站一样。

在审查设计时,我会问自己以下有关扩展功能的问题:

  • 屏幕上呈现的信息是否一目了然?用户是否可以根据需要深入了解?
  • 是不是需要太多点击?我们是不是在要求用户做一些可以自动化的事情?
  • 新用户会如何看待这个功能?高级用户又会如何看待呢?
  • 我们需要构建一些新的东西吗?或者我们可以改变一些现有的东西吗?

设计应该易于理解,但又足够强大以处理复杂性和规模。

用户体验复制

记住,设计主要就是文字。我希望看到你的用户体验文案与用户流程、矩形和颜色保持相同的标准。

在审查设计时,我会问自己以下有关 UX 副本的问题:

  • 能少点文字吗?无论是博客文章还是单个表单字段,我写任何东西时的第一反应都是删掉文字。
  • 语言是否清晰?我们能否简化或删除技术术语、缩写和内部用语?
  • 语言是否一致?基于我已知的 Dialpad 知识,我能理解吗?我们使用动词的方式是否一致?日期和时间格式如何?甚至像大小写这样的问题也很重要。

我们有复制指南,还有一个经过 Dialpad 语音和语调训练的ChatGPT 机器人。快来使用吧!

在撰写文案时,我通常会将类似这样的内容放入 ChatGPT 中:

通常,最好的文案是这些示例的组合。我在撰写本文时就使用了这种技巧。

感觉如何?

在审查工作流程时,一个原型胜过一千个静态屏幕。我喜欢尽早看到原型,即使是在线框阶段。它能帮助我预览实际使用设计的感觉。

在审查原型时,我会问自己以下问题:

  • 一个功能有多容易被发现?如果我是第一次接触这个产品,我能理解它在哪里以及该做什么吗?
  • 感觉怎么样?点击次数多吗?步骤之间的过渡怎么样?
  • 与我使用的其他应用程序相比,它给我的感觉如何?如果我每天都要用这个设计,我会有什么感受?每周都用?

用代码制作原型并不总是可行的,所以像 Figma 这样的原型工具能提供仅次于实际产品体验的最佳设计。从新用户引导到任务完成,交互式原型能让我清晰地了解用户从始至终的旅程。

这怎么会失败呢?

大多数设计评审都侧重于推销一个想法,让观众信服这个设计为什么好。但这只是设计评审的一部分。我也想知道它的缺点。我们应该成为自己最严厉的批评者。

每个设计方向的优缺点是什么?一个设计怎么会失败?在审查一个设计时,我会寻找它为什么行不通,或者它可能被滥用或利用的原因,所以如果你也考虑过这些,会很有帮助。提前思考这些问题有助于促进团队之间的讨论。

虽然没有一份详尽的清单列出使设计“好”的因素,但提前考虑这些因素有助于将与领导层的讨论集中在深刻、实质性的话题上。

当我们接受“好”的不同定义,依靠清晰的框架,并创造一个支持批评的空间时,我们就可以提供既能满足创意目标又能满足商业目标的设计工作。

 

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

【兰亭妙微】用户体验设计优化 | 什么是“嵌入式成长机制”?

杰睿 设计管理与成长

 

——从 Hook 模型到行为惯性设计的交互进阶路径

一、起点:为什么“用户投入”才是粘性最高的设计?

在许多交互体验中,设计者常常追求“即时反馈”:点击即响应、浏览即推荐、登录即得礼。但用户一旦体验完毕,离开就再无回头。
原因在于:用户没有留下任何可积累的“成长性投入”
根据《Hooked》模型,产品形成用户习惯的四个阶段中,Investment(投入)是最被低估却最决定复访意愿的一环
“当用户在产品中投入时间、精力、数据或情绪,便不再是旁观者,而是利益相关方。”
但是,仅有“投入”还不够,这些投入是否“嵌入”用户未来体验,是否带来持续增长感,是设计的关键挑战。
这就引出一个更高级的设计模型:嵌入式成长机制

二、定义:“嵌入式成长机制”到底是什么?

嵌入式成长机制(Embedded Growth Mechanism) 是指:
产品通过系统性结构,让用户的每一次投入行为产生未来可感知的回报,并对下一次使用产生预期依赖,最终形成习惯与留存。
它具备四个核心特征:
特征 说明 常见误解
行为路径可复用 用户走过的路径会影响下一次决策 不是“历史记录”,而是路径强化
成果可积累 用户的操作结果以结构化形式沉淀 不是“完成任务”,而是“建立资产”
成长性可感知 反馈不仅是即时,而是具有阶段性跃迁 不是“获得奖励”,而是“具备成长感”
结构性嵌入 用户资产影响后续流程、推荐、权限 不是“数据留存”,而是“体验参与权”

三、原理:从 Hook 模型到“行为惯性引擎”

  1. Hook 模型复盘
在《Hooked》中,用户习惯的形成来自于:
  1. Trigger(触发)
  2. Action(行动)
  3. Variable Reward(变动奖励)
  4. Investment(投入)
但模型本身不解释 “投入之后发生了什么?” 投入成为“行为惯性”的方式是:嵌入式成长结构 + 可视化反馈机制 + 结构性复利回路
我们可以用如下公式理解这一点:
markdown
复制编辑
Investment × Embedding × Future Payoff = Habitual Use
也就是说,仅仅让用户“写了一篇笔记”没意义,除非:
  • 这篇笔记成为未来推荐算法的一部分
  • 它带来新用户点赞、收藏、互动(外部性收益)
  • 它在视觉层面沉淀为“知识资产”并被系统引用
  • 它解锁了下一阶段内容 / 权限 / 工具
这就是“嵌入式成长机制”与一般投入反馈机制的根本区别:
用户的行为介入并塑造了未来体验结构

四、结构:嵌入式成长机制的 3 层设计框架

我们可以从交互设计的角度,将其拆解为三层结构:
第一层:结构性投入点设计(Structure of Investment)
识别产品中的可“沉淀性操作”:
类型 示例 表现方式
内容结构投入 Notion 笔记、飞书文档 用户参与“搭建”产品结构
关系结构投入 社交圈建立、关注体系 用户构建“社会资产”
行为偏好结构 推荐算法训练、偏好标签 用户塑造算法“映射自己”
权限成长结构 功能权限随投入解锁 用户获得“控制感”与进阶通道
设计建议
  • 所有可投入点,应具备:数据结构、可查询性、可回显。
  • 不要把用户操作设计成“消耗品”,而是“积累点”。

第二层:回报路径嵌入(Embedded Feedback Loop)

关键在于:用户操作后的结果能否影响未来体验
投入行为 影响维度 回报机制
编辑页面 页面结构保存 下次自动载入、自定义默认
点赞内容 训练算法模型 推荐更符合偏好的内容
填写兴趣 用户画像建模 页面布局动态调整
学习任务完成 解锁新模块 路径“只属于你”而不是大众用户
设计建议
  • 让回报不止出现在当前页面,而是改变系统反应方式
  • 让用户感受到自己“塑造”了这个系统。

第三层:增长可视化机制(Growth Visualization)

即便系统有“嵌入性回报”,用户如不能感知,就不会形成行为惯性
设计任务是将成长数据显性化为“变化图景”
可视形式 举例 情绪作用
进度轨迹图 番茄时间记录曲线 感知掌控感
资产地图 笔记结构脑图、知识沉淀库 感知自我能力增长
使用成长阶梯 等级标识、勋章系统 感知“在升级”
反馈路径可追溯 用户行为→系统推荐链路图 感知“产品听懂我了”
设计建议
  • 成长可视化 ≠ 简单图表,而是体现“行动-结构-反馈”的闭环感;
  • 成长展示要避免“游戏化套路感”,要强调功能性连接与用户“建设感”。

五、误区与反思:嵌入式成长 ≠ 成瘾设计

不少人将“用户投入”等同于“上瘾机制”,这是理解上的误区。
嵌入式成长机制不鼓励用户沉迷于操作本身,而鼓励他们主动塑造体验结构。区别在于:
维度 成瘾机制 嵌入式成长机制
反馈节奏 高频、即时 阶段性、结构性
用户参与感 被动反馈接受 主动结构塑造
成果属性 一次性、多巴胺驱动 累计性、功能驱动
设计伦理 容易引发依赖 倾向于能力增强
最理想的状态:
用户使用产品越久,越能建立自己的体系,产生“离不开”而非“停不下”的依赖。

交互设计的进阶,不在于“好看”,而在于“结构”

“嵌入式成长机制”作为一种设计方法,其终极目标是:
把用户的参与设计进产品本身,让体验随行为进化,让系统随着使用更懂用户。
它连接了用户行为 → 体验结构 → 长期留存之间的底层路径,是行为惯性型产品的核心逻辑。
 
 
更多项目/合作请私信,支持定制设计服务
我们是兰亭妙微
商务合作请联系
邮箱:weihua@lanlanwork.com
电话:400-6086026 010-6333494
了解更多设计案例 → www.lanlanwork.com
兰亭妙微( 蓝蓝设计)是一家专注而深入的UI设计公司,为期望卓越的国内外企业提供卓越的大数据可视化界面设计、网页设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计

日历

链接

个人资料

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

存档