Wiki 知识库

全部文档 / 标签: UX

8 篇
清除

高密度页面怎么组织:一份信息呈现指南

作者以前端资源缩减为契机,从后端工程师视角亲自承担前端项目,总结了高密度页面的信息组织指南。文章指出 CRUD 页面只解决数据增删改查,却不回答用户先看什么、依据什么做决定。作者提出组织信息架构的三个核心问题:用户最该看到什么、需要哪些关联信息、完成后要做什么。并以 GitHub Projects、Notion 为例,对比表格、看板、日历等'表达骨架'的适用场景,给出卡片网格、看板、日历排期、仪表盘、层级树、状态墙等 19 种信息呈现方式的参考表。指南还可直接交给 Agent 用于检查和改造前端页面,让 AI 辅助但由人把握业务判断。

技术 › 前端 Jingchao 2026-09-1317.0 KB 19.4K 164 87

前端 UI/UX 设计:一套从灵感到落地的资源地图

作者整理了自己收藏的大量前端 UI/UX 设计资源,并借助 Codex 分类归纳,形成一张面向实际工作的资源地图。文章将设计资源分为五类:真实产品案例(UXSnaps、Mobbin、SaaSFrame)、设计模式与拆解(Design Spells、Component Gallery)、设计系统与 Design Token、组件实现(Base UI、React Aria、shadcn/ui 等)以及质量验收(WCAG 无障碍、性能测试)。作者强调有效的使用顺序是:真实案例提供证据、设计原则解释原因、设计系统形成约束、组件资源加速实现、无障碍与性能完成验收,帮助读者从'抄视觉'升级为'有理由的设计'。

技术 › 前端 meng shao 2026-08-2624.0 KB 29.9K 227 84

基于 Claude Design 与 Agent 的高效开发模式实践

本文作者分享了探索出的一套高效开发模式。首先利用 Claude Design 进行 UI/UX 设计,生成包含 HTML、CSS、React 和 data.js 的代码交付物,这比传统设计稿更易于 AI 理解和版本管理;随后使用 Claude Opus 4.8 结合 Codex 实现 MVP 和功能迭代;最后通过重构优化性能。此外,作者通过逆向工程将 Claude Design 本地化并集成到 Cursor 中,实现了更流畅的工作流。

技术 › Claude 宝玉 2026-06-086.3 KB

从 GitHub CLI 学习设计 Agent 友好的命令行工具

文章分析了 GitHub CLI (gh) 的设计理念,探讨如何构建对 AI Agent 友好的命令行工具。核心观点包括:使用 Resource 层(路径+HTTP方法)解决命令爆炸问题,保留 Command 层处理无法资源化的意图(如 login);利用 --jq 精确裁剪输出以减少 Token 浪费和语义污染;以及在默认输出中采用自然语言而非 JSON,以提升 LLM 的理解效率。

技术 › 工具与效率 yan5xu 2026-05-248.1 KB 31.8K 187 84

为 Agent 设计产品

本文探讨了软件交互模式的根本性转变,指出未来 80% 的交互将由 AI 智能体完成。文章以 Salesforce 和 Ramp 为例,阐述了如何通过 API、MCP 和 CLI 将产品能力暴露给智能体。作者提出了为智能体设计的三个关键原则:明确规范以教会智能体成功、建立反馈循环以优化产品、以及填补上下文缺口以实现智能体间的协作。

技术 › Agent 宝玉 2026-04-2613.1 KB 99.9K 625 84

元宇宙是幻觉,AI才是真正的第五代UI

本文转引了 UX 泰斗 Jakob Nielsen 的观点,探讨用户界面的演进方向。文章指出,元宇宙受限于 3D 空间对高维信息处理的低效,注定是昂贵的幻觉;而真正的第五代 UI 是从几何维度转向概念维度,即由 AI 驱动的“基于意图的结果规格化”与 GUI 的混合范式,回归简单与直观。

技术 › LLM Jakob Nielsen / nash_su 2026-04-237.6 KB 26.8K 26 68

从意图到发现:设计 AI 时代的用户体验

UX 领域先驱 Jakob Nielsen 指出,AI 将交互范式从“基于命令”转变为“基于意图”,用户角色从操作者变为监督者。文章重新定义了 AI 时代的可用性指标,提出了包含意图层、编排层和直接操作层的三层设计模型。作者强调“刻意认知摩擦”以应对信任校准,并展望了未来从“生成”走向“探索潜在空间”的交互愿景。

技术 › LLM Jakob Nielsen (译: SagaSu) 2026-04-2222.2 KB 1.6K 7 84

无需设计的设计:工程师如何用 Agent 框架搞定 UI/UX

文章分享了作者作为一名工程师,利用三层代理框架实现端到端设计交付的实践。第一层通过 Impeccable 等技能注入专业审美,第二层使用 Paper 或 Pencil 等画布工具构建可代码化的界面,第三层利用 Variant 和 Mobbin 提升设计品味。作者展示了如何在不成为专业设计师的情况下,通过工具链组合突破技能瓶颈,实现每周发布高质量作品。

技术 › Agent Neethan Wu 2026-03-228.3 KB 693.2K 1.5K 89