Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Why Designers Do The Things They Do

3f2cf86b5681463dbf4131703109f86a?s=47 Navjot Pawera
October 24, 2015

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

3f2cf86b5681463dbf4131703109f86a?s=128

Navjot Pawera

October 24, 2015
Tweet

Transcript

  1. Nav

  2. Head of design

  3. None
  4. Clients Design team Developers

  5. Build things we can be proud of

  6. None
  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”

  17. None
  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
  21. None
  22. None
  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

  28. None
  29. PENCIL OMNIGRAFFLE SKETCH

  30. TEST

  31. None
  32. None
  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

  39. None
  40. None
  41. None
  42. INVISION INSIGHT ZEPLIN SPECCTR

  43. “trust & respect your peers. earn the same for yourself.

  44. None
  45. THANK YOU! I’M @ISNAV