Wiki 知识库

全部文档 / 标签: 用户体验

47 篇
清除

Claude 改版为什么激怒了忠实用户?品牌升级里,最忌讳动这 3 样东西

文章分析 Claude 桌面端改版引发老用户不满的原因。作者认为设计团队追求工整规范,却抹掉了产品的独特质感。作者总结品牌升级三大禁忌:一是动了用户已习惯的感官直觉,把有辨识度的个性误当不规范,导致产品同质化;二是用内部生产效率代替用户实际收益,只强调3周快速上线却未说明对用户的具体好处;三是把'做出来了'当成'证明有效了',缺乏真实任务中的行为数据验证。作者提出改版前应自问:用户心中的感官词是否被磨平、新收益能否覆盖学习成本、哪些特色必须保留。真正的升级是修掉硬伤、留住特色。

技术 › Claude Ian (伊恩) 2026-10-265.9 KB 3K 12 72

手把手教你用AI逆向现实世界,把一切改成自己喜欢的样子

文章介绍了用AI Agent(如Claude Code、Codex)逆向和改造现实电子设备的新玩法。作者通过实例展示了如何让AI清理公司会议室电视的开机广告并重做简洁桌面、逆向补光灯蓝牙协议开发统一灯光控制台、以及打造多机位相机控制台。只需把需求和设备信息交给Agent,跟着提示一步步操作,小白也能完成硬件改造。作者引用《设计心理学》理念,指出AI正在降低个性化改造设备的门槛,让普通人从产品使用者变成参与设计者,哪里不爽改哪里。

技术 › Agent 数字生命卡兹克 2026-10-2614.3 KB 16K 127 78

ChatGPT 这个更新被严重低估了:10 个最具代表性的 Intelligent UI 玩法(附提示词)

文章介绍了 ChatGPT 的 Intelligent UI 功能,该功能可在回答中直接生成可点击、可拖动、自适应的动态交互界面,实现“内容即交互”。作者梳理了官方的 4 种用法(探索想法、创建工具、学习概念、调整回答),并整理了 10 个代表性玩法及可直接复制的提示词,包括背单词卡、口语陪练、折纸教程、AA 分账、学规则、小游戏、旅行规划、商品对比、聚餐菜单、穿搭灵感板等。作者认为软件将走向“一次性”,固定界面的小工具将受冲击,学习与交互方式都会发生变革,且该功能免费用户即可使用。

技术 › OpenAI Eian 2026-10-1212.8 KB 13.4K 54 80

小程序怎么才好用?15个交互名词看图懂

文章以模拟的Punk咖啡馆点单小程序为例,图文讲解15个常见交互名词:导航栏、TabBar、页内Tabs、卡片、单元格、按钮、点击热区、表单校验、选择器、轻提示、对话框、操作面板、骨架屏、空状态与错误状态、无障碍。沿“选咖啡→选规格→加入购物袋→确认订单”的完整点单路径,说明每一步页面应有的回应,如选中状态、数量与总价更新、加载与失败提示等。最后强调提交后要区分等待、失败和结果不明三种情况,结合服务端幂等防止重复下单,并给出用AI按业务补齐交互的模板。

技术 › 前端 Adrian Punk 2026-10-0717.1 KB 111.4K 245 81

How fonts can sound

文章探讨了字体与音效之间的跨模态对应关系:大脑会自然地将声音、形状等不同感官体验联系起来,高细音对应轻盈锐利的形态,低沉音对应厚重圆润的形态。作者指出音效设计不能机械匹配字体特征,而要结合字体在屏幕上的动画方式(速度、方向、节奏)来选择声音。文中提出一个简单框架:先解读字体特性,再观察动画运动,最后选择同时支持二者的音效。好的音效设计能赋予视觉重量感与真实感,提升整体沉浸感,让观众感受到动画而非仅仅看到动画。

技术 › 前端 Mark Vassilevskiy 2026-10-058.2 KB 21.1K 231 72

小程序前端怎么设计?拆解8种类型的页面重点

文章以社群小程序开发为背景,通过分析快递100、国家博物馆、优衣库、小宇宙、星巴克、影视飓风等真实案例,拆解了8种常见小程序类型的页面设计重点。每类小程序用户目标不同,页面布局与交互重点也不同:工具服务型要突出办事入口,预约服务型要说明日期、时段与名额的依赖关系,零售电商型需支持找货与比较,内容消费型要平衡发现与播放控制,餐饮点单型要确认门店与履约方式,教育学习型需区分找课与继续学习。文章还结合功能宫格、空状态、SKU、迷你播放器等概念,总结了视觉顺序、布局方式、状态区分与操作反馈等前端设计要点。

技术 › 前端 Adrian Punk 2026-10-0232.7 KB 70.1K 252 82

可塑软件:在被锁死的应用世界里,把主动权还给用户

文章由 Ink & Switch 研究实验室撰写,探讨了传统批量生产软件的僵硬性问题:中心化开发模式让用户无法按自身需求改造工具,导致主动权丧失。作者提出「可塑软件」概念,设想一个任何人都能以最小摩擦改造软件工具的生态。文章分析了设置项、插件、改机、开源、AI 辅助编程等现有方案的局限,并提出三个关键设计模式:为用户提供从使用者到创造者的「缓坡」渐进路径、以通用可组合的「工具」替代僵化的「应用」形态、以及工具间的数据共享与界面组合。作者认为物理世界的可塑性经验值得借鉴到软件世界中。

技术 › 工具与效率 yibie 2026-09-2947.3 KB 5.5K 4 77

Design Engineer 人物志 001:Emil Kowalski

文章介绍 Design Engineer Emil Kowalski,他现就职于 Linear Web 团队,曾任职于 Vercel 设计团队,代表作包括 toast 组件 Sonner、抽屉组件 Vaul 以及动效课程 animations.dev。文章重点分析了 Sonner 的诸多细节设计:多条提示叠放展开、悬停范围覆盖卡片间隙等。作者认为 Emil 的核心贡献在于把'界面手感'这种玄学拆解为可学习、可复用的原则——动画速度、曲线、时机等,并通过组件、文章和课程传递给他人,启发开发者重视交互细节。

技术 › 前端 Ian (伊恩) 2026-09-273.4 KB 70

Meta Muse 爆火之后,我更关心:我们真的愿意把生活交给 AI 吗?

文章分析 Meta 的 AI 助手 Muse 登顶美国 iPhone 免费应用榜背后的产品逻辑:它不先展示能力,而是从用户熟悉的麻烦切入,如购物、预订、协商账单等具体任务,并解决新用户不知道输入什么的问题。作者认为长期记忆、后台任务和目标追踪可培养用户把待办事项交给固定入口的习惯,但渠道优势不等于赢得竞争。文章还关注其通过 Shop Pay、PayPal 等支付整合的商业野心,以及随之而来的信任问题:AI 替人行动的出错成本更高,数据访问与利益冲突也需警惕,长期价值需靠一次次可靠完成来证明。

技术 › Agent Smartpig 2026-09-267.0 KB 12.2K 4 72

Grok Bot 从 0 到 1 小白教程(完整 SOP)

文章复盘了马斯克发布的 Grok Bot 从原型到公开发布的产品历程:小团队用约 4 周做出内部可用原型,再花 3 周公开发布。作者从 AI 产品视角总结十条经验:缩短决策链、独立产品设计入口、陪早期用户上手、云端运行与 Computer Use 降低用户负担、以'靠谱同事'为设计框架、发布前删功能、聚焦接走完整工作流而非生成内容、关注监督成本而非单纯完成率、用脚手架思路应对模型迭代,以及普通人如何从低风险小事开始使用 Agent。

技术 › Agent 小球 2026-09-2116.4 KB 3K 8 81

给小白的 AI 产品思维提升课(一)

作者 Jeremy Xu 分享了面向小白的 AI 产品思维提升方法。文章强调产品思维无法速通但可通过正确方法在三个月内见效,提出核心观点:产品最重要的是满足用户需求而非获取流量;AI 时代的创新都踩在巨人肩膀上而非灵机一动;产品 taste 是可复制的方法论,包含交互体验(组件化最佳实践)和效果体验(benchmark 思维)。作者建议通过餐厅排队、摆盘等生活实例训练『系统二』主动思考,将产品思维锻炼成本能习惯,并给出 24 小时内可开始的三问练习法。

技术 › 工具与效率 Jeremy Xu 2026-09-159.7 KB 18.7K 105 77

AI 不需要社会分工

文章批评当前 AI 产品的两种范式:以任务为中心(如 Codex)和以 Bot 为中心(如 Grok Bot、Muse),认为两者本质相同——都把 AI 的组织工作交给用户,要求用户先分类、判断该找哪个 Bot 或建立哪个 Task。作者指出这一错误的根源是把 AI 当作人,套用人类社会的职业分工逻辑。作者提出 AI 应被理解为全知全能的'唯一神',用户只需持续地向其表达意图,AI 在后台自行理解 Intent、Episode、Project 与 Memory,所有交互应发生在同一个持续的 AI relationship 中。

技术 › Agent Cellier 2026-09-152.5 KB 4K 8 62

AI 时代,别在伪需求上 vibe coding

作者从「AI 时代要建立个人信源」这一正确却难落地的命题出发,分析了 RSS、关注 list、design skills 等方案为何都难成功:它们的正确解法都要求用户先升级身份成为「编辑」或「设计师」,而用户实际只愿付出一次点击、一次收藏的代价。文章提出伪需求的真正定义:痛点是真的,但用户愿付的行动预算是假的。结论是 AI 降低了开发成本却不改变需求真伪,正确做法是找到用户一次性、无需身份升级就能完成的动作,把它做到极致。

技术 › LLM SagaSu 2026-09-0712.1 KB 1.6K 1 81

Grok Bot 官方产品设计思考

本文介绍 xAI 团队设计 Grok Bot 的产品思考:将十几个 AI 概念收敛为 Bot、Chat、Prompt、Tool、Artifact 五个用户原语;把组织单元从聊天记录换成 Bot 名单,让心智模型从工具切换为同事;通过头像动画承载生命周期提供在场感;为每个 Bot 配备独立电脑并采用三级访问设计;用结构化卡片回答信息;能力共享而上下文按角色隔离;Routine 让 Bot 无需提示词即可按日程或事件自主工作。整个设计的核心原则是持续做减法,回归'帮人委派而非增加管理负担'。

技术 › Agent meng shao (@shao__meng) 2026-09-047.0 KB 81

UX设计:让 AI 成果从做出来到用起来

文章指出AI生产力已远超大多数人的落地能力,技术跑通不代表成果真正完成。作者提出用UX思维(进入→理解→行动→反馈→验证)构建交付闭环,并分别应用到AI工程、Artifact、网页、App和写作五个场景:AI工程要从执行成功走到任务完成;Artifact要拿来就能用;网页每屏推动一次理解;App要设计状态与后果;写作要有读者路径。最后给出交付前的UX最小闭环五步法和判断标准:用户能否在无解释的情况下独立完成任务。

技术 › 前端 Su 2026-09-029.9 KB 8.2K 19 84

Wise 靠什么让 1900 万用户相信它?

作者通过对比 Wise 网页与手机 App 的异同,探讨金融产品如何建立用户信任。一致性来自底层架构的自然结果,而差异处才蕴含设计决策。文章分析了 Wise 注册前的汇率计算器如何用透明证据完成营销、价格透明但到账时间成黑箱的矛盾、账户冻结时'无法解释'与透明品牌的冲突、轻量冻结卡片带来的用户行为改变,以及 2023 品牌改版对信任的影响。作者认为真正的信任建立在产品无法给出完整答案的时刻,这些才是最值得设计的地方。

技术 › 前端 Bear Liu 2026-09-0116.1 KB 11.8K 28 78

第一次用基金skill买纳指,竟如此丝滑!!

作者分享了自己在同花顺APP中首次使用基金Skill购买纳指指数基金的完整流程。文章详细介绍了从充值、授权安装Skill,到通过WorkBuddy进行基金申购、持仓查询和交易明细查询的全过程,并展示了AI助手在操作中提供的科普知识和风险提示。作者强调了该功能的便捷性,同时提醒用户注意账户安全和投资风险。

技术 › 工具与效率 成云杉YSC 2026-08-206.6 KB 23.6K 24 62

Bypassing Figma & Building a Knowledge Product

本文介绍了Little Plains团队如何将多年积累的工作室资料转化为可搜索的知识中心,并在此基础上构建了首个产品。文章详细阐述了知识层的构建过程,包括归档、索引、检索系统的设计,以及如何通过视觉搜索、动态聊天和语音三种方式提供公共访问。作者强调了组织知识的重要性,并分享了从传统设计转向代码驱动设计的经验,以及如何区分快速知识与深度知识以优化检索效率。

技术 › 工具与效率 Emmett 2026-08-2032.0 KB 194.9K 165 71

OJO 第一轮体验:400 积分做出了一套什么原型?

作者使用 OJO 平台的免费 400 积分,以「上海追光地图」为需求,体验了从需求分析到原型生成的完整流程。文章详细记录了积分消耗(需求分析 26 积分,生成原型 314 积分)、执行过程(激活 2 个 Skill,6 次搜索)、生成结果(结构完整但视觉偏离)、对 Skill 机制的分析(人物 Skill 实为提示词/规则)、以及预装 Skill 无法管理的限制。作者认为 OJO 适合概念验证和第一版原型,但积分消耗不可预估、视觉生成不稳定,并给出了 10 条使用建议。

技术 › 工具与效率 Xian | 弦 2026-08-197.4 KB 2.1K 6 81

修复这5个界面,让你的应用看起来好10倍

本文作者认为,与其全面重新设计应用,不如优先优化几个对用户体验影响最大的界面。作者列出了五个关键界面:引导页、首页、核心操作页、付费墙以及空状态/成功/进度状态,并分别给出了优化建议。例如,引导页应简洁明了,首页应突出核心操作,付费墙应强调价值而非功能列表。作者强调,优化这些界面能让应用在不大改的情况下显著提升质感。

技术 › 前端 Satya 2026-08-114.4 KB 97.7K 266 46

如何让你的 App 引导流程提升 10 倍(7 个实用建议)

本文介绍了优化 App 引导流程的 7 个实用技巧。核心观点是好的引导不应只罗列功能,而是帮助用户尽快体验产品价值。建议包括:定义激活时刻、先展示价值再索取用户努力、仅询问有用问题、保持单屏单一操作、使用有趣的动画、实现个性化体验以及以有意义的成果结束流程。

技术 › 前端 Jay Dwivedi 2026-08-045.0 KB 545.5K 774

电商详情页设计:三列布局与高级视觉呈现

文章探讨了电商详情页设计的常见误区,建议采用三列布局将用户问题拆解,提升页面的专业感。左列展示产品与口感,中列解释成分与功效,右列对比差异与风味。通过统一的标题、图标和留白系统,保持旗舰级视觉效果。同时提供了生成高端茶饮品牌详情页的详细提示词。

技术 › 前端 Loriel.AI 2026-08-028.4 KB

纳米Work发布会观后:老周坦诚讲话与产品亮点

文章记录了作者参加纳米Work发布会的见闻,重点提到老周讲话的坦诚、产品通过全员使用AI暴露问题并改进、内置500+岗位专家及多种AI框架聚合等特色,还分享了初中生用纳米Work助力早餐店发展的真实案例,认为纳米Work接地气且市场空间大。

技术 › LLM 向 向阳乔木 2026-07-302.7 KB

我戴了三周 Fitbit,终于看懂了 Apple 和 Google 的健康生意

作者通过三周佩戴 Fitbit 对比 Apple Health 和 Google Health,发现前者安静克制,后者主动互动。这种差异源于不同的商业模式:Apple 依赖硬件生态,Google 则依赖数据和 AI 反馈。文章深入剖析了两者在数据采集、AI 教练设计及产品逻辑上的根本区别,并警示小团队不应盲目照搬,需找到适合自身的商业引擎。

技术 › 方法论 Bear Liu 2026-07-2216.1 KB 21.4K 47

如何让你的 App 质感提升 10 倍(速查表)

文章分享了提升应用质感的 9 个关键技巧:优化引导流程、添加有意义的动效、精心设计空状态、增加触觉反馈、统一图标风格、提升响应速度、使用人性化文案、研究优秀应用案例,以及寻求专业设计团队支持。强调通过细节打磨而非单纯增加功能来改善用户体验。

技术 › 前端 Satya 2026-07-194.4 KB 241.1K 1.1K