Speak Interface: Conversations Between Developers and Designers

5413a812757c471c3bd10baf4614ebf7?s=47 Jess Martin
June 09, 2010

Speak Interface: Conversations Between Developers and Designers

There are three questions you should ask when designing.
WHO is the user?
WHY are they here?
WHAT is most important to them?
The following exercises are designed to help you answer those questions and create a more productive conversation.

5413a812757c471c3bd10baf4614ebf7?s=128

Jess Martin

June 09, 2010
Tweet

Transcript

  1. PERSON PURPOSE PRIORITY knowing Design a PAGE by { Thursday,

    June 10, 2010
  2. I’m @jessmartin Thursday, June 10, 2010

  3. I build web applications Thursday, June 10, 2010

  4. I work at @thinkrelevance Thursday, June 10, 2010

  5. Let’s build something together Thursday, June 10, 2010

  6. Meet Michael Thursday, June 10, 2010

  7. Michael is a designer Thursday, June 10, 2010

  8. Michael likes... Thursday, June 10, 2010

  9. Thursday, June 10, 2010

  10. canvas shoes Thursday, June 10, 2010

  11. canvas shoes the color mauve Thursday, June 10, 2010

  12. canvas shoes the color mauve loft apartments Thursday, June 10,

    2010
  13. Meet Jon Meet Jon Thursday, June 10, 2010

  14. Jon is a developer Thursday, June 10, 2010

  15. Jon likes... Thursday, June 10, 2010

  16. Thursday, June 10, 2010

  17. big O notation Thursday, June 10, 2010

  18. big O notation being called a “rock star” Thursday, June

    10, 2010
  19. big O notation being called a “rock star” source control

    Thursday, June 10, 2010
  20. Michael ~ Form Jon ~ Function Thursday, June 10, 2010

  21. Meet the client Thursday, June 10, 2010

  22. The client wants it done Thursday, June 10, 2010

  23. Typical development process Thursday, June 10, 2010

  24. Who’s missing from this picture? Thursday, June 10, 2010

  25. The user! Client Developer Designer Thursday, June 10, 2010

  26. Software is for people Thursday, June 10, 2010

  27. Three Questions WHO is the user? WHY are they here?

    WHAT is most important? Thursday, June 10, 2010
  28. Thursday, June 10, 2010

  29. WHO is the user? PERSON Thursday, June 10, 2010

  30. Software is for people Thursday, June 10, 2010

  31. Day in the life Exercise #1 Thursday, June 10, 2010

  32. Thursday, June 10, 2010

  33. Thursday, June 10, 2010

  34. Gotta Wanna Exercise #2 Thursday, June 10, 2010

  35. Thursday, June 10, 2010

  36. Extrinsic vs Intrinsic Thursday, June 10, 2010

  37. WHY are they here? PURPOSE Thursday, June 10, 2010

  38. Back-seat Driver Exercise #1 Thursday, June 10, 2010

  39. Imagine showing the page to your mom. What would you

    tell them to click next? Thursday, June 10, 2010
  40. Cotton-Eyed Joe Exercise #2 㽈 Where did ya come from?

    ̇ ̇ Where did ya go? 㽈 Thursday, June 10, 2010
  41. Where is the user in the flow of the application?

    Thursday, June 10, 2010
  42. Thursday, June 10, 2010

  43. Thursday, June 10, 2010

  44. WHAT is most important? PRIORITY Thursday, June 10, 2010

  45. You know the PERSON and the PURPOSE Thursday, June 10,

    2010
  46. MVP Test Exercise #1 Most Valuable Piece of information Thursday,

    June 10, 2010
  47. What’s the single most important information on the page? Thursday,

    June 10, 2010
  48. Variations Thursday, June 10, 2010

  49. Design for Mobile First Variation #1 credit: Luke W Thursday,

    June 10, 2010
  50. “Losing 80% of your screen space forces you to focus.

    You need to make sure that what stays on the screen is the most important set of features for your customers and your business.” - Luke W Thursday, June 10, 2010
  51. Design From Inside Out Variation #2 credit: Ryan Singer Thursday,

    June 10, 2010
  52. “It forces you to focus on what matters most first,

    what matters second-most second, etc. When you nail the core the majority of the UI value has already been delivered.” - Ryan Singer Thursday, June 10, 2010
  53. Evaluating the MVP Thursday, June 10, 2010

  54. Squint Test Exercise #2 Thursday, June 10, 2010

  55. Squint at the page. What stands out? Thursday, June 10,

    2010
  56. Font Size Test Exercise #3 Thursday, June 10, 2010

  57. What’s the largest font size on the page? Thursday, June

    10, 2010
  58. WHO is the user? • Day in the Life •

    Gotta Wanna WHY are they here? • Back-seat Driver • Cotton-Eyed Joe WHAT is most important? • MVP Test • Squint Test • Font Size Test Thursday, June 10, 2010
  59. Software is for people Thursday, June 10, 2010

  60. Questions? Feedback: http://spkr8.com/t/3440 Slides & Worksheets: SpeakInterface.com @jessmartin Thursday, June

    10, 2010