Taken from Future of Web Design (#FOWD), London 2015 Conference. http://futureofwebdesign.com/london-2015 As interface design aesthetics become simpler, we're relying on delightful experiences to convey the richness of a website or app rather than just visual appeal. Clever interactions and meaningful flows are key to a successful experience but can often be overlooked when designing in a static environment. Prototyping enables designers to interact with their concepts and validate design decisions with very little technical investment. In this session Billy will look at how prototyping early and iterating often will help your ideas evolve throughout your design process into a seamless development-ready product.

1. GETTING THERE FASTER
@billykiely
Rapid Prototyping & Iteration

2. RAPID PROTOTYPING
What the heck does
mean?

3. THE CHANGING ROLE
DESIGNERof the

4. “designing in the browser”
2010
HTML / CSS

5. UI / UX

7. FOCUS
bringing back the

8. STORYTELLING
INTERACTION
AESTHETICS

9. STORYTELLING
INTERACTION
AESTHETICS

10. THINKING LINEARLY
doh!

11. DISCOVERING THE STORY

12. DISCOVERING THE STORY

13. "Investment is the enemy of creativity”

14. SOLVING PROBLEMS
Design is about

15. Pixel Perfect

16. PRESENTING

17. you’re letting people
EXPERIENCE THE STORY

18. 101PROTOTYPING

19. USE IT
DESIGN IT
while you

20. SPEED VS FIDELITY

21. SPEED > FIDELITY

22. CUPCAKE
Start with a

23. Des Traynor, Intercom
http://blog.intercom.io/start-with-a-cupcake
START WITH A CUPCAKE

24. Des Traynor, Intercom
http://blog.intercom.io/start-with-a-cupcake
"The quicker you can get feedback on what you’re
thinking the better your idea will be.”
START WITH A CUPCAKE

25. START WITH A CUPCAKE
Des Traynor, Intercom
http://blog.intercom.io/start-with-a-cupcake
"Usage is oxygen for ideas.”

26. JOBS DONETO
BE
Define the

27. Define singular needs that can be solved
Think in things a user is needing to accomplish
Change your perspective fully to problem solving

28. MINIMALLY REAL
make it
http://invis.io/DX256UC42

29. REAL CONTENT
Use

36. DESCOPE
DESCOPE
DESCOPE

37. MVP

38. ACCESSIBLE
make it

39. EARLY
SHARE
OFTEN
SHARE

40. SOCIALIZE
THE DESIGN PROCESS

41. EDGE CASES
don’t get hung-up on

42. ENGAGEyour
USERS

43. FIN
http://invisionapp.com/fowd-london