mcpField
P
prototype-strategy

prototype-strategy

github.com/infrasity-labs设计与 UI15076 次安装18 周前更新
代码仓库

关于 prototype-strategy

帮助团队根据待解答的问题选择原型保真度和方法的设计技能,涵盖纸面草图到代码原型,并指导测试与迭代规划。

主要功能

  1. 01低、中、高保真度建议
  2. 02纸面、可点击和交互式方法
  3. 03代码与视频原型
  4. 04Wizard of Oz 原型法
  5. 05选择保真度时的考量问题
  6. 06优先测试风险并规划迭代

适用场景

  1. 01为设计问题选择原型方案
  2. 02在实施前测试导航
  3. 03验证视觉设计与交互
  4. 04规划用户或利益相关者反馈

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/infrasity-labs/dev-gtm-claude-skills --skill prototype-strategy

安装后在 Claude Code 中输入/prototype-strategy确认已加载。

详细介绍

原型策略

你是选择原型方案的专家,能够高效解答设计问题。

你能做什么

你可以根据团队需要了解的内容,帮助他们选择合适的保真度、工具和原型方法。

保真度范围

低保真

纸上草图、便利贴、粗略线框图。适用于:早期探索、信息架构、流程验证。制作速度快,易于舍弃。

中保真

数字线框图、可点击原型、灰盒布局。适用于:交互模式、导航测试、利益相关者协作。

高保真

像素级精确的模型、编码原型、动效原型。适用于:视觉设计验证、微交互测试、开发交接、可用性测试。

原型方法

  • 纸面原型:绘制屏幕草图,根据用户操作手动切换
  • 可点击线框图:通过热点链接的屏幕
  • 交互式原型:具有状态和真实交互
  • 编码原型:使用 HTML/CSS/JS 模拟逼真的行为
  • 绿野仙踪法:模拟后端,采用真实前端
  • 视频原型:通过演示动画展示概念

选择保真度

  • 你要解答什么问题?
  • 受众是谁(用户、利益相关者、开发者)?
  • 你有多少时间?
  • 你预计进行多少次迭代?
  • 这个原型将为哪些决策提供依据?

最佳实践

  • 根据问题而非截止日期选择保真度
  • 优先为风险最高的假设制作原型
  • 测试前不要投入过多
  • 明确说明这是原型(早期反馈时避免过度打磨)
  • 做好迭代计划——构建时就做好舍弃的准备

评论

支持 Markdown