AI在线 AI在线

交互设计

AI友好型组件库才是未来?4个特点帮你快速了解!

随着 AI 大模型在 B 端设计领域的应用深入,引发出了一个新的概念:AI Friendly 组件库,也就是指专为适配、协同或 AI 功能而设计的 UI 组件集合,核心是让组件能与 AI 模型、算法或交互逻辑高效融合,而非仅服务于传统人工操作的界面呈现。 我所理解的 AI Friendly 组件库功能及特性有以下几个维度:组件库支持 AI 自动生成业务组件. 组件库能够调用 AI 能力完善功能.
10/30/2025 12:40:28 AM
Ant Design 元尧

用四大章节,总结AI智能体交互设计的高频问题

过去一年里我带领我的 UI 小伙伴深耕 AI agent 领域,在人机对话的细节里摸爬滚打,攒下了一些带实战温度的 EXP,趁着有更新的热情分享给大家。 和传统交互不同,AI 智能体的设计处处藏着 “反常识” 的坑:精心设计的表单,使用体验却很割裂;花心思做的图文混排卡片,反而让对话逻辑变得混乱;自以为贴心的预输入提示词,要么被用户忽略,要么限制了真实需求的表达……. 今天我把这些踩过的坑拆解成具体场景 ,希望这些经验能帮 UI 小伙伴少走些弯路,毕竟让 AI 智能体真正 “懂用户、好用、不添乱”,需要在一次次的试错里摸索出更清晰的解决方案。
10/7/2025 12:37:21 AM
MoeDesigner

4大模式+3大场景!写给B端设计师的AI上手指南

“嘿,同学们,最近是不是总听人叨叨AI、Copilot、Agent什么的,感觉全世界都在搞智能设计,就咱还在苦哈哈地画按钮、调间距? 别焦虑,我刚开始也这样! 感觉这玩意儿又复杂又遥远,但说实话,摸清门道后我发现,AI根本不是来替代咱们的,而是来给咱们‘打下手’的!
9/12/2025 12:19:27 AM
风筝KK

保姆级教程!总结AI产品的5种界面布局设计

哈喽,这里是设计夹,今天分享的是「AI 产品界面布局分析」。 当下,AI 已经融入到我们生活的方方面面。 每个人都在使用 AI 服务,所有的公司都在尝试将自家产品与 AI 相结合。
8/5/2025 12:46:47 AM
Clippp

对话式的AI智能体怎么设计?我总结了一个设计框架

ChatGPT 不仅带动了 AI 的火爆出圈,也带动了对话式交互的一种形态,那如果要设计这样一个对话式的 AI 智能体,有哪些设计内容要做呢? 借之前做 POC 项目时的思考,分享一个设计框架。 更多相关干货:.
5/27/2025 12:01:09 AM
林影落

如何做好AI产品的体验设计?先掌握这7个原则!

设计师们正在探索未知领域。 十多年来,我们首次在用户体验设计中面对一个未被开垦的全新领域。 这里没有现成的剧本,也没有既定模式可供参考。
5/9/2025 12:17:25 AM

如何做好AI提示词工程设计?掌握这4个原则就够了!

今天给大家介绍的 AI 设计范式是:提示词工程(Prompt Engineering)。 提示词工程是 AI 交互设计中的核心范式,是指为了让人工智能模型(如大语言模型)生成符合预期的输出,而对输入的提示词(Prompt)进行设计、优化和调整的一系列方法和技巧。 提示词干货:.
3/25/2025 12:21:26 AM
Ant Design 元尧

如何做好对话式AI的交互设计?高手总结了6个章节!

对话式人工智能技术正在彻底改变我们访问信息的方式,它通过提供定制化和直观的搜索体验,不仅满足了用户的需求,还为企业带来了新的力量。 一个设计精良的对话AI就像一个充满智慧的顾问,能够深刻理解用户的意图,并在庞大的数据集中轻松导航,这样的能力显著提高了用户的幸福感和参与度,建立了牢固的忠诚度和信任关系。 与此同时,企业也享受到了效率的提升、成本的节约和利润的增加。
3/5/2025 12:01:38 AM
团队iFlytek STC UXD

AI 产品体验设计的 8 个重要突破

编者按:AI 还在快速的进化,但是再强的 AI 都得服务于人。 AI 的用户界面将会往哪个方向发展? 有哪些发展趋势是值得关注的?
2/14/2025 6:08:01 AM
Patrick Morgan

6500字!深度分析AI搜索产品的发展重点和体验评价体系

前几天参加了阿里巴巴智能信息事业群和楚天都市报极目新闻联合主办的AI搜索产品闭门研讨会,结束之后又用了一整天时间把会议中我分享的内容编辑成这篇内容,和大家分享。 AI搜索产品如何做好用户体验设计? 最近在使用 360AI 搜索的时候遇到一个比较严重的产品设计问题,非常影响体验。
9/12/2024 12:06:36 AM
杜昭

会话是AI产品的理想交互形式吗?听听总监的分析!

Story|AI 的故事,大家深信不疑 ChatGPT 和 Copilot 构建了人们对大语言模型 AI 产品的基本认知。 到目前为止,似乎没有人有信心可以在原有的业务模式中做出来一个 AI native 的产品,退而求其次,大家觉得能在原来的产品中做一个“ AI”的功能就很好了。 从 2023 年开始,很多人对大模型产品化的认知是要在 AI 产品的的某个地方添加一个聊天窗口,或者这个 AI 产品就是一个聊天窗口。GPTs 也让大家自然的认为 CUI 形式的对话框就是 AI 产品的终极形态。 但,真的是这样吗?Is
9/11/2024 12:20:06 AM
柴林

别认为对话式交互是进步!详解对话式交互的6大缺点

最近两年很多 AI 产品出现之后都采用了对话式(Chat)的形式。导致很多人认为对话形式(Chat)交互相对于常见的图形化界面是一种进步。事实并非如此。 这种错误认知可能因为把 AI 技术与对话式交互画上了等号,在看到 AI 技术迅猛发展的时候。就同样认为对话式更优秀。 但这种交互形式被众多 AI 产品使用的原因只是因为这一波 AI 浪潮最大的技术进步是大语言模型。而大语言模型的核心功能之一就是生成内容。加上 OpenAI 最早使用了这种形式被后来者效仿。 在 2017 年前后上一波 AI 浪潮中,主要的技术发展方
7/30/2024 6:43:55 AM
杜昭⁰

如何让AI工具更有人情味?大厂实战案例复盘!

随着人工智能技术的不断发展,AI 工具在各个场景的应用越来越广泛。培训领域也不例外,通过 AI 模拟客户,AI 培训工具能够帮助销售人员更加真实地掌握客户需求,提高沟通技巧和销售能力。然而,要提高这类工具的使用体验,「人性化」成为重要指标。高度人性化的 AI 工具,不仅能建立用户信任感和安全感,也能提升使用效率,从而大幅提升培训效果。本文将结合笔者的 58 实战项目——灵犀AI智能陪练机器人,探讨如何通过体验设计让AI工具体验更人性化。一、AI 如何人性化 AI 工具如何提升人性化呢?在回答这个问题前,先要思考一下
6/25/2024 7:42:54 AM
团队58UXD

万字干货!11个章节深度思考人工智能体验设计

原文引自 Maximillian Piras 的文章《When Words Cannot Describe: Designing For AI Beyond Conversational Interfaces》。该译文并非完整原文,内容已做删减和调整。 人工智能的不断发展给设计师打造更直观的用户界面创造了机会。基于文本的大型语言模型解锁了许多新的可能性,因此许多人认为从图形界面转向诸如聊天机器人之类的对话界面是一种必然。然而,有大量证据表明,对许多交互模式来说,对话界面并不理想。Maximillian Piras
6/23/2024 12:43:25 AM

Apple AI 技术的到来,会对设计师产生哪些影响?

期待大半年!Apple Intelligence 终于交卷啦。事件本身热点也许已经过去,但对于设计师而言,一切只是刚刚开始。Apple AI 技术带来的机遇和挑战: 一方面,技术可能会带来一些新的设计工具和技术、设计思路的改变。另一方面,Apple AI 技术也可能会对设计师的工作产生一些挑战,需要提升自身技能点、创造力、甚至是设计思维的迭代。本文涵盖了 Apple AI 对交互界面设计领域的影响,为设计师提供一些不同的视角。密切关注技术的发展,愿自己身处于时代快速变化的洪流之中立于不败之地。 人机交互的创新与机遇
6/20/2024 12:02:08 AM
Monster

苹果的 Apple Intelligence,重新定义 AI 交互体验!

在最近的 WWDC 上,苹果发布了很多系统及功能的更新迭代,一并发布的还有智能系统 Apple Intelligence。看了苹果的发布会后,你可能会被各种五花八门的功能迷晕了眼,这篇文章就来帮你归纳和分析下苹果的 AI 系统的显著特征,主要看以下五点:设备及应用的互相联通 从内容智能到行为智能 智能硬件交互更加灵活 开放底层智能 API 接口 采用私有云做隐私保护一、设备及应用的相互联通 Apple Intelligence 将生成式 AI 模型置于 iPhone、iPhone 15 Pro、配备 M1 芯片的
6/17/2024 6:35:46 AM
Ant Design 元尧

拼多多上线AI评价!从5个体验角度全面分析新功能

今天想在拼多多上买个机械键盘,在浏览商品详情页的时候突然发现评价模块已经融合了 AI 能力,就像下面这张图:在所有评价信息的上方会有一块智能评价总结的文字:这块文字中会根据已有的全部用户的评价来智能生成整体的评价。 作者首先是比较惊讶,拼多多这种对新技术的创意性应用。设计者的思路也比较容易理解,评价信息是影响用户购买决策的非常重要的因素之一,这种方案客观上可以节省用户查看评价的时间,能够以更高的效率确定此商品受到的整体评价是偏正面的,还是偏负面的。 当然这也仅仅是理想的情况下。 因为大家都知道,现在无论任何电商平台
6/1/2024 12:46:21 AM
杜昭⁰

如何用AI生成设计稿?实战案例演示来了!(上)

从 3 月 ChatGPT 火热以来,发现它能够通过文字生成代码,并进一步渲染成页面,展现出了解决部分 UI、UX、测试和前端工作的能力。所以零零散散地进行了一些关于 Design To Code、AI 生成页面、动效等方面的学习与尝试。在本文中,我将在工作业务脱敏的基础上,梳理这些想法。目的之一是进行总结,其二是遇到一些疑问点,希望有机会与大家相互沟通学习。 本篇内容主要讨论如何用 AI 生成设计稿,以及如何在实际项目开发流程中运用,同时设计、开发组件在其中扮演很重要的角色。(全文预计 6 分钟) 更多AI实战案
12/16/2023 8:51:32 AM
糊涂的工蜂