Ви не можете вибрати більше 25 тем Теми мають розпочинатися з літери або цифри, можуть містити дефіси (-) і не повинні перевищувати 35 символів.

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235
  1. # Step 5: UX Pattern Analysis & Inspiration
  2. ## MANDATORY EXECUTION RULES (READ FIRST):
  3. - 🛑 NEVER generate content without user input
  4. - 📖 CRITICAL: ALWAYS read the complete step file before taking any action - partial understanding leads to incomplete decisions
  5. - 🔄 CRITICAL: When loading next step with 'C', ensure the entire file is read and understood before proceeding
  6. - ✅ ALWAYS treat this as collaborative discovery between UX facilitator and stakeholder
  7. - 📋 YOU ARE A UX FACILITATOR, not a content generator
  8. - 💬 FOCUS on analyzing existing UX patterns and extracting inspiration
  9. - 🎯 COLLABORATIVE discovery, not assumption-based design
  10. - ✅ YOU MUST ALWAYS SPEAK OUTPUT In your Agent communication style with the config `{communication_language}`
  11. - ✅ YOU MUST ALWAYS WRITE all artifact and document content in `{document_output_language}`
  12. ## EXECUTION PROTOCOLS:
  13. - 🎯 Show your analysis before taking any action
  14. - ⚠️ Present A/P/C menu after generating inspiration analysis content
  15. - 💾 ONLY save when user chooses C (Continue)
  16. - 📖 Update output file frontmatter, adding this step to the end of the list of stepsCompleted.
  17. - 🚫 FORBIDDEN to load next step until C is selected
  18. ## COLLABORATION MENUS (A/P/C):
  19. This step will generate content and present choices:
  20. - **A (Advanced Elicitation)**: Use discovery protocols to develop deeper pattern insights
  21. - **P ( Party Mode)**: Bring multiple perspectives to analyze UX patterns
  22. - **C (Continue)**: Save the content to the document and proceed to next step
  23. ## PROTOCOL INTEGRATION:
  24. - When 'A' selected: Invoke the `bmad-advanced-elicitation` skill
  25. - When 'P' selected: Invoke the `bmad-party-mode` skill
  26. - PROTOCOLS always return to this step's A/P/C menu
  27. - User accepts/rejects protocol changes before proceeding
  28. ## CONTEXT BOUNDARIES:
  29. - Current document and frontmatter from previous steps are available
  30. - Emotional response goals from step 4 inform pattern analysis
  31. - No additional data files needed for this step
  32. - Focus on analyzing existing UX patterns and extracting lessons
  33. ## YOUR TASK:
  34. Analyze inspiring products and UX patterns to inform design decisions for the current project.
  35. ## INSPIRATION ANALYSIS SEQUENCE:
  36. ### 1. Identify User's Favorite Apps
  37. Start by gathering inspiration sources:
  38. "Let's learn from products your users already love and use regularly.
  39. **Inspiration Questions:**
  40. - Name 2-3 apps your target users already love and USE frequently
  41. - For each one, what do they do well from a UX perspective?
  42. - What makes the experience compelling or delightful?
  43. - What keeps users coming back to these apps?
  44. Think about apps in your category or even unrelated products that have great UX."
  45. ### 2. Analyze UX Patterns and Principles
  46. Break down what makes these apps successful:
  47. "For each inspiring app, let's analyze their UX success:
  48. **For [App Name]:**
  49. - What core problem does it solve elegantly?
  50. - What makes the onboarding experience effective?
  51. - How do they handle navigation and information hierarchy?
  52. - What are their most innovative or delightful interactions?
  53. - What visual design choices support the user experience?
  54. - How do they handle errors or edge cases?"
  55. ### 3. Extract Transferable Patterns
  56. Identify patterns that could apply to your project:
  57. "**Transferable UX Patterns:**
  58. Looking across these inspiring apps, I see patterns we could adapt:
  59. **Navigation Patterns:**
  60. - [Pattern 1] - could work for your [specific use case]
  61. - [Pattern 2] - might solve your [specific challenge]
  62. **Interaction Patterns:**
  63. - [Pattern 1] - excellent for [your user goal]
  64. - [Pattern 2] - addresses [your user pain point]
  65. **Visual Patterns:**
  66. - [Pattern 1] - supports your [emotional goal]
  67. - [Pattern 2] - aligns with your [platform requirements]
  68. Which of these patterns resonate most for your product?"
  69. ### 4. Identify Anti-Patterns to Avoid
  70. Surface what not to do based on analysis:
  71. "**UX Anti-Patterns to Avoid:**
  72. From analyzing both successes and failures in your space, here are patterns to avoid:
  73. - [Anti-pattern 1] - users find this confusing/frustrating
  74. - [Anti-pattern 2] - this creates unnecessary friction
  75. - [Anti-pattern 3] - doesn't align with your [emotional goals]
  76. Learning from others' mistakes is as important as learning from their successes."
  77. ### 5. Define Design Inspiration Strategy
  78. Create a clear strategy for using this inspiration:
  79. "**Design Inspiration Strategy:**
  80. **What to Adopt:**
  81. - [Specific pattern] - because it supports [your core experience]
  82. - [Specific pattern] - because it aligns with [user needs]
  83. **What to Adapt:**
  84. - [Specific pattern] - modify for [your unique requirements]
  85. - [Specific pattern] - simplify for [your user skill level]
  86. **What to Avoid:**
  87. - [Specific anti-pattern] - conflicts with [your goals]
  88. - [Specific anti-pattern] - doesn't fit [your platform]
  89. This strategy will guide our design decisions while keeping {{project_name}} unique."
  90. ### 6. Generate Inspiration Analysis Content
  91. Prepare the content to append to the document:
  92. #### Content Structure:
  93. When saving to document, append these Level 2 and Level 3 sections:
  94. ```markdown
  95. ## UX Pattern Analysis & Inspiration
  96. ### Inspiring Products Analysis
  97. [Analysis of inspiring products based on conversation]
  98. ### Transferable UX Patterns
  99. [Transferable patterns identified based on conversation]
  100. ### Anti-Patterns to Avoid
  101. [Anti-patterns to avoid based on conversation]
  102. ### Design Inspiration Strategy
  103. [Strategy for using inspiration based on conversation]
  104. ```
  105. ### 7. Present Content and Menu
  106. Show the generated inspiration analysis content and present choices:
  107. "I've analyzed inspiring UX patterns and products to inform our design strategy for {{project_name}}. This gives us a solid foundation of proven patterns to build upon.
  108. **Here's what I'll add to the document:**
  109. [Show the complete markdown content from step 6]
  110. **What would you like to do?**
  111. [A] Advanced Elicitation - Let's deepen our UX pattern analysis
  112. [P] Party Mode - Bring different perspectives on inspiration sources
  113. [C] Continue - Save this to the document and move to design system choice"
  114. ### 8. Handle Menu Selection
  115. #### If 'A' (Advanced Elicitation):
  116. - Invoke the `bmad-advanced-elicitation` skill with the current inspiration analysis content
  117. - Process the enhanced pattern insights that come back
  118. - Ask user: "Accept these improvements to the inspiration analysis? (y/n)"
  119. - If yes: Update content with improvements, then return to A/P/C menu
  120. - If no: Keep original content, then return to A/P/C menu
  121. #### If 'P' (Party Mode):
  122. - Invoke the `bmad-party-mode` skill with the current inspiration analysis
  123. - Process the collaborative pattern insights that come back
  124. - Ask user: "Accept these changes to the inspiration analysis? (y/n)"
  125. - If yes: Update content with improvements, then return to A/P/C menu
  126. - If no: Keep original content, then return to A/P/C menu
  127. #### If 'C' (Continue):
  128. - Append the final content to `{planning_artifacts}/ux-design-specification.md`
  129. - Update frontmatter: append step to end of stepsCompleted array
  130. - Read fully and follow: `./step-06-design-system.md`
  131. ## APPEND TO DOCUMENT:
  132. When user selects 'C', append the content directly to the document using the structure from step 6.
  133. ## SUCCESS METRICS:
  134. ✅ Inspiring products identified and analyzed thoroughly
  135. ✅ UX patterns extracted and categorized effectively
  136. ✅ Transferable patterns identified for current project
  137. ✅ Anti-patterns identified to avoid common mistakes
  138. ✅ Clear design inspiration strategy established
  139. ✅ A/P/C menu presented and handled correctly
  140. ✅ Content properly appended to document when C selected
  141. ## FAILURE MODES:
  142. ❌ Not getting specific examples of inspiring products
  143. ❌ Surface-level analysis without deep pattern extraction
  144. ❌ Missing opportunities for pattern adaptation
  145. ❌ Not identifying relevant anti-patterns to avoid
  146. ❌ Strategy too generic or not actionable
  147. ❌ Not presenting A/P/C menu after content generation
  148. ❌ Appending content without user selecting 'C'
  149. ❌ **CRITICAL**: Reading only partial step file - leads to incomplete understanding and poor decisions
  150. ❌ **CRITICAL**: Proceeding with 'C' without fully reading and understanding the next step file
  151. ❌ **CRITICAL**: Making decisions without complete understanding of step requirements and protocols
  152. ## NEXT STEP:
  153. After user selects 'C' and content is saved to document, load `./step-06-design-system.md` to choose the appropriate design system approach.
  154. Remember: Do NOT proceed to step-06 until user explicitly selects 'C' from the A/P/C menu and content is saved!