首页

循环用户体验:为修复和再利用而设计

杰睿 设计管理与成长

通过 AI 辅助创建的图像

当我们谈论用户体验时,大多数话题都倾向于愉悦感、易用性和效率。但近年来,一个话题却逐渐受到关注:可持续性。对我来说,“循环用户体验”(Circular UX)——为修复和重复使用而设计——并非源于会议演讲或流行文章,而是在为内部供应链门户网站进行实际产品改造时。

什么是循环用户体验 (Circular UX)?

循环用户体验 (Circular UX) 借鉴了循环经济的理念,致力于延长产品的生命周期。循环用户体验 (Circular UX) 并非设计那些快速采用并逐渐淘汰的数字体验(想想那些迫使你每年购买新版本的应用程序),而是鼓励设计兼顾耐用性、可修复性和可重复使用性

这不仅仅是关于使用环保图标的“绿色UI”。这是为了确保:

  • 用户无需从头开始重新启动流程即可修复错误。
  • 组件可以在不同的流程中重复使用,而无需每次都重新培训用户。
  • 数据是可移植的和可恢复的。
  • 界面会随着时间的推移而适应,而不是像重置按钮那样强制升级。

您已经知道的真实示例

  • Google Docs:想想它如何自动保存、查看版本历史记录以及恢复旧版本。告别“工作丢失”的恐慌。
  • Figma:设计师可以在项目之间重复使用组件和库,甚至可以回滚到以前的迭代而不会丢失进度。
  • iOS 照片应用程序:您可以“取消删除”照片、恢复编辑以及复制图像以创建变体 - 鼓励无所畏惧地进行实验。
  • Shopify 管理员:店主可以复制产品模板、重复使用运输规则并进行小幅编辑,而不必重建整个目录条目。

这些都是循环用户体验 (Circular UX) 的实际例子:减少重复性工作、使恢复变得容易、并增强探索的信心

当产品设计为可修复和重复使用时,用户行为会发生以下变化:

按 Enter 键或单击即可查看完整尺寸的图像
通过 AI 辅助创建的图像

上图比较了应用 Circular UX 前后的情况。

  • 循环用户体验之前:用户非常谨慎,创建手动解决方法,并大量涌入支持团队,因为即使是小错误也是无法逆转的。
  • 循环用户体验之后:用户可以安全地进行探索,通过模板和版本控制可以提高效率,并且由于产品感觉是在提供帮助而不是惩罚,因此整体满意度也会提高。

这种简单的思维转变——从僵化的流程到灵活、可修复的体验——可以改变用户信任和业务成果。

我的项目:将循环用户体验带入现实(快速案例研究)

我曾参与一个团队,负责改造一个时尚品牌的内部供应链门户。旧系统非常死板:如果用户在创建订单或规划发货时出错,唯一的解决办法就是删除所有数据,然后重新执行整个流程。这每周都会浪费数小时,并导致运营团队和 IT 团队之间产生摩擦。

我们的循环用户体验目标 -

  1. 无需重新开始即可修复:允许用户仅编辑受影响的步骤,而不必重新启动工作流程。
  2. 重复使用现有模板:用户可以复制以前的配置并仅调整更改的内容,而不必每次都创建新的订单。
  3. 创建反馈循环:捕获错误和解决方案以进行模式识别,这将在以后指导预测建议。

我们做出的设计决策 -

  • 模块化流程:我们摒弃了冗长的表单,将订单创建流程拆分成多个独立的模块(例如“供应商”、“SKU详情”、“物流”)。用户可以直接进入某个模块修改数据,而不会影响其他模块。
  • 版本控制:每个订单更新都会创建一个可追溯的版本历史记录,因此如果有人需要恢复更改,也不会永久丢失任何内容。
  • 快速模板:我们设计了“智能模板”,可以提取以前的配置,减少冗余输入。
  • 应用内指导:针对常见故障点(例如,SKU 不匹配)添加了微文本和上下文工具提示。

用户反馈和接受度 -

这一转变出人意料地受到了热烈欢迎:

  • 培训时间缩短了约 35%。由于模块反映了实际任务的思维模型,新团队成员能够更快地掌握系统。
  • 第一季度错误率降低了22%。
  • 员工们表示“数据焦虑”有所减少。他们不惧怕尝试,因为他们知道错误是可以纠正的。

三个月后,我们进行了一项用户调查:83% 的人表示他们“非常喜欢”新版本,因为感觉“惩罚更少”且“更宽容”。

投资回报率和影响

投资回报率是显而易见的:

  • 节省的时间:每月大约节省 300 多个工时,仅仅因为避免了重复输入。
  • 降低成本: “数据修复、更多控制和节省时间”的 IT 支持票减少了 40%。
  • 长期适应性:当添加新的产品线时,模块化方法可以更快地扩展(我们重用现有的 UI 组件,而不是从头开始)。

这就是我们在项目中应用循环用户体验 (Circular UX) 概念的方式。难点在于简化现有流程,赋予用户更多控制权并节省他们的时间。现在,让我们了解一下为什么循环用户体验对所有公司都至关重要:

  • 节省成本:减少支持电话、减少培训课程、最大限度地减少返工,从而节省时间和金钱。
  • 员工幸福感和保留率:感觉“有用”的工具可以提高员工的士气,尤其是在高压操作中。
  • 可扩展性:模块化、可重复使用的设计意味着当您的公司添加新服务或产品时,您可以快速适应,而不必重新做整个系统。
  • 品牌声誉:提供尊重用户努力的产品(例如允许轻松恢复工作)可以建立信任和忠诚度。

给想要尝试循环用户体验的设计师的建议

  • 映射故障点:确定用户重新启动或放弃任务的位置,并设计修复方法而不是强制完全重新启动。
  • 集成安全网:添加草稿、撤消选项、回滚功能和清除版本历史记录,以便用户可以在任何阶段恢复工作。
  • 使用模块化、可重复使用的设计:构建独立的步骤和可重复使用的组件,使用户和开发团队更轻松地进行修复和扩展。
  • 引导,不要惩罚:提供清晰的上下文帮助和微文案,以便用户知道如何修复错误,而无需猜测或离开他们的流程。
  • 增长计划:为未来的重用和扩展而设计——确保随着任务或数据量的增加,流程仍然顺利运行。

循环用户体验不仅仅是一个环保的流行词;它指的是尊重用户时间和精力的设计体验。在我的项目中,采用修复和重复使用不仅提高了可用性,还增强了用户信心,降低了运营成本,并创建了一个可以根据未来需求扩展的系统。

当用户感到可以放心尝试,并且知道错误可以恢复时,他们会更有效地使用你的产品,减少压力。而当公司在设计产品时考虑到维修和重复使用,他们就能节省成本,减少客户流失,并确保产品面向未来

因此,下次设计时,请问自己:“人们修复或重复使用他们已经完成的工作有多容易?”这种小小的思维转变可能会对用户和企业投资回报率产生重大影响。

 

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

优化用户体验 | 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。

界面设计风格解析 | ABB 3D社交媒体视觉效果设计

杰睿 移动端UI设计文章及欣赏

 

imgi_29_247cd1221525289.67d5ef8cc6f9a.png

imgi_30_a1a3b7221525289.67d5ef8cc691f.png

imgi_31_d2b44c221525289.67d5ef8cc605e.png

imgi_32_9bd1fb221525289.67d5ef8cc5216.png

imgi_33_97b9d5221525289.67d5ef8cc5a75.png

1. 画面内容解读

主体元素

  • 金融类图标化物体:硬币、银行卡、银行建筑、存钱罐、数字符号(如“₿”、“$”)、网格状科技纹理

  • 品牌标识:ABB Logo 或抽象化的品牌色块,立体化呈现

  • 抽象 3D 元素:漂浮的几何体(圆柱、方块、球体)、数据流线条、渐变光球

  • 场景背景:简洁单色或柔和渐变,留出空间让主体呼吸

空间与透视

  • 中心构图:主体位于视觉中央,四周留白适合社交媒体缩略图浏览

  • 微透视:通过 3D 相机轻微倾斜,制造动态感

  • 前景-中景-背景层次:前景有漂浮元素,中景主体,背景光晕或渐变,增强纵深感


2. 色彩选择

配色策略

  • 主色:深蓝 / 银灰 —— 金融行业常用的“稳健、信赖”色

  • 辅色:亮黄 / 金色 —— 暗示财富、价值

  • 点缀色:电光蓝 / 青色 —— 体现科技感

光影处理

  • 高对比度主光,突出边缘高光,强化金属质感

  • 柔和环境光,让暗部不死黑,保留细节

  • 背景光晕或渐变,吸引视线到主体


3. 构图方式

  1. 黄金分割:主体落在黄金分割线上,增加视觉舒适度

  2. 中心聚焦:社交媒体适配性强,缩略图清晰易读

  3. 动静结合:静态主体 + 流动线条或粒子,营造科技流动感

  4. 留白策略:四周留白便于加文字信息或 Logo


4. 设计关键词

  • 稳健(Trustworthy)

  • 科技感(Tech-inspired)

  • 高质感(Premium)

  • 几何化(Geometric)

  • 立体光影(3D Lighting)

  • 金融象征(Financial Symbols)

  • 社交传播友好(Social-friendly)


5. 可迁移的点

  • 行业迁移:不仅适合银行,也适合保险、科技公司、加密货币品牌、金融科技应用

  • 风格迁移:把金融元素替换成行业专属元素(医疗、教育、零售等),保留 3D 场景结构与光影

  • 平台适配:同一 3D 场景调整构图比例,即可适配 Instagram、LinkedIn、抖音等不同尺寸


6. 最简单的执行方式(低成本版)

  1. 软件:Blender(免费)+ Canva/Photoshop 后期排版

  2. 建模

    • 用 Blender 现成几何体 + 金融符号 SVG 导入挤出成型

    • 用内置材质(金属、玻璃、渐变)快速出效果

  3. 灯光

    • 主光 + 辅光 + 背景光三点布光

    • 在背后加大范围 Area Light 制造光晕

  4. 输出

    • 1920×1920 或 1080×1080(社交媒体友好尺寸)

    • 渲染后在 Photoshop 加品牌色背景和文字

 

兰亭妙微(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。

Garmin 拥有我的所有数据——那么 Runna 为什么要为我制定更好的训练计划呢?

杰睿 设计管理与成长

Runna 与 Garmin 的标志
Runna 与 Garmin 的对比

三年前的圣诞节,我收到了一块 Garmin 手表。

按 Enter 键或单击即可查看完整尺寸的图像
Garmin 手表图片
我漂亮的 Garmin 手表(我有中间的那块)

当时我已经跑过几次马拉松了,但我从来没想过自己会像以前那样,追踪心率、恢复时间、步频……我只是跑而已。不过,嘿,这真是个礼物。所以我戴上它,很快就变成了那种即使走到街角商店也戴着Garmin手表的人。

让我惊讶的是,我竟然如此喜欢它。看到我的静息心率下降?太棒了。长跑后的恢复时间?奇怪的是,令人满足。手腕上那些科技感十足的小绿灯?感觉非常严肃。慢慢地,我开始思考:也许Garmin了解我。

几个月前,在备战爱丁堡马拉松训练时,我决定用 Runna 来“偷懒”。如果你还没听说过 Runna,它是一款训练应用,可以根据你的目标、日程安排、过往表现和进度,为你制定个性化的跑步计划。它就像口袋里装了一位真正的教练,只是省去了写字板和短袜的麻烦。

这次,为了我的下一场马拉松(如果你想知道的话,是在香槟区),我想:还是给Garmin一个机会吧。他们有我多年的数据。他们肯定比任何人都更有能力为我制定一个有效的计划。

他们不能。

用户体验对决:Runna vs Garmin

让我们来分析一下。

目标设定

  • Runna:有人问我是否在为比赛进行训练,旨在提高距离,产后恢复(尊重),甚至进行一些混合功能健身。
  • Garmin:“跑步还是骑行?”然后……“比赛还是里程碑?”就这样。甚至连“新手爸妈想在午睡间隙偷偷跑步”都算不上。
按 Enter 键或单击即可查看完整尺寸的图像
目标设定:Runna 与 Garmin
目标设定:Runna 与 Garmin

种族选择

  • Runna:我输入了我真正要跑的马拉松的名字。它就弹出来了。太神奇了。
  • Garmin:仅限常规的 5 公里、10 公里和半程马拉松选项。Garminland 似乎没有全程马拉松。
按 Enter 键或单击即可查看完整尺寸的图像
选择你的比赛:Runna 和 Garmin
选择你的比赛:Runna 和 Garmin

时间估算

  • Runna:根据我过去的跑步情况,他们建议我制定一个明智且可实现的目标时间。
  • Garmin:尽管过去 3 年里我每次跑步都戴着 Garmin,包括参加多次半程马拉松,但它们却没有任何提示。

训练计划

  • Runna:为我量身定制。恰好在合适的一周开始,让我为比赛做好准备。感觉很有挑战性,但也很现实。
  • Garmin:选个教练,选个计划。第一次跑步?九分钟……中间走两分钟。我两个月前真的跑过一场马拉松。我们来这里干什么?

Garmin 用户体验中最糟糕的四个方面(我统计的)

  1. 缺乏个性化:仍然显示骑行选项。我从来没有骑过自行车,一次也没有。除了 2021 年骑 Lime Bike 去赶地铁。
  2. 问我跑步习惯是什么:你好?你有我的手表数据吗?
  3. 教练描述:Vibes-y bios,不清楚他们将如何帮助
  4. 同一流程中多次请求条款和条件 + 隐私:为什么我们要重复执行此操作?您还好吗?

令人心碎的是:Garmin 有数据,但没有产品。

真让人沮丧:我信任Garmin,真的。他们三年来一直在追踪我的每一次心跳。但到了用这些数据来指导我的时候,他们好像把所有知道的都忘了。

如果您允许的话,我提出一些假设:

1. 遗留系统和缓慢的迭代

Garmin 的软件的发展速度跟不上其收集的数据的速度。

2. 以教练为中心,而不是以用户为中心

他们的计划是由少数教练制定的。这对品牌来说很棒,但灵活性却很糟糕。这种体验感觉就像:“这是教练杰夫认为你应该做的”,而不是“这是根据你最近的跑步情况你需要做的”。

3. 风险规避

一个放之四海而皆准的计划总比一个过度拟合的计划好,对吧?错了。跑步者能分辨出一个计划什么时候不靠谱。

4. 硬件>软件

Garmin 的真正业务是手表,而不是教练。应用体验感觉像是他们一直在维护的一个功能,而不是他们真正投入的东西。

Runna 的正确之处:利用数据和同理心进行设计

让我们把鲜花送给该送的人吧。

  • 实时调整:错过训练?它会调整。感觉不舒服?它会减慢你的速度。例如,我最近因为生病错过了几次训练,回来后,Runna 会立即询问我是否要根据错过的训练重新调整计划,还是继续使用原来的版本。感觉这款应用真的在为我着想,而不是照搬剧本。
  • 目标明确:您始终知道每次锻炼的原因。
  • 对话式用户界面:设置起来感觉就像与教练聊天,而不是 2012 年的尘封 PDF。
  • 势头强劲:Runna 发展迅猛。你看得出他们一直在迭代、测试、改进。感觉充满活力。

Runna 成功地建立了信任,在像马拉松训练一样亲密的空间里,信任比统计数据更重要。

Garmin 仍然会追踪我的每一次跑步,但 Runna 会告诉我接下来该跑哪条路。这就是差距。

那又怎样?Runna 不仅打造了一款出色的产品,还填补了其他人未曾发现的空白

我越想越觉得:Runna 之所以能蓬勃发展,是因为其他训练计划都停留在过去。

Garmin、Polar、Coros……大多数巨头都把教练功能放在了硬件之后再考虑。他们的训练计划仍然感觉像是 2015 年的 PDF 文件,只是换了个用户体验。智能手表已经进化了,跑步者也已经进化了。

Runna 看到了其中的差距。一款从用户情境出发,运用实时数据,像真正的教练一样灵活调整,并且使用体验良好的产品?这真是开创性的……主要是因为之前没人费心去做。

这不仅仅是跑步。

您可以在以下方面感受到同样的差距:

  • 睡眠指导:为什么每个应用程序在了解我的 REM 周期后仍给出“睡 8 个小时”之类的通用建议?
  • 营养:宏观追踪器很多,但哪里有适合的实时计划,而不是 2009 年的卡路里计算器?
  • 财务指导Cleo AI!):潜力巨大,但大多数工具仍然感觉像带有表情符号的电子表格。

这里有一个产品模式。当一个传统平台收集数据,却无法将其智能化时,它就为那些更新、更快、更有同理心的平台敞开了大门。

 

兰亭妙微(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. 工具——代理如何与世界互动——搜索网络或从文档中提取信息、通过发送电子邮件、更新数据库或创建日历事件采取行动,以及呼叫其他代理、触发工作流或融合操作的编排。

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

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

WebflowFramer以及现在的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。

史蒂夫·乔布斯最重要的用户体验规则(大多数设计师都忽略了)

杰睿 设计思维

让我们先来看一个惊人的数据:根据尼尔森诺曼集团的一项研究,用户在不到10秒的时间内就会决定是否停留在网页上。没错,就是10秒。你花了几个小时(甚至几天)来完善这个设计?用户只是在眨眼间就做出了快速判断。然而,大多数设计师却忽略了一个改变游戏规则的原则——史蒂夫·乔布斯正是基于这个原则创立了苹果。

这可不是些空洞的激励话语。这条规则看似简单,却被大多数人低估了。

规则?简单比看上去的要难。

乔布斯说得最好:“简单比复杂更难。你必须努力理清思路,才能让事情变得简单。但最终这一切都是值得的,因为一旦你做到了,你就能移山倒海。”

你知道吗?他说得对。想想看——有多少次你为了“增加一个功能会更容易”而在用户界面里塞满额外的按钮?或者为了给利益相关者留下深刻印象而展示一个过于详细的线框图?(我经历过,也做过。)但这种做法呢?这与苹果产品令人上瘾的本质背道而驰。

那么,让我们来分析一下。

为什么大多数设计师忽略了这条规则

问题在于:我们都在忙于各种优先级的权衡。用户想要同时拥有所有功能(“为什么这个应用不能同时煮咖啡?”)。产品经理总是问:“我们能不能在这里再加五个标签?” 而截止日期则会让你怀疑时间是否真的存在。

事实上,简单并不浮夸。它不会在设计评审中赢得一片喝彩。但是——这是一个很大的“但是”——它什么能取得成果。因为简洁不仅仅关乎视觉效果。它在于减少摩擦,让选择变得轻松。它在于在用户意识到问题存在之前就解决问题。

想要证据?看看初代 iPod。一个滚轮,一个按钮。革命性的。

一个令人谦卑的个人故事

好吧,坦白说。几年前,我为一款 SaaS 应用设计了这个仪表盘。当时我兴奋不已。我把所有你能想到的指标都加进去了。页面浏览量、参与度、转化漏斗、用户热图——应有尽有。这简直就是一场数据自助餐(至少我是这样认为的)。但当我们上线的时候,你猜发生了什么?

一片空白。用户不知所措。没人知道该点击哪里。

确实少更多的

如何拥抱简单(而不失去理智)

这就是关键所在。如何才能把这个原则应用到自己的工作中,又不至于费尽心思呢?(说实话,简化比想象中难得多。)

  1. 严格确定优先顺序:问问自己,“一件事“这难道不是用户绝对需要的东西吗?”如果它不是任务关键型的,那么它很可能就是混乱的。
  2. 使用“奶奶测试”:你那不懂技术的奶奶能不用说明书就能用上你的设计吗?如果不行,那就重新开始吧。
  3. 多说“不”:这一点很难,但乔布斯本人就是这方面的高手。他曾经放弃苹果的一系列产品,专注于Mac、iPod和iPhone。说“不”并非失败,而是专注。
  4. 疯狂测试简洁并非仅仅源于直觉。让真实用户测试你的设计。观察他们遇到的问题。修复它,然后重复。

简单带来的情感回报

关键在于:简单不仅仅是好的设计,更是情感化的设计。

当用户觉得你的产品“很好用”时,他们会心怀感激。他们会记住这种体验,会推荐给朋友,还会再次购买。乔布斯比任何人都更了解这一点。苹果的成功并非建立在“最多的功能”上,而是建立在最佳体验上。而最佳体验总是简洁易用。

你的挑战

所以,我向你提出一个挑战:下次你设计东西的时候,停下来。问问自己:“乔布斯会怎么做?”然后……精简。改进。打磨。因为简单不仅仅是一个原则,而是一种超能力。

现在,去创造一些精彩的东西吧!嘿,如果你也有自己的简约故事(或者对乔布斯规则的精彩解读),欢迎在评论区留言。让我们继续讨论。

从零到上线:小程序开发全流程指南(含界面设计要点)

杰睿 移动端UI设计文章及欣赏

小程序已经不是什么新鲜事物了,从微信到支付宝,从抖音到百度,几乎每个主流平台都有自己的小程序生态。对企业来说,它是低门槛触达用户的工具;对个人开发者来说,它是快速试水产品想法的方式。

如果你从没做过小程序,不知道从哪下手,这篇文章会帮你理一遍全流程,并从界面设计的角度给出一些实用建议,让你从“想做”到“上线”不再迷茫。


1.明确目标与平台选择

小程序不是只有微信这一种,常见的平台有:

微信小程序:用户量大,生态完善,适合大多数应用场景。

支付宝小程序:金融、生活缴费、电商支付等场景强。

抖音小程序:适合内容带货、短视频场景导流。

百度小程序:搜索入口强,适合工具型和信息型应用。

建议:先想清楚你的目标用户在哪个平台活跃,再决定优先开发哪个平台的小程序。


2.注册与认证

不同平台的小程序都需要先注册账号:

注册开发者账号(企业、个体工商户、个人都可以,功能权限会不同)。

进行实名认证(企业通常需要营业执照,个人只需身份证)。

获取 AppID(这是你的程序唯一标识)。


3.准备开发环境

以微信小程序为例,开发环境配置步骤:

下载微信开发者工具(Windows/Mac 都有)。

选择语言框架

  1. 原生开发(WXML + WXSS + JS)
  1. 第三方框架(Taro、Uni-app、WePY 等,支持多端同时发布)

使用 AppID 创建项目(测试阶段可用“体验版”AppID)。


 

4. 设计与原型:从交互到视觉的桥梁

小程序虽然运行在移动端,但它并不是传统的 APP。它的页面切换、加载速度、交互逻辑都有一些特殊限制,所以 UI 设计需要有针对性。

设计要点

界面结构简洁 小程序的核心优势是“轻量”,用户希望在 13 步内完成操作。UI 结构建议保持 23 层深度,不要做复杂的菜单树。

尺寸与单位

  1. 设计稿一般用 750px 宽(对应 rpx 单位,自适应不同屏幕)
  1. 可触控区域最小建议 88rpx × 88rpx,避免手指误触。

一致性

  1. 按钮样式、色彩体系、字体大小在全局保持一致。
  1. 使用平台提供的 UI 规范(微信有 WeUI),减少开发适配成本。

首屏体验

  1. 保证 2 秒内展示核心内容。
  1. 可以用骨架屏或渐进加载提升感知速度。

适配多端主题 微信等平台支持暗色模式,设计时要考虑浅色/深色的对比度。


5.核心开发步骤

小程序基本文件结构:

.json:页面配置(导航栏颜色、标题、是否下拉刷新等)

.wxml:结构(类似 HTML)

.wxss:样式(类似 CSS)

.js:逻辑与交互处理

开发流程:

搭建项目结构

编写页面模板与样式

绑定数据与事件(MVVM 思路)

调试 API(如登录、支付、获取位置等)

进行真机预览


6.接口与数据

小程序常用的数据来源:

平台 API(如微信支付、用户信息、位置等)

自有后端接口(需要部署在可访问的服务器上,支持 HTTPS)

第三方服务(如云开发、BaaS 平台)

如果不想自己搭服务器,可以用 微信云开发,直接在平台提供的云函数、云数据库上写逻辑。


7. 测试与优化:别忽视视觉细节

除了性能测试,还要做 UI 视觉与交互测试

检查不同机型下字体是否过小或溢出。

确认交互反馈(点击高亮、按钮状态变化)是否及时。

检查色彩对比度,确保在户外光线下依然清晰可读。


8.提交审核与上线

流程:

上传代码到平台

填写版本信息与更新说明

提交审核(不同平台审核时间不同,一般 1~3 天)

审核通过后可发布上线

上线后,记得持续关注数据(访问量、留存率、转化率),不断迭代优化。

 

做小程序并不一定要是程序员,很多第三方平台和低代码工具(如 uni-app、Taro、HBuilderX、即速应用)也能帮助你快速上线。但理解基础流程和开发逻辑,可以让你在产品迭代中更高效、更有掌控感。

 

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

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

杰睿 大数据可视化设计文章及欣赏

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

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

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

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

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

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

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

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

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

步骤 1. 设定精确目标

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

首先为您自己、开发人员和设计师组织需求收集流程。使用您喜欢的任何工具(MiroTrelloFigJamGoogle SheetsNotionClickUpGoogle 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。

设计师应该从 Gmail 收件箱中学习的 5 个智能 UI 经验

杰睿 设计管理与成长

当我们谈论优秀的产品设计时,我们常常会被 Dribbble 上那些炫酷的新事物、设计趋势、微交互和概念图所吸引。但关键在于:一些最好的经验教训来自于每天被数百万人使用的真实产品。

Gmail 的移动收件箱就是其中之一。

它并不浮夸,也不刻意赢得设计奖项。但它抓住了基本要素——清晰的视觉效果、高效的交互以及以用户为先的决策,让电子邮件收发变得轻松便捷。无论你是设计师、创始人还是产品人员,研究 Gmail 如何处理收件箱都能让你受益匪浅。

让我们来分析一下。

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

1. 从主页预览附件

Gmail 不会强迫你打开邮件查看对方发送的文件。如果有附件,它会立即显示在收件箱预览中,方便你即时查看和点击。

重要性:在移动设备上,每一次点击都至关重要。为用户提供访问重要内容的快捷方式,可以节省时间并减少用户挫败感。这小小的改进,却带来了巨大的可用性提升。

要点:思考用户最想从列表视图中的项目中获得什么,并将其直接呈现。不要埋没好东西。

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

2. 清晰区分已读和未读

这是最简洁、精妙且有效的用户体验示例之一:Gmail 会用加粗的主题行和更高的对比度来显示未读邮件。就是这样。没有彩色圆点,没有图标。只是巧妙地运用了字体排印。

工作原理:它可以立即扫描。你甚至不需要思考就能看到未读邮件。

设计洞察:视觉重量 > 视觉混乱。如果简单的对比度和字体样式就能达到效果,就不要添加新元素。

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

3. 自动整理收件箱标签

主要功能、社交功能、推广功能。Gmail 会将您收到的大量邮件自动分类,方便您管理。这不仅自动化,还能帮您减轻压力。

为什么这样做很明智:收件箱超载是真实存在的。Gmail 通过无需用户输入即可对内容进行分类,为用户提供了喘息的空间,并帮助他们确定优先级。

产品团队的经验:不要只展示内容,还要精心策划。智能默认设置和自动化可以减少决策疲劳。

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

4. 内联关键信息提取

以截图中的 Under Armour 邮件为例。Gmail 会提取预计送达日期,并直接显示在收件箱预览中。无需点击、滚动或搜索。

巧妙之处:它甚至在用户打开邮件之前就解答了他们的疑问。这才是效率,这才是信任。

学习要点:如果你的产品能够检测日期、状态、摘要等关键信息,就不要隐藏它。把它拿出来,在最有用的地方展示。

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

5. 简洁且内容丰富的层次结构

Gmail 的收件箱界面功能丰富:头像、发件人、主题、时间戳、预览、标签、图标。但丝毫不会让人感觉杂乱。

怎么做到的?巧妙地使用间距、字体大小、对齐方式和填充,创造出赏心悦目的视觉节奏。

设计要点:你可以展示大量内容,但又不会让人感到不知所措。关键在于层次和空间的留白。

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

从现实世界的用户界面中学习,而不仅仅是概念

这个 Gmail 细分只是UXSnaps上的众多专题之一——UXSnaps 是一个免费网站,可以对成功产品背后的 UI 模式进行逆向工程。

每一个细分都直接取材于真实的产品屏幕,并附有快速实用的课程,助您轻松应用。没有专业术语,没有空谈,只有敏锐的洞察力。

如果您真的想提高自己的设计技能,那就从这里开始吧。

 

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

日历

链接

个人资料

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

存档