Why Designers Do The Things They Do

All designers, whether they're aware of it or not, have to be a bridge of sorts between a client and a development team. The process of creating a good product needs a design & development team that works well together.

As a designer at a client servicing studio, this is crucial for my work. I rely on a design process to ask the right questions and solve the important problems.

By going through my process and explaining the reasons behind why I choose the tools that I use, I hope to help fellow developers be able to incorporate some of these tools into their development process. I'll go into the details of some of the essential tools like user research, product testing and prototyping. Also, I'll try to debunk why sometimes that “simple colour change”, can be more complex than it appears to be on the surface.

Video of the talk — https://youtu.be/9psJBPUXNzs

Transcript

1. Nav
2. Head of design
4. Clients Design team Developers
5. Build things we can be proud of
7. DESIGNERS DEVELOPERS
8. Business goals User needs Technical constraints
9. “leave your ego at the door”
10. DO DESIGNERS WHY DO THE THINGS THEY DO?
11. Why? Explore Create Build New Project!
12. Why? Explore Create Build New Project! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test! test!
13. “process is a guideline”
14. “process is a guideline” TRUST IS, QUESTION IT, KEEP CHANGING IT
15. Why? Explore Create Build New Project!
16. “process: should help you figure out what you don’t know”
18. Why? Explore Create Build New Project!
19. Figure out the requirements Wireframe, Test & Iterate UI Design & Prototype Develop & Test Release!
20. Ask questions TALK TO CLIENTS FIND OUT MORE GET A FEEL
23. • WHO WILL MAKE THE DECISIONS? • WHO IS THE AUDIENCE? • WHERE IS THE AUDIENCE?
24. • WHAT IS THE PROBLEM? • WHY ARE WE TRYING TO SOLVE IT? • HOW WILL SUCCESS BE MEASURED?
25. 20 second gut test • INTERFACE STYLE • DESIGN FEEL • COPY STYLE • …
26. 20 second gut test • 20 OPTIONS • 20 SECONDS EACH • 1 — 2 — 3 — 4 — 5
27. Wireframe FEATURES PRODUCT IA EXPLORE SAVE TIME ITERATE
29. PENCIL OMNIGRAFFLE SKETCH
30. TEST
33. Design
34. Prototyping TEST VALIDATE DEMO EXPLORE
35. Prototyping INTERACTIONS ANIMATIONS “FEEL” …
36. INVISION FLINT0 MARVEL
37. PRINCIPLE FRAMER JS PIXATE
38. UI Speccing EXECUTE
42. INVISION INSIGHT ZEPLIN SPECCTR
43. “trust & respect your peers. earn the same for yourself. ”
45. THANK YOU! I’M @ISNAV