Combine the finer points of design with existing development know-how to craft user experiences for multiple platforms. Work through a real-life design challenge and apply design principles, patterns, and a proven process to create an immersive experience. This is an interactive workshop to jump start your next project.

2. Building Immersive
Experiences
K.C.Teis
Director of Experience
Bill Scott
Director UX Engineering, Netflix
Sr. Director of Web Development, PayPal

3. What’s an Immersive Experience?

4. What’s an Immersive Experience?

5. What’s an Immersive Experience?

6. What’s an Immersive Experience?

7. This is not an Immersive Experience
Anti-Pattern: Metaphors Gone Wild

8. How Do I Make One?
Think like a designer
EMPATHIZE IDEATE
DEFINE PROTOTYPE
TEST

9. Empathize
Observe, Engage, Immerse

10. Define
Stated design vision based on the
problem

11. Example Get ‘Design into the Wild’

12. Ideate
Generate a large quantity of ideas
6-8-5 six to eight concepts, in five minutes, then present

13. Prototype
Validate ideas with a physical form

14. Prototype
Validate lots of ideas

15. Test
Refine and improve our solutions
“Prototype like you know you’re right.
Test like you you know you are wrong.”

16. More Resources
Just in case you want to learn s’more
Simple and Usable
Prototyping: A Practitioners Guide
Designing with the Design in Mind
d.school, Institute of Design at Stanford, Bootleg Bootcamp
Designing Web Interfaces (Bill Scott & Theresa Neil)
Kevin Cheng – Understanding Concepts Through Comics
Bootstrap PDF

17. Follow us
• K.C. Teis
• Bill Scott
• @billwscott on twitter
• billwscott on all social networks
• http://designingwebinterfaces.com
• http://looksgoodworkswell.com

18. Questions?