SuperAPI AI 工具集

laws-of-ux

设计与创作

查看项目

更新于 10-28 21:05

技能介绍

用途

Laws of UX 是一个用于审查界面交互体验的技能,依照 userinterface.wiki 上发布的 UX 法则,检查一个流程、表单、菜单或空白与加载状态中存在的摩擦点。它定位的是具体的不匹配,而不是笼统地希望界面“更简单”。

检查内容

目标与时钟:交互目标较小一边至少 32px;可见图形更小时需扩展命中区域(命中区域的内缩写法属于伪元素技能)。界面应在 400ms 内响应或给出即时反馈;无法快速完成时展示骨架屏、乐观值或进度指示。多步骤目标需展示进度;保留未完成的资料或清单,而不是隐藏缺口;流程结束应有明确的成功状态。

选项、顺序与分组:当多数用户只需少量选项时,不要一次性呈现全部选项,高级选项可隐藏在折叠区后。长数据按约 5–9 个一组分块(如卡号按四位分组)。关键项放在首位或末位,而非菜单中间。

输入与一致性:接受杂乱输入并展示整洁输出(如拒绝正常粘贴的电话字段即为问题)。使用用户已熟悉的控件。把格式化与计算交给系统。相关项间距小于无关项(示例:标签下 4px、输入框下 2px、下一组前 24px);相同功能外观一致;用边界或共享区域分组,而不仅靠留白;同属一个流程的步骤用线条等视觉方式连接。

强调与简化:主要或破坏性操作在视觉上明显区分;在风格化产品中出现原始控件、或原始产品中出现风格化控件,均属于问题;将杂乱区域简化为一个清晰表单;删去不服务于当前步骤的多余文案与装饰元素。除非用户询问要削减什么,否则不把功能标记为不重要的 80%。

范围边界:间距令牌与阴影属于视觉设计技能;动画时长属于 time-functions 技能;此处的 400ms 规则指界面响应时间,不是过渡动画长度。类型、颜色、动效、声音等视觉取值由相应领域技能负责。

使用方式

  1. 命名表面:阅读范围内的文件或屏幕,用一句话复述主要操作;若请求是“审查整个产品”,需询问具体哪个流程。
  2. 检查目标与时钟、选项与分组、输入与一致性等各组成对项。
  3. 报告并停止:先写发现,再写摘要,每个根因一行;不在同一轮提出新的信息架构。

报告格式

每条发现以「文件:行号 - [规则标识] 问题描述」的形式给出,随后附摘要表(规则、数量、严重程度)。严重程度分级:HIGH 为小于 32px 且无扩展命中区域的目标,或超出用户可察觉时点仍无反馈的等待;MEDIUM 为缺失成功或进度状态、无折叠的选项列表、相关字段按无关字段间距排布;LOW 为次要控件上的序列位置或相似性问题。

验证方式为读取范围内文件中声明的取值,浏览器为可选项;无法执行的检查标注为“未验证”。存在任何 HIGH 时阻断,否则通过,并保留表格中较低的条目。绝不通过未读过的文件;无内容可报告时写“No actionable findings”并列出未验证项。

适用场景与限制

适用于流程、表单、菜单、空白状态与加载状态的体验审查。限制在于:它只依据资料中列出的 UX 法则进行检查,不涉及视觉设计取值、动效时长或其他领域问题;资料中未提供安装方式、收费模式或平台支持的说明。