联盟
-
让体验升级！超全面的AI用户体验设计要素总结
一、全文速览图 二、AI用户体验要素 从 GUI 到 Agent 协作，用户体验设计正经历一场范式转移。本系列分享将从八个核心维度，系统对比传统纯 GUI 交互与“自然语言+ 协作”模式的差异，并探讨 AI 时代产品设计的新原则、新工具与新心智模型。 在纯 GUI 时代，人与软件的关系本质上是“人操作工具”。你想完成一个任务，就必须亲自手持这把名为“界面”的工具，一步步地切割、打磨，直至成型。而在…- 0
- 0
-
AI友好型组件库才是未来？4个特点帮你快速了解！
随着 AI 大模型在 B 端设计领域的应用深入，引发出了一个新的概念：AI Friendly 组件库，也就是指专为适配、协同或 AI 功能而设计的 UI 组件集合，核心是让组件能与 AI 模型、算法或交互逻辑高效融合，而非仅服务于传统人工操作的界面呈现。 我所理解的 AI Friendly 组件库功能及特性有以下几个维度： 组件库支持 AI 自动生成业务组件 组件库能够调用 AI 能力完善功能 组…- 0
- 0
-
为什么很多大厂主按钮不用主题色？原来还有这5个设计方法！
我发现很多人设计主按钮，只会用主题色。而很多大厂设计的主按钮，并不统一用。 注意，这里讲的不是作为陪衬的次按钮，而是一个页面上最显眼的主按钮 CTA (Call to Action) 按钮。 YouTube 里几乎很少见到红色按钮，大多是黑色： 但是 YouTube 的黑底广告卡片上，又用了白色的主按钮： 美国的电商平台 Etsy 做过一个 A/B 测试，对比商品详情的“加入购物车”按钮用黄色和黑…- 1
- 0
-
告别转圈焦虑！5个提升用户体验的等待时刻设计技巧
哈喽，这里是Clip设计夹，今天分享的是「等待时刻的交互体验」。打开APP一直在加载转圈、快递位置长时间不更新、预计时间到了外卖还没送达——这些时刻是不是让你越等越烦躁？这些场景一旦卡住，我们都会很着急：系统怎么没反应？继续等下去有用吗？ 1. 可预测型 可预测表示等待完成的时间是明确的，例如清晰告知外卖送达时间、司机还有多久到达、加载还需多久等。用户知道了大概需要等待的时间，对等待有预期也会对产…- 0
- 0
-
用户总怪AI不准？教你用4个方法建立信任度！
面对产品中的 AI 能力，用户的过分信任和不信任都不是好事。如何通过设计让用户建立起合适程度的信任？本文列举了一些具体方法和实例。 更多方法： 本文节选自 Medium 上的《Building and calibrating trust in AI》，原作者 Dr. Janna Lipenkova。 展示 AI 得出结论的“思考过程” ③ 引用（Citations）：将输出链接到源数据，无论是文档…- 0
- 0
-
顶尖高手出品！如何用AI快速完成用户研究设计？
2025 年 8 月 ChatGPT 5 中深度研究功能的位置 十个月前，我在 Medium 上发表了关于 AI 在用户体验领域应用的文章，没想到成了 “爆款”，阅读量达数千次，远超博客上的其他文章。但在生成式 AI 领域，十个月就像过了很久，变化太快，那篇文章有些内容已经过时了。 后来，我的母校 —— 伦敦大学城市学院圣乔治分校的人机交互设计系联系我，邀请我在他们的年会上发言，我欣然接受了这个机…- 0
- 0
-
AI 产品交互必修课！如何通过对话设计，让AI真正读懂用户？
一、AI Chat 为什么需要“Sug”？ 其实在之前 《AI 交互高频问题汇总：UI 必看的实战总结》这篇文章里，稍微介绍过关于预设提问/预设输入的功能设计，它们是 Sug 的一种应用，这里会更加详细的讲解。 在每一个 AI Chat 产品中，我们几乎都能看到在对话气泡下方或者输入框上方，布局着几个小小的按钮或提示。我们管它叫 “sug”—— Suggestions（建议/提示）。 它们形态各异…- 0
- 0
-
从设计执行变项目主导！揭秘大厂高手主动赋能业务的3个关键步骤
对自己要求比较高的，在工作中一定都会遇到有关“主动赋能业务”的工作问题，比如有同学问过我： 总被领导说没有主动赋能业务的觉悟，不会主导项目。但我觉得师还是处于整个产品链路的后端，产品经理会告诉设计师业务的定位和产品具体的功能，然后我们设计师就根据要求做完了设计，提交给开发，之后在等开发完成后做走查。到底怎么做才能从“设计执行”变成“项目主导”，翻身做主人呢？ 这个问题其实很真实。不过，设计虽然是处…- 0
- 0
-
B端数据可视化设计第三弹！14个章节带你掌握表单设计（下）
左：降噪前 右：降噪后 ②隐藏非必填的字段，只保留用户必须填写的信息，如下图，把选填项收进“展示更多”。 即使明知用户没有强烈意愿填写非必填项，设置选填项也是有一定原因的： 提供更多信息的机会：一些用户可能有意愿提供更多的信息，以便获得更个性化的服务或更符合其需求的产品。因此，设置选填项可以为有意愿的用户提供一个自由填写的空间，从而更好地满足其需求。 降低填写压力：明确标识哪些项目是必填项，哪些是…- 0
- 0
-
B端数据可视化设计第二弹！4大章节带你掌握表单设计（上）
纸质表单 通过上面纸质表单，其实我们很容易理解表单的主要任务场景，就是“录入”，即用于用户或产品的数据采集。比如常见的快递单填写、单位的 OA 请假流程、CMS 后台配置产品详情等等。 既然表单的主要功能是“录入”，那么在设计表单时，就需要考虑如何尽可能的减少用户使用成本和理解负担，提高表单的容错率和操作效率，让使用者更高效更准确的完成录入工作。 一、表单的三大设计原则 1. 表意明确 在不同类型…- 0
- 0
-
新手必看！教你快速掌握一个完整的B端设计流程
最近准备开始学 B 端的零基础学员表示，对 B 端的产品、业务、设计毫无概念，每个方向找资料看似都能看懂，但没办法把它们串起来，缺乏整体的、全面的认识。 所以我今天要用一个简单的案例，来深入浅出的介绍 B 端的业务-产品-设计链条，让大家快速理解 B 端设计项目的全貌。 更多B端设计干货： 一、从渡轮预定，认识业务概念 这次案例是一个我最近在预定的船票预定服务，由一家叫名门大洋的渡轮服务公司提供。…- 1
- 0
-
UI 难点拆解！移动端列表页设计的3个要素与2种布局
往期干货： 一、列表页的基本认识 列表页就是以展示列表 List 为主的页面，所以我们需要先理解列表是什么。 列表源自编程术语，是一种数据结构，即按照线性顺序排列的数据项集合（有限序列）。说人话，就是按照一定顺序展示数据的形式。 我们再用的角度来理解它，可以把它分为 “列” 和 “表” 两个部分。我们先理解表，表就是“表格”的意思，这也是计算机中存储数据最基础的形式（关系型），我们在页面中看见的多…- 0
- 0
-
主流BI+AI产品深度解析：如何用功能与体验收拢不确定性（下）
上篇回顾： 四、过程执行 为了消除 AI 分析过程的“黑盒”感，缓解用户等待时的焦虑和对过程失控的担忧，通过展示思维链、主动澄清歧义、预确认大纲等方式，将执行过程透明化、可控化。 1. 思维链展示 把“AI 如何理解意图、如何取数、怎么得到结果”用可读的步骤呈现出来，降低黑盒感。 常见出现方式 ： 过程内澄清（拦截式） ：在思维链中插入澄清面板：先确认→再继续执行。 结果后澄清 ：先渲染“默认解释…- 0
- 0
-
谷歌都在推荐！为什么 GenUI 才是AI时代该有的设计形式？
最近 NNG Group、Google Design 等设计团队都不约而同地提到了一个关于 AI 时代的用户体验设计变革的新概念：Generative UI（），生成式 UI，并称为是 AI 时代的用户体验交互形式，深以为然。本文就来为你详细拆解下这个概念，并聊聊为什么这将成为发展的新趋势。 更多： 全文速览图 你可能会想到一个更直白的例子： 我们现在使用的诸如淘宝这类电商平台对于商品的推荐，或是…- 0
- 0
-
AI如何给交互设计提效？来看百度的实战案例！
一、前言 随着 AI 技术在电商经营各环节的加速渗透，优选商家后台从创建商品、经营管理到客服接待等核心场景，均已实现 AI 能力覆盖。商家在使用过程中面临 “不会用、不敢信” 的体验困境，经深度拆解经营痛点后我们发现，交互模式不统一、视觉表达混乱是导致这一困境的核心原因，直接增加了商家对 AI 工具的认知与使用成本。 为此，我们以“统一 AI 认知提升商家经营效率”为核心目标，发起 AI 功能体验…- 1
- 0
-
基础知识科普系列！设计师必须掌握的10种交互手势全解析
哈喽，这里是Clip设计夹，今天分享的是「解析」。 说起手机操作，大家每天都在做点击、滑动、长按这些动作吧？其实这些手势不只是简单的“点一点、滑一滑”，更是我们和手机沟通的“直观语言”。 比如刷信息流时，点一下卡片就能打开全文；看到“发送”“保存”“关注”这类按钮，点一下就执行命令。轻点就像手机操作的“万能钥匙”，撑起了大部分导航和功能触发。 不过要注意，手机交互时需给出清晰的反馈——例如点完按钮…- 1
- 0
-
同样是切换组件，开关/单选按钮/复选框该用哪个？
一、全文速览图 苹果HIG (人机界面指南) 里明确把开关、复选框、单选按钮这三类，都归为「切换开关」组件。它们的核心共性是让用户在对立的状态间做选择，通过差异化的视觉形态清晰区分选中/未选中的状态。 开关的结构非常简洁，核心分为3个部分： 轨道（背景）：开关的背景区域，也是手柄滑动的路径，通常会用颜色差异区分开/关状态，直观告诉用户当前是否激活 手柄：用户可以点击、拖动的可交互按钮部分，手柄上可…- 0
- 0
-
主流BI+AI产品深度解析：如何用功能与体验收拢不确定性（上）
往期干货： 嗨，我是范米花儿，好久不见。先说说为什么写这篇文章？ 前几天有小伙伴来咨询我 BI 作品集，其中提到希望在内展示 ChatBI 可信度相关的内容。所以我提出了几个疑问，从设计角度你打算如何讲？结果是否可信真的是设计师能决定的吗？细究起来，现在的工具真的有完全可信的吗？ 当然，AI 该放还是要放，现在作品集里确实要加 AI 才有竞争力，但别去负责技术结果，多讲讲设计过程。那么从这个角度要…- 0
- 0
-
用了3年才发现这么强！6000字拆解飞书聊天窗口
一、全文速览图 设计亮点 工作流的横向无缝集成 除了系统默认的“消息”、“文件”外，支持用户自由添加云文档、多维表格或第三方网页链接作为标签页。这意味着对话不再是孤立的，而是与核心生产力工具高度绑定的协同入口。 高自由度的个性化配置 标签页支持自由排序与自定义命名。用户可以根据项目紧迫程度，将最重要的协同资源通过“Pin”或添加标签的方式置顶，构建符合个人直觉的操作路径。 体验思考 从接触飞书到此…- 0
- 0
-
大厂常用的幽灵按钮，设计起来有点头疼
你知道什么是幽灵按钮（Ghost Buttons）吗？ 就是表面看起来像是简单的文字或图标，但鼠标悬停或触屏按下时，按钮轮廓才会显现出来。 这个词其实十年前就在外网出现了，谷歌在2018年发布的 Material Design 2 里，也包含了这种按钮样式。 Figma里更是大面积的使用这种按钮： 2. 扩大文字/图标操作的热区 如果只有图标和文字的可见区域能点击，那就很容易点错了。尤其对于触摸屏…- 0
- 0
-
新手扫盲文！交互/原型/动效/特效的本质区别是什么？
UI 设计中除了静态的界面设计外，还包含交互和动效部分的设计和输出。但对新人来说，尤其是最近社群里的讨论可以确定一点，就是无法分辨什么是交互与动效。 所以今天的分享就是聚焦这个主题，解释下面这几个要点： 交互设计 可交互原型 动效设计 特效设计 相关文章： 全文速览图 一、交互设计与可交互原型 从专业角度上讲，交互设计和界面设计虽然有交叉，但不是同一件事。界面设计指的是对我们可见元素的设计和排版，…- 0
- 0
-
7天时间，我用AI编程独自做出一个外勤小程序
一、全文速览图 嗨，我是范米花儿，换新头像了，大家别不认识我～ 最近我用AI 编程 ，独自为公司内部从0到1做了一个小程序 ，主要用来解决一件事：员工外勤填报 。 核心能力是「语音一句话」快速生成外勤记录，同时也支持手工填报、全员记录查看、客户与成员管理、考勤填报定时提醒推送等。 定义前台功能 ：先明确用户角色与最高频动作，写可迭代 PRD 方案先结构后细节 ：用 AI 产出多套方案，并用 ASC…- 0
- 0
-
那些说UI会消失的人，把人机交互理解错了一半
一、全文速览图 认知科学和信息论的研究大致估算过人类各感官通往大脑的信息通道带宽：视觉远远高于听觉，听觉又高于触觉，视觉和听觉之间的差距大约在两个数量级左右。这不是一点点差距，是一个在机场跑道、一个在乡间小路的差距。 这意味着什么？意味着任何一维的信息通道——无论是语音流、还是CLI里一行一行滚动的文本——在物理层面就不可能跟视觉竞争。 你听一段 3 分钟的播客，和看一张信息图，后者传递的信息量可…- 0
- 0
-
一篇讲清楚！设计师必看的交互基础术语扫盲大全
一、全文速览图 想要区分界面设计、体验设计、交互设计最简单的方法，就是认识设计的出发点。如果仅仅是基于产品需求把界面视觉做出来，那就是 UI 设计。如果目标是为了追求更好的用户体验，且把界面视觉作为提升体验的手段之一去完成，那就是体验设计。如果是为了制定产品界面或功能的操作方法，那就是交互设计。 虽然设计方式有区分，但它们并不是完全孤立的，而是相互之间都有很大的重叠与影响。首先体验设计同时包含视觉…- 0
- 0
沐颜小栈-MUOOY.CN
资源爱好者严选平台
交互设计
资源爱好者严选平台
标签
交互设计-共
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 8个作品
Warning: Undefined variable $count in /www/wwwroot/www.muooy.cn/wp-content/themes/b2Jitheme/Modules/Templates/Archive.php on line 496
个作品 今日上传 8个作品