convoke-agents 2.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +920 -0
- package/INSTALLATION.md +230 -0
- package/LICENSE +21 -0
- package/README.md +330 -0
- package/UPDATE-GUIDE.md +220 -0
- package/_bmad/bme/_vortex/README.md +150 -0
- package/_bmad/bme/_vortex/agents/contextualization-expert.md +100 -0
- package/_bmad/bme/_vortex/agents/discovery-empathy-expert.md +117 -0
- package/_bmad/bme/_vortex/agents/hypothesis-engineer.md +117 -0
- package/_bmad/bme/_vortex/agents/lean-experiments-specialist.md +118 -0
- package/_bmad/bme/_vortex/agents/learning-decision-expert.md +117 -0
- package/_bmad/bme/_vortex/agents/production-intelligence-specialist.md +117 -0
- package/_bmad/bme/_vortex/agents/research-convergence-specialist.md +117 -0
- package/_bmad/bme/_vortex/compass-routing-reference.md +312 -0
- package/_bmad/bme/_vortex/config.yaml +46 -0
- package/_bmad/bme/_vortex/contracts/hc1-empathy-artifacts.md +152 -0
- package/_bmad/bme/_vortex/contracts/hc2-problem-definition.md +125 -0
- package/_bmad/bme/_vortex/contracts/hc3-hypothesis-contract.md +112 -0
- package/_bmad/bme/_vortex/contracts/hc4-experiment-context.md +140 -0
- package/_bmad/bme/_vortex/contracts/hc5-signal-report.md +130 -0
- package/_bmad/bme/_vortex/examples/hc2-example-problem-definition.md +85 -0
- package/_bmad/bme/_vortex/examples/hc3-example-hypothesis-contract.md +103 -0
- package/_bmad/bme/_vortex/examples/hc5-example-signal-report.md +76 -0
- package/_bmad/bme/_vortex/guides/EMMA-USER-GUIDE.md +232 -0
- package/_bmad/bme/_vortex/guides/ISLA-USER-GUIDE.md +208 -0
- package/_bmad/bme/_vortex/guides/LIAM-USER-GUIDE.md +255 -0
- package/_bmad/bme/_vortex/guides/MAX-USER-GUIDE.md +213 -0
- package/_bmad/bme/_vortex/guides/MILA-USER-GUIDE.md +235 -0
- package/_bmad/bme/_vortex/guides/NOAH-USER-GUIDE.md +258 -0
- package/_bmad/bme/_vortex/guides/WADE-USER-GUIDE.md +245 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/empathy-map.template.md +143 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-01-define-user.md +60 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-02-says-thinks.md +67 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-03-does-feels.md +79 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-04-pain-points.md +87 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-05-gains.md +103 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/steps/step-06-synthesize.md +104 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/validate.md +117 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/empathy-map/workflow.md +44 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-01-define-requirements.md +85 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-02-user-flows.md +59 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-03-information-architecture.md +68 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-04-wireframe-sketch.md +97 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-05-components.md +128 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-06-synthesize.md +83 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/wireframe.template.md +287 -0
- package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/workflow.md +44 -0
- package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-01-setup.md +66 -0
- package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-02-context.md +93 -0
- package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-03-risk-mapping.md +103 -0
- package/_bmad/bme/_vortex/workflows/assumption-mapping/steps/step-04-synthesize.md +101 -0
- package/_bmad/bme/_vortex/workflows/assumption-mapping/workflow.md +49 -0
- package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-01-setup.md +81 -0
- package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-02-context.md +67 -0
- package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-03-classification.md +98 -0
- package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-04-evidence.md +100 -0
- package/_bmad/bme/_vortex/workflows/behavior-analysis/steps/step-05-synthesize.md +174 -0
- package/_bmad/bme/_vortex/workflows/behavior-analysis/workflow.md +52 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/contextualize-scope.template.md +67 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-01-list-opportunities.md +47 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-02-define-criteria.md +36 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-03-evaluate-opportunities.md +30 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-04-define-boundaries.md +32 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-05-validate-fit.md +28 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/steps/step-06-synthesize.md +36 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/contextualize-scope/workflow.md +59 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/empathy-map.template.md +143 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-01-define-user.md +60 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-02-says-thinks.md +67 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-03-does-feels.md +79 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-04-pain-points.md +87 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-05-gains.md +103 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/steps/step-06-synthesize.md +107 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/validate.md +117 -0
- package/_bmad/bme/_vortex/workflows/empathy-map/workflow.md +45 -0
- package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-01-setup.md +66 -0
- package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-02-context.md +77 -0
- package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-03-design.md +114 -0
- package/_bmad/bme/_vortex/workflows/experiment-design/steps/step-04-synthesize.md +128 -0
- package/_bmad/bme/_vortex/workflows/experiment-design/workflow.md +51 -0
- package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-01-setup.md +66 -0
- package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-02-context.md +80 -0
- package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-03-brainwriting.md +79 -0
- package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-04-assumption-mapping.md +102 -0
- package/_bmad/bme/_vortex/workflows/hypothesis-engineering/steps/step-05-synthesize.md +130 -0
- package/_bmad/bme/_vortex/workflows/hypothesis-engineering/workflow.md +52 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/lean-experiment.template.md +29 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-01-hypothesis.md +58 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-02-design.md +68 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-03-metrics.md +73 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-04-run.md +75 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-05-analyze.md +84 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/steps/step-06-decide.md +111 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/lean-experiment/workflow.md +26 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/lean-persona.template.md +163 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-01-define-job.md +72 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-02-current-solution.md +83 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-03-problem-contexts.md +90 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-04-forces-anxieties.md +98 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-05-success-criteria.md +103 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/steps/step-06-synthesize.md +129 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/lean-persona/workflow.md +50 -0
- package/_bmad/bme/_vortex/workflows/learning-card/learning-card.template.md +179 -0
- package/_bmad/bme/_vortex/workflows/learning-card/steps/step-01-experiment-context.md +100 -0
- package/_bmad/bme/_vortex/workflows/learning-card/steps/step-02-raw-results.md +125 -0
- package/_bmad/bme/_vortex/workflows/learning-card/steps/step-03-analysis.md +125 -0
- package/_bmad/bme/_vortex/workflows/learning-card/steps/step-04-validated-learning.md +139 -0
- package/_bmad/bme/_vortex/workflows/learning-card/steps/step-05-implications.md +134 -0
- package/_bmad/bme/_vortex/workflows/learning-card/steps/step-06-synthesize.md +121 -0
- package/_bmad/bme/_vortex/workflows/learning-card/validate.md +134 -0
- package/_bmad/bme/_vortex/workflows/learning-card/workflow.md +51 -0
- package/_bmad/bme/_vortex/workflows/mvp/mvp.template.md +40 -0
- package/_bmad/bme/_vortex/workflows/mvp/steps/step-01-riskiest-assumption.md +17 -0
- package/_bmad/bme/_vortex/workflows/mvp/steps/step-02-success-criteria.md +13 -0
- package/_bmad/bme/_vortex/workflows/mvp/steps/step-03-smallest-test.md +13 -0
- package/_bmad/bme/_vortex/workflows/mvp/steps/step-04-scope-features.md +13 -0
- package/_bmad/bme/_vortex/workflows/mvp/steps/step-05-build-measure-learn.md +13 -0
- package/_bmad/bme/_vortex/workflows/mvp/steps/step-06-synthesize.md +28 -0
- package/_bmad/bme/_vortex/workflows/mvp/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/mvp/workflow.md +36 -0
- package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-01-setup.md +102 -0
- package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-02-context.md +81 -0
- package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-03-pattern-identification.md +88 -0
- package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-04-theme-clustering.md +100 -0
- package/_bmad/bme/_vortex/workflows/pattern-mapping/steps/step-05-synthesize.md +135 -0
- package/_bmad/bme/_vortex/workflows/pattern-mapping/workflow.md +58 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/pivot-patch-persevere.template.md +201 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-01-evidence-review.md +125 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-02-hypothesis-assessment.md +132 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-03-option-analysis.md +167 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-04-stakeholder-input.md +141 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-05-decision.md +161 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/steps/step-06-action-plan.md +188 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/validate.md +159 -0
- package/_bmad/bme/_vortex/workflows/pivot-patch-persevere/workflow.md +51 -0
- package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-01-setup.md +97 -0
- package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-02-context.md +86 -0
- package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-03-jtbd-reframing.md +88 -0
- package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-04-pains-gains-revision.md +76 -0
- package/_bmad/bme/_vortex/workflows/pivot-resynthesis/steps/step-05-synthesize.md +158 -0
- package/_bmad/bme/_vortex/workflows/pivot-resynthesis/workflow.md +52 -0
- package/_bmad/bme/_vortex/workflows/product-vision/product-vision.template.md +147 -0
- package/_bmad/bme/_vortex/workflows/product-vision/steps/step-01-define-problem.md +89 -0
- package/_bmad/bme/_vortex/workflows/product-vision/steps/step-02-target-market.md +91 -0
- package/_bmad/bme/_vortex/workflows/product-vision/steps/step-03-unique-approach.md +87 -0
- package/_bmad/bme/_vortex/workflows/product-vision/steps/step-04-future-state.md +100 -0
- package/_bmad/bme/_vortex/workflows/product-vision/steps/step-05-principles.md +92 -0
- package/_bmad/bme/_vortex/workflows/product-vision/steps/step-06-synthesize.md +170 -0
- package/_bmad/bme/_vortex/workflows/product-vision/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/product-vision/workflow.md +55 -0
- package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-01-setup.md +84 -0
- package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-02-context.md +66 -0
- package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-03-monitoring.md +74 -0
- package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-04-prioritization.md +97 -0
- package/_bmad/bme/_vortex/workflows/production-monitoring/steps/step-05-synthesize.md +183 -0
- package/_bmad/bme/_vortex/workflows/production-monitoring/workflow.md +52 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/proof-of-concept.template.md +25 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-01-risk.md +79 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-02-scope.md +105 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-03-build.md +92 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-04-test.md +103 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-05-evaluate.md +114 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/steps/step-06-document.md +125 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/proof-of-concept/workflow.md +26 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/proof-of-value.template.md +29 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-01-value-hypothesis.md +75 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-02-validation-design.md +94 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-03-willingness.md +96 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-04-test.md +107 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-05-analyze.md +116 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/steps/step-06-document.md +147 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/validate.md +30 -0
- package/_bmad/bme/_vortex/workflows/proof-of-value/workflow.md +26 -0
- package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-01-setup.md +69 -0
- package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-02-context.md +70 -0
- package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-03-jtbd-framing.md +81 -0
- package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-04-pains-gains.md +77 -0
- package/_bmad/bme/_vortex/workflows/research-convergence/steps/step-05-synthesize.md +147 -0
- package/_bmad/bme/_vortex/workflows/research-convergence/workflow.md +50 -0
- package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-01-setup.md +68 -0
- package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-02-context.md +67 -0
- package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-03-signal-analysis.md +85 -0
- package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-04-anomaly-detection.md +93 -0
- package/_bmad/bme/_vortex/workflows/signal-interpretation/steps/step-05-synthesize.md +163 -0
- package/_bmad/bme/_vortex/workflows/signal-interpretation/workflow.md +52 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-01-discovery-scope.md +77 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-02-research-methods.md +152 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-03-research-plan.md +159 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-04-execute.md +169 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-05-organize-data.md +149 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/steps/step-06-synthesize.md +159 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/user-discovery.template.md +231 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/validate.md +153 -0
- package/_bmad/bme/_vortex/workflows/user-discovery/workflow.md +45 -0
- package/_bmad/bme/_vortex/workflows/user-interview/steps/step-01-research-goals.md +100 -0
- package/_bmad/bme/_vortex/workflows/user-interview/steps/step-02-interview-script.md +123 -0
- package/_bmad/bme/_vortex/workflows/user-interview/steps/step-03-recruitment.md +144 -0
- package/_bmad/bme/_vortex/workflows/user-interview/steps/step-04-conduct.md +154 -0
- package/_bmad/bme/_vortex/workflows/user-interview/steps/step-05-findings.md +163 -0
- package/_bmad/bme/_vortex/workflows/user-interview/steps/step-06-synthesize.md +171 -0
- package/_bmad/bme/_vortex/workflows/user-interview/user-interview.template.md +250 -0
- package/_bmad/bme/_vortex/workflows/user-interview/validate.md +142 -0
- package/_bmad/bme/_vortex/workflows/user-interview/workflow.md +51 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-01-current-state.md +56 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-02-evidence-inventory.md +70 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-03-gap-analysis.md +76 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-04-stream-evaluation.md +57 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-05-recommendation.md +65 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/steps/step-06-navigation-plan.md +72 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/validate.md +75 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/vortex-navigation.template.md +105 -0
- package/_bmad/bme/_vortex/workflows/vortex-navigation/workflow.md +54 -0
- package/index.js +56 -0
- package/package.json +77 -0
- package/scripts/README.md +226 -0
- package/scripts/convoke-doctor.js +322 -0
- package/scripts/docs-audit.js +584 -0
- package/scripts/install-all-agents.js +9 -0
- package/scripts/install-vortex-agents.js +208 -0
- package/scripts/postinstall.js +104 -0
- package/scripts/update/convoke-migrate.js +169 -0
- package/scripts/update/convoke-update.js +272 -0
- package/scripts/update/convoke-version.js +134 -0
- package/scripts/update/lib/agent-registry.js +144 -0
- package/scripts/update/lib/backup-manager.js +243 -0
- package/scripts/update/lib/config-merger.js +242 -0
- package/scripts/update/lib/migration-runner.js +367 -0
- package/scripts/update/lib/refresh-installation.js +171 -0
- package/scripts/update/lib/utils.js +96 -0
- package/scripts/update/lib/validator.js +360 -0
- package/scripts/update/lib/version-detector.js +241 -0
- package/scripts/update/migrations/1.0.x-to-1.3.0.js +128 -0
- package/scripts/update/migrations/1.1.x-to-1.3.0.js +29 -0
- package/scripts/update/migrations/1.2.x-to-1.3.0.js +29 -0
- package/scripts/update/migrations/1.3.x-to-1.5.0.js +29 -0
- package/scripts/update/migrations/1.4.x-to-1.5.0.js +29 -0
- package/scripts/update/migrations/1.5.x-to-1.6.0.js +95 -0
- package/scripts/update/migrations/1.6.x-to-1.7.0.js +29 -0
- package/scripts/update/migrations/1.7.x-to-2.0.0.js +31 -0
- package/scripts/update/migrations/registry.js +194 -0
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
---
|
|
2
|
+
step: 5
|
|
3
|
+
workflow: empathy-map
|
|
4
|
+
title: Gains
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Step 5: Gains
|
|
8
|
+
|
|
9
|
+
Let's identify what your target user **wants to achieve** - their desired outcomes, needs, and measures of success.
|
|
10
|
+
|
|
11
|
+
## Why This Matters
|
|
12
|
+
|
|
13
|
+
Pain points show us problems. Gains show us aspirations. Together they give us a complete picture:
|
|
14
|
+
- Pain points β What to fix
|
|
15
|
+
- Gains β What to enable
|
|
16
|
+
|
|
17
|
+
Understanding gains helps us:
|
|
18
|
+
- Design solutions that deliver meaningful value
|
|
19
|
+
- Prioritize features based on desired outcomes
|
|
20
|
+
- Measure success from the user's perspective
|
|
21
|
+
|
|
22
|
+
## Types of Gains
|
|
23
|
+
|
|
24
|
+
**Functional Gains** - Tasks completed faster, processes simplified, efficiency improved
|
|
25
|
+
|
|
26
|
+
**Emotional Gains** - Reduced stress, increased confidence, peace of mind
|
|
27
|
+
|
|
28
|
+
**Social Gains** - Better collaboration, improved reputation, team alignment
|
|
29
|
+
|
|
30
|
+
**Aspirational Gains** - Career advancement, skill development, professional growth
|
|
31
|
+
|
|
32
|
+
## Your Task
|
|
33
|
+
|
|
34
|
+
### Identify 4-6 Gains
|
|
35
|
+
|
|
36
|
+
For each gain, capture:
|
|
37
|
+
1. **The Gain** - What do they want to achieve?
|
|
38
|
+
2. **The Value** - Why does this matter to them?
|
|
39
|
+
3. **Success Metric** - How would they know they achieved it?
|
|
40
|
+
|
|
41
|
+
**Example:**
|
|
42
|
+
|
|
43
|
+
**Gain #1: See All Campaign Performance in One Dashboard**
|
|
44
|
+
- **Value:** Stop wasting time switching tools; make faster data-driven decisions
|
|
45
|
+
- **Success Metric:** Can check all campaign metrics in under 2 minutes vs. current 15 minutes
|
|
46
|
+
|
|
47
|
+
**Gain #2: Automated Lead Scoring**
|
|
48
|
+
- **Value:** Send higher-quality leads to sales, improving marketing-sales relationship and conversion rates
|
|
49
|
+
- **Success Metric:** Sales team accepts 80%+ of marketing-qualified leads vs. current 45%
|
|
50
|
+
|
|
51
|
+
**Gain #3: Predict Campaign Performance Early**
|
|
52
|
+
- **Value:** Optimize underperforming campaigns before budget is wasted; increase ROI
|
|
53
|
+
- **Success Metric:** Adjust campaigns within first 48 hours based on performance signals
|
|
54
|
+
|
|
55
|
+
**Gain #4: Collaborative Campaign Planning**
|
|
56
|
+
- **Value:** Get team alignment before launch instead of fixing issues after launch
|
|
57
|
+
- **Success Metric:** Team approves campaign plan in 1 meeting vs. current 3-4 rounds of revisions
|
|
58
|
+
|
|
59
|
+
## Tips for Success
|
|
60
|
+
|
|
61
|
+
**Link to Pain Points:**
|
|
62
|
+
- Gains often flip pain points into aspirations
|
|
63
|
+
- Pain: "Data scattered across 6 tools" β Gain: "See everything in one dashboard"
|
|
64
|
+
|
|
65
|
+
**Be Outcome-Focused:**
|
|
66
|
+
- Not "Use our tool" but "Complete campaigns 30% faster"
|
|
67
|
+
- Not "Have more features" but "Reduce manual work by 50%"
|
|
68
|
+
|
|
69
|
+
**Include Metrics:**
|
|
70
|
+
- Time saved
|
|
71
|
+
- Quality improved
|
|
72
|
+
- Confidence increased
|
|
73
|
+
- Collaboration enhanced
|
|
74
|
+
|
|
75
|
+
**Distinguish Must-Haves from Nice-to-Haves:**
|
|
76
|
+
- Which gains are critical for user success?
|
|
77
|
+
- Which gains are differentiators vs. table stakes?
|
|
78
|
+
|
|
79
|
+
## Connecting Gains to Pain Points
|
|
80
|
+
|
|
81
|
+
Notice how gains address pain points:
|
|
82
|
+
|
|
83
|
+
| Pain Point | Desired Gain |
|
|
84
|
+
|------------|--------------|
|
|
85
|
+
| Data scattered across 6 tools | Unified dashboard with all metrics |
|
|
86
|
+
| Can't see real-time performance | Live campaign analytics with alerts |
|
|
87
|
+
| Manual lead scoring | Automated lead qualification |
|
|
88
|
+
| Time-consuming report generation | One-click reports with key insights |
|
|
89
|
+
|
|
90
|
+
---
|
|
91
|
+
|
|
92
|
+
## Your Turn
|
|
93
|
+
|
|
94
|
+
Please identify 4-6 gains your target user desires. For each gain, include:
|
|
95
|
+
1. What they want to achieve
|
|
96
|
+
2. Why it matters (the value)
|
|
97
|
+
3. How they'd measure success
|
|
98
|
+
|
|
99
|
+
## Next Step
|
|
100
|
+
|
|
101
|
+
When you've documented the desired gains, I'll load:
|
|
102
|
+
|
|
103
|
+
{project-root}/_bmad/bme/_designos/workflows/empathy-map/steps/step-06-synthesize.md
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
---
|
|
2
|
+
step: 6
|
|
3
|
+
workflow: empathy-map
|
|
4
|
+
title: Synthesize
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Step 6: Synthesize
|
|
8
|
+
|
|
9
|
+
Time to bring it all together and create the final empathy map artifact.
|
|
10
|
+
|
|
11
|
+
## Why This Matters
|
|
12
|
+
|
|
13
|
+
We've gathered rich insights across 5 dimensions (Says, Thinks, Does, Feels, Pains, Gains). Now we need to synthesize them into a coherent, actionable empathy map that:
|
|
14
|
+
- Tells a compelling story about the user
|
|
15
|
+
- Reveals patterns and insights
|
|
16
|
+
- Guides design and product decisions
|
|
17
|
+
|
|
18
|
+
## Your Task
|
|
19
|
+
|
|
20
|
+
### 1. Review All Insights
|
|
21
|
+
|
|
22
|
+
Look across all the data you've captured:
|
|
23
|
+
- Target user definition (Step 1)
|
|
24
|
+
- Says & Thinks (Step 2)
|
|
25
|
+
- Does & Feels (Step 3)
|
|
26
|
+
- Pain Points (Step 4)
|
|
27
|
+
- Gains (Step 5)
|
|
28
|
+
|
|
29
|
+
### 2. Identify Key Insights
|
|
30
|
+
|
|
31
|
+
What patterns emerge? What surprises you? What's most important?
|
|
32
|
+
|
|
33
|
+
**Example Insights:**
|
|
34
|
+
- "Sarah says she wants more features, but really needs simplification - her current process involves 6 tools"
|
|
35
|
+
- "Biggest pain isn't the tool itself, it's the data silos preventing real-time decisions"
|
|
36
|
+
- "Anxiety about missing notifications drives obsessive email checking - automation would reduce stress"
|
|
37
|
+
|
|
38
|
+
### 3. Create the Empathy Map
|
|
39
|
+
|
|
40
|
+
I'll use the template at `empathy-map.template.md` to generate your final artifact.
|
|
41
|
+
|
|
42
|
+
**Output File:** `{output_folder}/empathy-map-{user-name}-{date}.md`
|
|
43
|
+
|
|
44
|
+
### 4. Validation Questions
|
|
45
|
+
|
|
46
|
+
Before we finalize, let's validate:
|
|
47
|
+
|
|
48
|
+
**Evidence Check:**
|
|
49
|
+
- [ ] Is every insight backed by research (quotes, observations, data)?
|
|
50
|
+
- [ ] Did we avoid speculation and assumptions?
|
|
51
|
+
- [ ] Can we trace each insight back to a specific source?
|
|
52
|
+
|
|
53
|
+
**Specificity Check:**
|
|
54
|
+
- [ ] Is the target user definition specific enough?
|
|
55
|
+
- [ ] Are pain points concrete and actionable?
|
|
56
|
+
- [ ] Are gains measurable?
|
|
57
|
+
|
|
58
|
+
**Actionability Check:**
|
|
59
|
+
- [ ] Can designers use this to inform wireframes?
|
|
60
|
+
- [ ] Can product managers use this to prioritize features?
|
|
61
|
+
- [ ] Can developers use this to understand user context?
|
|
62
|
+
|
|
63
|
+
**Completeness Check:**
|
|
64
|
+
- [ ] Did we capture both positive and negative aspects?
|
|
65
|
+
- [ ] Did we explore emotions, not just behaviors?
|
|
66
|
+
- [ ] Did we understand the WHY, not just the WHAT?
|
|
67
|
+
|
|
68
|
+
---
|
|
69
|
+
|
|
70
|
+
## Your Turn
|
|
71
|
+
|
|
72
|
+
Please review all your insights and identify 3-5 key patterns or surprises that emerged.
|
|
73
|
+
|
|
74
|
+
Then confirm you're ready for me to generate the final empathy map artifact.
|
|
75
|
+
|
|
76
|
+
## Output
|
|
77
|
+
|
|
78
|
+
Once you confirm, I'll create:
|
|
79
|
+
|
|
80
|
+
**File:** `{output_folder}/empathy-map-{user-name}-{date}.md`
|
|
81
|
+
|
|
82
|
+
**Contents:**
|
|
83
|
+
- Executive Summary (key insights)
|
|
84
|
+
- Target User Profile
|
|
85
|
+
- Says & Thinks
|
|
86
|
+
- Does & Feels
|
|
87
|
+
- Pain Points (prioritized)
|
|
88
|
+
- Desired Gains (prioritized)
|
|
89
|
+
- Design Implications
|
|
90
|
+
- Research Sources
|
|
91
|
+
|
|
92
|
+
---
|
|
93
|
+
|
|
94
|
+
## What's Next?
|
|
95
|
+
|
|
96
|
+
After creating this empathy map, you might:
|
|
97
|
+
|
|
98
|
+
1. **Validate with users** - Show the empathy map to actual users and ask if it resonates
|
|
99
|
+
2. **Share with team** - Get stakeholder alignment on user needs
|
|
100
|
+
3. **Create wireframes** - Use insights to inform design decisions (invoke Wade!)
|
|
101
|
+
4. **Prioritize features** - Focus on gains that address the biggest pain points
|
|
102
|
+
5. **Define success metrics** - Use gain metrics to track if solutions work
|
|
103
|
+
|
|
104
|
+
Great work! This empathy map will be a valuable tool for user-centered decision making. π¨
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
---
|
|
2
|
+
workflow: validate-empathy-map
|
|
3
|
+
type: single-file
|
|
4
|
+
description: Validate an existing empathy map against user research evidence
|
|
5
|
+
author: Emma (contextualization-expert)
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Validate Existing Empathy Map
|
|
9
|
+
|
|
10
|
+
Bring me an empathy map and I'll help you validate it against user research evidence.
|
|
11
|
+
|
|
12
|
+
## Why Validation Matters
|
|
13
|
+
|
|
14
|
+
Empathy maps lose value if they're based on assumptions instead of research. Validation ensures:
|
|
15
|
+
- Every insight traces back to evidence
|
|
16
|
+
- No speculation or "we think users want..."
|
|
17
|
+
- Team stays grounded in user reality
|
|
18
|
+
|
|
19
|
+
## Validation Process
|
|
20
|
+
|
|
21
|
+
### 1. Evidence Check
|
|
22
|
+
|
|
23
|
+
For each insight in the empathy map, ask:
|
|
24
|
+
|
|
25
|
+
**Can you point to research that supports this?**
|
|
26
|
+
- Direct quote from interview?
|
|
27
|
+
- Observed behavior?
|
|
28
|
+
- Survey data?
|
|
29
|
+
- Analytics?
|
|
30
|
+
|
|
31
|
+
**Red Flags:**
|
|
32
|
+
- "We think users want..."
|
|
33
|
+
- "Users probably feel..."
|
|
34
|
+
- "Based on our internal discussions..."
|
|
35
|
+
- No citation to research source
|
|
36
|
+
|
|
37
|
+
### 2. Specificity Check
|
|
38
|
+
|
|
39
|
+
**Is the target user specific enough?**
|
|
40
|
+
- β "Mobile users"
|
|
41
|
+
- β "Marketing professionals"
|
|
42
|
+
- β
"Marketing managers at mid-sized B2B companies managing lead generation"
|
|
43
|
+
|
|
44
|
+
**Are pain points concrete?**
|
|
45
|
+
- β "Bad UX"
|
|
46
|
+
- β
"Campaign creation button hidden in nested menu (3 clicks deep)"
|
|
47
|
+
|
|
48
|
+
**Are gains measurable?**
|
|
49
|
+
- β "Want to be more efficient"
|
|
50
|
+
- β
"Complete campaign setup in under 10 minutes vs. current 45 minutes"
|
|
51
|
+
|
|
52
|
+
### 3. Completeness Check
|
|
53
|
+
|
|
54
|
+
**Did you explore all dimensions?**
|
|
55
|
+
- [ ] Says (direct quotes)
|
|
56
|
+
- [ ] Thinks (inferred thoughts)
|
|
57
|
+
- [ ] Does (observable actions)
|
|
58
|
+
- [ ] Feels (emotional states)
|
|
59
|
+
- [ ] Pains (obstacles/frustrations)
|
|
60
|
+
- [ ] Gains (desired outcomes)
|
|
61
|
+
|
|
62
|
+
**Did you capture both positive and negative?**
|
|
63
|
+
- Not just problems (pain points)
|
|
64
|
+
- Also aspirations (gains)
|
|
65
|
+
- Moments of delight AND frustration
|
|
66
|
+
|
|
67
|
+
### 4. Actionability Check
|
|
68
|
+
|
|
69
|
+
**Can designers use this?**
|
|
70
|
+
- Are pain points specific enough to inform design decisions?
|
|
71
|
+
- Are gains clear enough to prioritize features?
|
|
72
|
+
|
|
73
|
+
**Can product managers use this?**
|
|
74
|
+
- Can they defend feature decisions with user insights?
|
|
75
|
+
- Can they communicate user needs to stakeholders?
|
|
76
|
+
|
|
77
|
+
---
|
|
78
|
+
|
|
79
|
+
## Your Turn
|
|
80
|
+
|
|
81
|
+
**Please share:**
|
|
82
|
+
1. The empathy map you want to validate (paste content or provide file path)
|
|
83
|
+
2. The research sources that informed it
|
|
84
|
+
|
|
85
|
+
I'll review it and provide:
|
|
86
|
+
- **Evidence gaps** - Insights lacking research support
|
|
87
|
+
- **Specificity issues** - Vague statements that need clarification
|
|
88
|
+
- **Missing dimensions** - Areas you didn't explore
|
|
89
|
+
- **Validation score** - Overall assessment (Strong / Needs Work / Speculative)
|
|
90
|
+
|
|
91
|
+
---
|
|
92
|
+
|
|
93
|
+
## Validation Criteria
|
|
94
|
+
|
|
95
|
+
**Strong Empathy Map:**
|
|
96
|
+
- β
Every insight backed by cited research
|
|
97
|
+
- β
Specific target user definition
|
|
98
|
+
- β
Concrete, measurable pain points and gains
|
|
99
|
+
- β
All 6 dimensions explored (Says, Thinks, Does, Feels, Pains, Gains)
|
|
100
|
+
- β
Both positive and negative aspects captured
|
|
101
|
+
- β
Actionable for designers and product managers
|
|
102
|
+
|
|
103
|
+
**Needs Work:**
|
|
104
|
+
- β οΈ Some insights lack research support
|
|
105
|
+
- β οΈ Target user could be more specific
|
|
106
|
+
- β οΈ Pain points or gains are vague
|
|
107
|
+
- β οΈ Missing some dimensions
|
|
108
|
+
|
|
109
|
+
**Speculative:**
|
|
110
|
+
- β Many insights are assumptions
|
|
111
|
+
- β No clear research sources
|
|
112
|
+
- β "We think" instead of "Users said"
|
|
113
|
+
- β Not actionable
|
|
114
|
+
|
|
115
|
+
---
|
|
116
|
+
|
|
117
|
+
Ready to validate your empathy map? Share it with me and I'll provide detailed feedback! π¨
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
---
|
|
2
|
+
workflow: empathy-map
|
|
3
|
+
type: step-file
|
|
4
|
+
description: Create user empathy maps through structured 6-step process
|
|
5
|
+
author: Emma (contextualization-expert)
|
|
6
|
+
---
|
|
7
|
+
|
|
8
|
+
# Create Empathy Map Workflow
|
|
9
|
+
|
|
10
|
+
This workflow guides you through creating a comprehensive empathy map for a target user.
|
|
11
|
+
|
|
12
|
+
## What is an Empathy Map?
|
|
13
|
+
|
|
14
|
+
An empathy map is a collaborative visualization used to articulate what we know about a particular type of user. It externalizes knowledge about users to create a shared understanding and aid decision-making.
|
|
15
|
+
|
|
16
|
+
## Workflow Structure
|
|
17
|
+
|
|
18
|
+
**Step-file architecture:**
|
|
19
|
+
- Just-in-time loading (each step loads only when needed)
|
|
20
|
+
- Sequential enforcement (must complete step N before step N+1)
|
|
21
|
+
- State tracking in frontmatter (progress preserved)
|
|
22
|
+
|
|
23
|
+
## Steps Overview
|
|
24
|
+
|
|
25
|
+
1. **Define Target User** - Who are we creating this empathy map for?
|
|
26
|
+
2. **Says & Thinks** - What do they say aloud? What do they think?
|
|
27
|
+
3. **Does & Feels** - What actions do they take? What emotions do they feel?
|
|
28
|
+
4. **Pain Points** - What frustrates, blocks, or challenges them?
|
|
29
|
+
5. **Gains** - What do they want to achieve? What are their needs?
|
|
30
|
+
6. **Synthesize** - Create the final empathy map artifact
|
|
31
|
+
|
|
32
|
+
## Output
|
|
33
|
+
|
|
34
|
+
**Artifact:** Empathy map markdown file in `{output_folder}/empathy-map-{user-name}-{date}.md`
|
|
35
|
+
|
|
36
|
+
**Template:** Uses [empathy-map.template.md](empathy-map.template.md)
|
|
37
|
+
|
|
38
|
+
---
|
|
39
|
+
|
|
40
|
+
## INITIALIZATION
|
|
41
|
+
|
|
42
|
+
Load config from {project-root}/_bmad/bme/_designos/config.yaml
|
|
43
|
+
|
|
44
|
+
Load step: {project-root}/_bmad/bme/_designos/workflows/empathy-map/steps/step-01-define-user.md
|
package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-01-define-requirements.md
ADDED
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
---
|
|
2
|
+
step: 1
|
|
3
|
+
workflow: wireframe
|
|
4
|
+
title: Define Requirements
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Step 1: Define Requirements
|
|
8
|
+
|
|
9
|
+
Before we create a wireframe, we need to understand exactly what we're building and why.
|
|
10
|
+
|
|
11
|
+
## Why This Matters
|
|
12
|
+
|
|
13
|
+
A wireframe is only useful if it solves a real problem. Generic wireframes waste time. Specific wireframes (for a specific screen, user, and goal) accelerate design and development.
|
|
14
|
+
|
|
15
|
+
## Your Task
|
|
16
|
+
|
|
17
|
+
Answer these questions to define your wireframe requirements:
|
|
18
|
+
|
|
19
|
+
### 1. What are we wireframing?
|
|
20
|
+
|
|
21
|
+
- **Scope:** Single screen? User flow (multiple screens)? Full app?
|
|
22
|
+
- **Screen name:** What do you call this screen? (e.g., "Dashboard Home", "Checkout Flow", "Product Detail Page")
|
|
23
|
+
- **Platform:** Web (desktop)? Web (mobile)? Mobile app (iOS/Android)?
|
|
24
|
+
- **Viewport size:**
|
|
25
|
+
- Mobile: 375px width (iPhone standard)
|
|
26
|
+
- Tablet: 768px width
|
|
27
|
+
- Desktop: 1024px+ width
|
|
28
|
+
- Responsive: All of the above?
|
|
29
|
+
|
|
30
|
+
### 2. Who is this for?
|
|
31
|
+
|
|
32
|
+
- **Target user:** Who will use this screen? (Reference an empathy map if available, e.g., "Sarah Chen from empathy-map-sarah-chen-2026-02-14.md")
|
|
33
|
+
- **User's primary goal:** What is the ONE thing users come here to do?
|
|
34
|
+
- **User's technical proficiency:** Tech-savvy? Average? Non-technical?
|
|
35
|
+
- **User context:** Are they rushed? Exploring? Completing a specific task?
|
|
36
|
+
|
|
37
|
+
### 3. What's the core functionality?
|
|
38
|
+
|
|
39
|
+
- **Primary action:** The MAIN thing users do on this screen (e.g., "Check account balance")
|
|
40
|
+
- **Secondary actions:** Supporting tasks (e.g., "View recent transactions", "Transfer money")
|
|
41
|
+
- **Information displayed:** What data does the screen show? (e.g., "Balance, last 5 transactions, quick action buttons")
|
|
42
|
+
- **Data sources:** Where does the information come from? (APIs, databases, user input)
|
|
43
|
+
|
|
44
|
+
### 4. Design constraints?
|
|
45
|
+
|
|
46
|
+
- **Existing design system?** Are you using Material Design, iOS Human Interface Guidelines, custom component library?
|
|
47
|
+
- **Brand guidelines?** Any must-have elements (logo placement, color scheme - high level only)
|
|
48
|
+
- **Technical constraints?** Third-party integrations, API limitations, performance requirements?
|
|
49
|
+
- **Accessibility requirements?** WCAG 2.1 Level AA compliance? Screen reader support?
|
|
50
|
+
|
|
51
|
+
## Example
|
|
52
|
+
|
|
53
|
+
```
|
|
54
|
+
Screen: Dashboard Home (Mobile Banking App)
|
|
55
|
+
Platform: Mobile app (iOS/Android)
|
|
56
|
+
Viewport: 375px width (mobile-first)
|
|
57
|
+
|
|
58
|
+
User: Sarah Chen (see empathy-map-sarah-chen-2026-02-14.md)
|
|
59
|
+
Primary Goal: Check account balance quickly
|
|
60
|
+
Technical Proficiency: Medium-high
|
|
61
|
+
Context: Rushed, 3-5 daily check-ins, sessions < 2 minutes
|
|
62
|
+
|
|
63
|
+
Primary Action: Check account balance
|
|
64
|
+
Secondary Actions: View recent transactions, quick transfer, pay bills
|
|
65
|
+
Information: Balance, last updated timestamp, 5 recent transactions, quick action buttons
|
|
66
|
+
Data Sources: Banking API (balance, transactions)
|
|
67
|
+
|
|
68
|
+
Constraints:
|
|
69
|
+
- Must support Face ID for authentication
|
|
70
|
+
- Follow iOS/Android platform patterns
|
|
71
|
+
- WCAG 2.1 Level AA (minimum 44px touch targets)
|
|
72
|
+
- Performance: Load balance in < 1 second
|
|
73
|
+
```
|
|
74
|
+
|
|
75
|
+
---
|
|
76
|
+
|
|
77
|
+
## Your Turn
|
|
78
|
+
|
|
79
|
+
Please define your wireframe requirements using the structure above.
|
|
80
|
+
|
|
81
|
+
## Next Step
|
|
82
|
+
|
|
83
|
+
When you've defined your requirements and I've confirmed they're specific enough, I'll load:
|
|
84
|
+
|
|
85
|
+
{project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-02-user-flows.md
|
|
@@ -0,0 +1,59 @@
|
|
|
1
|
+
---
|
|
2
|
+
step: 2
|
|
3
|
+
workflow: wireframe
|
|
4
|
+
title: User Flows
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Step 2: User Flows
|
|
8
|
+
|
|
9
|
+
Let's map how users navigate through your wireframe(s).
|
|
10
|
+
|
|
11
|
+
## Why This Matters
|
|
12
|
+
|
|
13
|
+
Understanding user flows prevents designing dead-end screens or confusing navigation. Every screen needs clear entry points and exit points.
|
|
14
|
+
|
|
15
|
+
## Your Task
|
|
16
|
+
|
|
17
|
+
### 1. Entry Points
|
|
18
|
+
How do users arrive at this screen?
|
|
19
|
+
- From home screen? From search? From notification?
|
|
20
|
+
- Deep link? QR code? Email link?
|
|
21
|
+
- What's their mental state? (rushing, exploring, completing task)
|
|
22
|
+
|
|
23
|
+
### 2. Primary Flow (Happy Path)
|
|
24
|
+
Map the ideal journey from entry to goal completion:
|
|
25
|
+
|
|
26
|
+
```
|
|
27
|
+
Entry β Action β Response β Goal Achieved
|
|
28
|
+
```
|
|
29
|
+
|
|
30
|
+
Example:
|
|
31
|
+
```
|
|
32
|
+
Home Screen
|
|
33
|
+
β (Tap "Balance")
|
|
34
|
+
Face ID Authentication
|
|
35
|
+
β (Success)
|
|
36
|
+
Balance Display
|
|
37
|
+
β (Goal: See balance)
|
|
38
|
+
[Done] or Continue to Secondary Action
|
|
39
|
+
```
|
|
40
|
+
|
|
41
|
+
### 3. Alternative Flows
|
|
42
|
+
What if...?
|
|
43
|
+
- User makes an error?
|
|
44
|
+
- Data is unavailable?
|
|
45
|
+
- Authentication fails?
|
|
46
|
+
- User wants to go back?
|
|
47
|
+
- User abandons the flow?
|
|
48
|
+
|
|
49
|
+
### 4. Exit Points
|
|
50
|
+
How do users leave?
|
|
51
|
+
- Goal completed β where next?
|
|
52
|
+
- Task abandoned β how to recover?
|
|
53
|
+
- Navigation to related features?
|
|
54
|
+
|
|
55
|
+
## Next Step
|
|
56
|
+
|
|
57
|
+
When you've mapped user flows, I'll load:
|
|
58
|
+
|
|
59
|
+
{project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-03-information-architecture.md
|
package/_bmad/bme/_vortex/workflows/_deprecated/wireframe/steps/step-03-information-architecture.md
ADDED
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
---
|
|
2
|
+
step: 3
|
|
3
|
+
workflow: wireframe
|
|
4
|
+
title: Information Architecture
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Step 3: Information Architecture
|
|
8
|
+
|
|
9
|
+
Let's organize content and UI elements hierarchically.
|
|
10
|
+
|
|
11
|
+
## Your Task
|
|
12
|
+
|
|
13
|
+
### 1. Content Priority (Visual Hierarchy)
|
|
14
|
+
What's most important on this screen?
|
|
15
|
+
|
|
16
|
+
**Primary (above the fold, largest/boldest):**
|
|
17
|
+
- The ONE thing users came here to see/do
|
|
18
|
+
|
|
19
|
+
**Secondary (mid-screen, medium emphasis):**
|
|
20
|
+
- Supporting information and actions
|
|
21
|
+
|
|
22
|
+
**Tertiary (below fold or subtle):**
|
|
23
|
+
- Metadata, help text, less critical features
|
|
24
|
+
|
|
25
|
+
### 2. Grouping
|
|
26
|
+
How to organize related elements?
|
|
27
|
+
|
|
28
|
+
- **Visual grouping:** Cards? Sections? Accordions?
|
|
29
|
+
- **Logical grouping:** By task? By time? By category?
|
|
30
|
+
- **Separation:** Spacing? Dividers? Background colors?
|
|
31
|
+
|
|
32
|
+
### 3. Navigation
|
|
33
|
+
How do users move around?
|
|
34
|
+
|
|
35
|
+
- **Primary nav:** Top bar? Bottom tabs? Sidebar? Hamburger menu?
|
|
36
|
+
- **Secondary nav:** Breadcrumbs? Tabs? Segmented controls?
|
|
37
|
+
- **Back/Close:** Where do these buttons go?
|
|
38
|
+
|
|
39
|
+
### 4. Information Density
|
|
40
|
+
How much is too much?
|
|
41
|
+
|
|
42
|
+
- **Progressive disclosure:** Show essentials, hide details until needed
|
|
43
|
+
- **Lazy loading:** Load more on scroll?
|
|
44
|
+
- **Pagination vs. infinite scroll**
|
|
45
|
+
|
|
46
|
+
## Example
|
|
47
|
+
|
|
48
|
+
```
|
|
49
|
+
Dashboard Screen (Mobile - 375px)
|
|
50
|
+
|
|
51
|
+
[Visual Hierarchy]
|
|
52
|
+
Primary: Account balance ($$$) - Hero section, centered, large
|
|
53
|
+
Secondary: Quick actions (3 buttons) - Mid section
|
|
54
|
+
Tertiary: Recent transactions (list) - Bottom, scrollable
|
|
55
|
+
|
|
56
|
+
[Grouping]
|
|
57
|
+
Section 1: Hero (balance + last updated)
|
|
58
|
+
Section 2: Quick Actions (3 icon buttons, horizontal)
|
|
59
|
+
Section 3: Activity (transaction list with "Load More")
|
|
60
|
+
|
|
61
|
+
[Navigation]
|
|
62
|
+
Bottom Tab Bar: [Home] [Accounts] [Cards] [Profile]
|
|
63
|
+
Top Bar: [Menu β°] [Notifications π]
|
|
64
|
+
```
|
|
65
|
+
|
|
66
|
+
## Next Step
|
|
67
|
+
|
|
68
|
+
{project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-04-wireframe-sketch.md
|
|
@@ -0,0 +1,97 @@
|
|
|
1
|
+
---
|
|
2
|
+
step: 4
|
|
3
|
+
workflow: wireframe
|
|
4
|
+
title: Wireframe Sketch
|
|
5
|
+
---
|
|
6
|
+
|
|
7
|
+
# Step 4: Wireframe Sketch
|
|
8
|
+
|
|
9
|
+
Time to create the low-fidelity wireframe layout using ASCII art.
|
|
10
|
+
|
|
11
|
+
## Grid System
|
|
12
|
+
|
|
13
|
+
- **Mobile:** 8pt grid, 16px margins
|
|
14
|
+
- **Desktop:** 12-column grid, 24px gutters
|
|
15
|
+
- **Alignment:** Everything snaps to grid
|
|
16
|
+
|
|
17
|
+
## ASCII Wireframe Syntax
|
|
18
|
+
|
|
19
|
+
```
|
|
20
|
+
βββββββββββββββββββββββββββββββββββ β Top border
|
|
21
|
+
β β° Menu Page Title π β β Header bar
|
|
22
|
+
βββββββββββββββββββββββββββββββββββ€ β Section divider
|
|
23
|
+
β β
|
|
24
|
+
β Main Content Area β β Content section
|
|
25
|
+
β β
|
|
26
|
+
β βββββββ βββββββ βββββββ β β Button row
|
|
27
|
+
β β Btn1β β Btn2β β Btn3β β
|
|
28
|
+
β βββββββ βββββββ βββββββ β
|
|
29
|
+
βββββββββββββββββββββββββββββββββββ€
|
|
30
|
+
β [Home] [Search] [Profile] β β Bottom nav
|
|
31
|
+
βββββββββββββββββββββββββββββββββββ β Bottom border
|
|
32
|
+
```
|
|
33
|
+
|
|
34
|
+
## Component Placement
|
|
35
|
+
|
|
36
|
+
1. **Header** (56-72px height)
|
|
37
|
+
- Logo/back button (left)
|
|
38
|
+
- Page title (center)
|
|
39
|
+
- Actions/notifications (right)
|
|
40
|
+
|
|
41
|
+
2. **Content area**
|
|
42
|
+
- Primary content (hero, main action)
|
|
43
|
+
- Secondary content (supporting info)
|
|
44
|
+
- Tertiary content (metadata, help)
|
|
45
|
+
|
|
46
|
+
3. **Navigation** (48-72px height)
|
|
47
|
+
- Bottom tabs (mobile)
|
|
48
|
+
- Sidebar (desktop)
|
|
49
|
+
|
|
50
|
+
## Typography Hierarchy
|
|
51
|
+
|
|
52
|
+
- **H1:** Screen title (24-32px)
|
|
53
|
+
- **H2:** Section headers (20-24px)
|
|
54
|
+
- **Body:** Content text (16px)
|
|
55
|
+
- **Caption:** Metadata (12-14px)
|
|
56
|
+
|
|
57
|
+
## Example: Mobile Dashboard
|
|
58
|
+
|
|
59
|
+
```
|
|
60
|
+
βββββββββββββββββββββββββββββββββββ
|
|
61
|
+
β β° π β β Header (56px)
|
|
62
|
+
βββββββββββββββββββββββββββββββββββ€
|
|
63
|
+
β β
|
|
64
|
+
β Account Balance β β H1 (Hero section)
|
|
65
|
+
β $12,458.32 β β Large text
|
|
66
|
+
β Last updated: 2 min ago β β Caption
|
|
67
|
+
β β
|
|
68
|
+
βββββββββββββββββββββββββββββββββββ€
|
|
69
|
+
β βββββββ βββββββ βββββββ β β Quick Actions
|
|
70
|
+
β βTransβ β Pay β βDepo β β (3 buttons,
|
|
71
|
+
β β fer β βBillsβ βsit β β 100Γ48px each)
|
|
72
|
+
β βββββββ βββββββ βββββββ β
|
|
73
|
+
βββββββββββββββββββββββββββββββββββ€
|
|
74
|
+
β Recent Transactions β β β H2 + "See All"
|
|
75
|
+
β βββββββββββββββββββββββββββββ β
|
|
76
|
+
β β πͺ Starbucks -$5.42 β β β β Transaction item
|
|
77
|
+
β βββββββββββββββββββββββββββββ β (64px height)
|
|
78
|
+
β βββββββββββββββββββββββββββββ β
|
|
79
|
+
β β π° Salary +$4,200 β β β
|
|
80
|
+
β βββββββββββββββββββββββββββββ β
|
|
81
|
+
β ... (3 more items) β
|
|
82
|
+
β [Load More Transactions] β β Button
|
|
83
|
+
βββββββββββββββββββββββββββββββββββ€
|
|
84
|
+
β [π ] [π³] [π] [π€] β β Bottom tabs (72px)
|
|
85
|
+
βββββββββββββββββββββββββββββββββββ
|
|
86
|
+
```
|
|
87
|
+
|
|
88
|
+
## Your Turn
|
|
89
|
+
|
|
90
|
+
Create your wireframe sketch using ASCII art. Include:
|
|
91
|
+
- Header, content area, navigation
|
|
92
|
+
- Component placements
|
|
93
|
+
- Size annotations (px)
|
|
94
|
+
|
|
95
|
+
## Next Step
|
|
96
|
+
|
|
97
|
+
{project-root}/_bmad/bme/_designos/workflows/wireframe/steps/step-05-components.md
|