Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥

Prototyping with purpose

Prototyping with purpose

A talk about what prototypes are, why we use them, and how to avoid some common mistakes. Techniques and resources you can use, along with some working examples so you can build a prototype of your own.

This talk was delivered at:
- DXN Nottingham on 10 October 2018.
- NUX Manchester on 4 June 2018.
- Generator UX Conference on 17 January 2018.
- NUX Newcastle on 28 September 2017.
- Sunderland Digital on 19 July 2017.

Craig Abbott

July 19, 2017
Tweet

More Decks by Craig Abbott

Other Decks in Design

Transcript

  1. @abbott567 Craig Abbott 13.6K 269 6,677 8,928 Craig Abbott @abbott567

    Senior Interaction Designer at @DWPDigital. Lover of cats and code. David Attenborough is my hero. Newcastle upon Tyne
  2. What you will get from this talk @abbott567 • what

    a prototype is • why we use them • common mistakes • how to make one • tools and resources you can use
  3. A prototype is not always high fidelity @abbott567 50px 30px

    30px 30px 40px 20px 40px 20px 50px 30px
  4. prototype noun a first or preliminary version of a device

    or vehicle from which other forms are developed. https://www.google.co.uk/search?q=define+prototype @abbott567
  5. Tell me and I’ll forget Show me and I may

    remember Involve me and I’ll understand @abbott567
  6. As a designer, I use prototypes to understand if my

    design is meeting the needs of the people that use it @abbott567
  7. Good design is a process You’ll always find things that

    don’t work before you find things that do. @abbott567
  8. I have not failed, I’ve just found 10,000 ways that

    won’t work. ~ Thomas Edison @abbott567
  9. It’s better to fail often and learn from it, than

    to do no research at all @abbott567
  10. James Dyson I made 5,127 prototypes of my vacuum before

    I got it right. But I learned from each one. That’s how I came up with a solution. Inventor of cyclonic vacuum technology @abbott567
  11. It’s about being able to create just enough of a

    prototype to help the wider team learn about user needs for a given scenario @abbott567
  12. A prototype won’t tell you how pretty your design is,

    but it will tell you if it meets the user need @abbott567
  13. Don’t ask users what they think of your prototype. Watch

    them use it… …and probably struggle. @abbott567
  14. @abbott567 Paper prototypes • Cheap • Fast • Fun •

    Notes • No specialist skills • Unrealistic • Unwanted feedback • Relies on imagination Pros Cons
  15. © Crown copyright All content is available under the Open

    Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Phone number Phone call Text message Email Choose as many as you like How would you like to be contacted? Continue @abbott567
  16. @abbott567 © Crown copyright All content is available under the

    Open Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Phone call Text message Email Choose as many as you like How would you like to be contacted? Continue
  17. @abbott567 © Crown copyright All content is available under the

    Open Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Phone call Text message Email Choose as many as you like How would you like to be contacted? Continue © Crown copyright All content is available under the Open Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Email address Email Text message Phone call Choose as many as you like How would you like to be contacted? Continue
  18. © Crown copyright All content is available under the Open

    Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Phone call Text message Email Choose as many as you like How would you like to be contacted? Continue © Crown copyright All content is available under the Open Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Email address Email Text message Phone call Choose as many as you like How would you like to be contacted? Continue All content is available under the Open Government Licence v3.0, except where otherwise stated ALPHA This is a new service – your feedback will help us to improve it. GOV.UK Phone number Phone call Text message Email Choose as many as you like How would you like to be contacted? Continue @abbott567
  19. @abbott567 Digital prototypes • Can be cheap • Realistic looking

    • Interactive (sort of) • Creative Pros
  20. @abbott567 Digital prototypes • Can be cheap • Realistic looking

    • Interactive (sort of) • Creative • Can be expensive • Can be time consuming • Duplicate effort to code • Interactions are limited • Learning more software Pros Cons
  21. @abbott567 Real code prototypes • Cheap • Reusable in production

    • Interactive • Multiple devices • Accessibility testing • Validation • Realistic Pros
  22. @abbott567 Real code prototypes • Learning curve • May need

    a framework • Cheap • Reusable in production • Interactive • Multiple devices • Accessibility testing • Validation • Realistic Pros Cons
  23. KTHXBAI Twitter: @abbott567 Email: [email protected] Paper prototyping video: http://abtt.co/paper-prototype-research Paper

    prototyping tools: https://abtt.co/paper-prototyping-toolkit GOVUK prototyping kit: http://abtt.co/govuk-prototyping-kit Free prototyping tools: https://uxtools.co/tools/prototyping Raspberry Pi Kiosk: http://abtt.co/raspberry-pi-kiosk