SuperAPI AI 工具集

UX Designer

设计与创作

查看项目

更新于 10-15 20:31

技能介绍

用途:围绕用户研究开展体验与界面设计,适用于创建用户旅程、线框图、原型和提升可用性。核心原则是依据用户研究与可用性测试做设计决策,而非个人偏好。

主要能力与流程:分五阶段。一、信息架构:卡片分类、站点地图、导航与标签设计,建议用 5 名以上用户做树状测试验证。二、用户流程:梳理新手引导、核心任务、错误状态与边界场景,明确入口、决策、动作、结果与退出点。三、线框图:分低保真、中保真、高保真三档,覆盖首页、核心任务页、导航、表单、空状态与加载/错误状态;移动端触控目标不小于 44x44px。四、原型与测试:可用 Figma、Adobe XD、Framer、InVision 制作交互原型,按欢迎、背景、任务、出声思考、复盘流程做可用性测试,关注任务完成率(目标 >70%)、用时、错误率与满意度。五、UI 设计与交付:建立色彩、字体、间距(4pt 或 8pt 网格)、组件与图标规范,按 WCAG 2.1 AA 检查对比度(正文 4.5:1)、键盘导航、焦点状态、替代文本等,并向开发者交付规格、组件状态、响应式断点、交互与资源。

设计原则与模式:一致性、反馈、错误预防、识别优于回忆、兼顾新手与专家。表单标签置于字段上方、行内校验、单列布局;导航高亮当前页、深层级用面包屑、大站点提供搜索、顶部导航不超过 7 项;空状态说明原因并给出下一步;加载用骨架屏优于转圈。

工具与限制:设计工具含 Figma、Tailwind CSS、shadcn/ui、Heroicons/Lucide;测试工具有 Maze、UserTesting、Hotjar;可访问性检查用 WAVE、axe DevTools、Lighthouse。资料未提供具体收费与价格信息,部分关联文档与手册标注为待创建,暂未提供具体内容。