top of page

Chapter

12

:

Design, Prototyping, and Construction

Web Resources

This site shows a set of bad designs for 'interactive' products, from filing cabinets to coffee machines, from car panels to traffic lights, and explains why they are bad. You might like to look at them yourself before reading the commentary, and see what you think of them. The site is quite old now, and several of these examples have been corrected in modern versions of the products, but it is no less interesting for that.


This one contains a range of methods, tools and basic explanations to support a wide range of interaction design activities. It specifically identifies government (specifically the US government) as its main audience, but the resources here are just as relevant to other sectors. There are many interesting resources and articles relevant to Interaction design, for example on equity and customer experience. There are also pages for the UK government’s design principles.


instructables.com is a community website all about the wild and whacky world of making. It is not restricted to interactive products, but includes areas such as jewelry, 3D printing, solar energy, up-cycling and reuse, robotics, and cooking. The site gives access to tools, ideas, instructions and products. makezine.com is a similar website for sharing ideas, products and tools, while arduino.cc contains news and updates for the Arduino toolkit.


Story mapping is a technique for creating a user journey from a series of user stories. Jeff Patton’s book provides an in-depth description of the technique and this presentation of his includes some useful information about agile development as well as story mapping; the visual quality isn’t good, but the audio is clear. There are two different (and shorter) introductions to story mapping here and here


Links provided in the book:

3D printing: www.all3dp.com/1/useful-cool-things-3d-print-ideas-3d-printer-projects-stuff

A printed robot with soft legs: www.youtube.com/watch?v=5MTLYhc-NKw

Reusable “ink”: www.youtube.com/watch?v=nwrCtG4GW2s

IDEO’s reflections on prototyping: www.ideou.com/blogs/inspiration/all-prototypes-are-not-created-equal

Low fidelity prototyping: www.interaction-design.org/literature/article/prototyping-learn-eight-common-methods-and-best-practices

Benefits of High and low-fidelity prototyping: www.nngroup.com/articles/ux-prototype-hi-lo-fidelity/?lm=aesthetic-usability-effect&pt=article

Overview of disability simulation experiment results: blog.prototypr.io/why-i-wont-try-on-disability-to-build-empathy-in-the-design-process-and-you-should-think-twice-7086ed6202aa

A tool to help create mood boards: www.invisionapp.com/inside-design/boards-share-design-inspiration-assets/

Legal cases on accessibility and COVID-19: www.justice.gov/opa/pr/justice-department-secures-agreement-make-online-covid-19-vaccine-registration-accessible-1

Tips on localisation: www.medium.com/demagsign/a-guide-to-cross-cultural-design-by-senongo-apkem-368c90de1b76

Inclusive design: www.nngroup.com/articles/inclusive-design

Benefits of experience mapping: youtu.be/eLT_Q8sRpyI

User flows: www.careerfoundry.com/en/blog/ux-design/what-are-user-flows

Mapping techniques: www.nngroup.com/articles/ux-mapping-methods-study-guide

Design thinking in user-centered design: www.youtube.com/watch?v=6lmvCqvmjfE

Magic Cubes: uclmagiccube.weebly.com/video.html

Building voice-based services: developer.amazon.com/alexa-skills-kit

Constructing augmented reality experiences: developer.apple.com/arkit/

bottom of page