In this insightful workshop, Michael Markman shares professional strategies for turning raw concepts into high-fidelity XR prototypes during hackathons. Success in the spatial design space requires a fundamental shift in mindset.
1. Design Inside the Medium
One of the most critical takeaways is to start building in 3D as early as possible . Using tools like ShapesXR allows you to:
- Embody the User: Gain immediate empathy by experiencing your UI from the user’s perspective .
- Test Ergonomics: Evaluate physical comfort, arm fatigue, and reach distances in real-time .
- Perfect Scale: Ensure your interfaces feel natural in a spatial environment rather than just looking good on a flat screen .
2. Prototyping Workflow
A fast, iterative approach is the key to winning hackathons:
Anchor Experience
Use physical environment elements to ground your design .
Utilize Frames
Manage state and animation flow similar to Figma artboards .
3. Adding Polish and Realism
- Spatial Audio: Incorporate voiceovers (via tools like ElevenLabs) and spatialize them to specific emitters .
- Integrate Existing Assets: Import Figma frames or Blender models to save time .
"Your job as a designer is empathy—to embody the person who is going to be using your application."
4. Problem-Solving in XR
Michael emphasizes a "design-as-conversation" approach :
- Define the Problem: Research and empathize to identify a genuine pain point .
- Focus on XR Value: Ask: Why is XR the right medium? Does it solve complex 3D data visualization or collaboration issues? .
💡 Pro-tip for Hackathoners:
Don't get bogged down in coding early on. Use prototyping tools to validate the experience first, then move to development once the flow feels right .
Additional Hackathon Strategies
Prioritize Rapid Prototyping
Avoid the overhead of complex coding initially to iterate user flows on the fly .
Design as a Conversation
Refine your "answer" to the user's pain point through constant testing .