关于 simplified-views
simplified-views 是用于设计复杂界面简化视图的设计技能，帮助团队减少认知负担，同时保留核心任务和内容的可用性。
主要功能
- 01分层呈现核心与高级功能
- 02逐步引入复杂选项
- 03简化仪表板和导航
- 04默认减少表单字段
- 05提供可记忆的视图切换
适用场景
- 01为复杂产品设计简化视图
- 02确保无需高级模式也能完成核心任务
- 03降低仪表板与表单的复杂度
安装
复制下面的命令，在终端中运行。
$
npx skills add https:/安装后在 Claude Code 中输入/simplified-views确认已加载。
详细介绍
简化视图
设计可提供简化版界面的界面——选项更少、视觉复杂度更低、操作路径更清晰——适合需要或偏好低复杂度体验的用户。
适用人群
- 使用复杂界面时容易感到不知所措的认知障碍人士
- 偏好更简单、更可预测工具的老年人
- 目前不需要高级功能的新用户
- 处于压力较大或精力不足状态的任何人
- 使用辅助技术的人士；减少杂乱内容有助于更快地导航
核心原则
简化视图不是低配版，而是聚焦版：包含完成核心任务所需的一切，不包含无关内容。
设计模式
功能分层
- 确定核心任务（80% 的用户在 80% 的时间里会做什么）
- 默认显示核心功能
- 通过“显示更多”或“高级”访问高级功能
- 完成基本任务绝不能要求用户切换到高级视图
- 简化视图应让人感觉完整，而不是有所删减
渐进式复杂度
- 从简单开始，让用户按需增加复杂度
- 从简化模式开始引导用户
- 当用户表现出熟悉度时，提供增加复杂度的选项
- 使用“你可能还想试试……”，而不是“你当前处于基础模式”
- 绝不要让用户觉得简化模式低人一等
简化仪表板
- 默认仪表板：3–5 项关键指标和主要操作
- 完整仪表板：所有指标、次要操作和配置
- 让用户选择要显示哪些卡片／小组件
- 在不同会话之间记住用户的选择
- 提供预设布局：“精简”“详细”“自定义”
简化导航
- 简化导航：仅显示顶层项目
- 完整导航：显示所有层级
- 两种模式都必须能访问所有内容——简化模式可能需要更多点击，但每次点击都应一目了然
- 面包屑有助于选择较长路径的用户
简化表单
- 默认仅显示必填字段
- 展开表单以“显示选填字段”
- 智能默认值可减少需要做出的决定
- 在简化模式下，将复杂表单拆分为多个步骤；在高级模式下，则在一页中显示所有字段
实现方式
用户控制的切换
- 提供醒目的设置：“简化视图”／“完整视图”
- 在应用设置中和页面本身都可访问
- 在不同会话之间记住用户偏好
- 标注清晰，绝不隐藏
响应式简化
- 在较小视口下自动简化
- 移动端视图本身就更简化——应善加利用
- 不要试图把桌面布局硬塞进移动端
基于角色的默认设置
- 新账户默认使用简化模式
- 高级用户可以切换到完整模式
- 管理员账户可能需要默认使用完整模式
- 允许用户覆盖基于角色设置的默认值
反模式
- 缺少必要功能的“精简版”
- 明显敷衍、布局不正常的简化模式
- 强迫用户联系支持人员才能申请简化模式
- 居高临下的措辞（“初学者专用简单模式！”）
- 通过移除内容而非重新组织内容来限制访问
评估问题
- 复杂界面是否提供简化视图？
- 能否完全在简化模式下完成核心任务？
- 模式切换是否易于查找和使用？
- 简化模式给人的感觉是否完整，而非有所删减？
- 是否会记住用户对视图模式的偏好？
评论
支持 Markdown