Prototyping
Why do we prototype?
The prototype is used for
validating concepts and
testing those with users
•  Produce something tangible after ideating for
identifying challenges and uncovering subtleties!
1 18-02-2017!
In the digital world the prototyping cycle
is always iterative
Prototype – Test - Iterate
2 18-02-2017!
•  When it comes to the manufacturing process, the cycle
tends to be closed where there is a final prototype that
will be produced.!
What defines a good service
3 18-02-2017!
A right product (business, technology and design) !
to the right people (human-centred approach) !
at the right time (lean and agile) !
with the right experience (human-centred design) !
What defines a good product
utility (does it fulfill a physical need?) !
desirability (does it fulfill an emotional need?) !
usability (can I actually use it to meet a need?) !
and the experience (am I valued as a customer?) !
before, during, and after the purchase decision !
How do we prototype?
4 18-02-2017!
•  Multi-disciplinary working teams !
The benefits of doing this include speeding up problem-
solving during the project, as potential issues and
bottlenecks are identified early on, and potential delays
are addressed.!
•  Visual management techniques!
By aligning objectives, tasks and deliverables. Such visual
management techniques are equally a key
communications tool for the rest of the team, and are used
to track project deliverables, developments, timings and
internal or external dependencies.!
What do we prototype?What do we prototype?
5 18-02-2017!
Storyboard
1 2 3 4
5 6 7 8
9 10 11 12
Use this storyboard or create
a role play to prototype how
your idea might work.
Visualise the staps of your
idea by following someones
journey through your idea.
The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete
the image and then insert it again.
There are many online tools
6 18-02-2017!
•  Flow maps!
Draw.io, Cacoo!
•  Mobile online prototype!
Pop app, Marvel app !
•  Remote usability testing!
Validately, Loop!
Thanks!
laoliver.com

Why prototyping digital services is very important

  • 1.
  • 2.
    Why do weprototype? The prototype is used for validating concepts and testing those with users •  Produce something tangible after ideating for identifying challenges and uncovering subtleties! 1 18-02-2017!
  • 3.
    In the digitalworld the prototyping cycle is always iterative Prototype – Test - Iterate 2 18-02-2017! •  When it comes to the manufacturing process, the cycle tends to be closed where there is a final prototype that will be produced.!
  • 4.
    What defines agood service 3 18-02-2017! A right product (business, technology and design) ! to the right people (human-centred approach) ! at the right time (lean and agile) ! with the right experience (human-centred design) ! What defines a good product utility (does it fulfill a physical need?) ! desirability (does it fulfill an emotional need?) ! usability (can I actually use it to meet a need?) ! and the experience (am I valued as a customer?) ! before, during, and after the purchase decision !
  • 5.
    How do weprototype? 4 18-02-2017! •  Multi-disciplinary working teams ! The benefits of doing this include speeding up problem- solving during the project, as potential issues and bottlenecks are identified early on, and potential delays are addressed.! •  Visual management techniques! By aligning objectives, tasks and deliverables. Such visual management techniques are equally a key communications tool for the rest of the team, and are used to track project deliverables, developments, timings and internal or external dependencies.!
  • 6.
    What do weprototype?What do we prototype? 5 18-02-2017! Storyboard 1 2 3 4 5 6 7 8 9 10 11 12 Use this storyboard or create a role play to prototype how your idea might work. Visualise the staps of your idea by following someones journey through your idea. The image cannot be displayed. Your computer may not have enough memory to open the image, or the image may have been corrupted. Restart your computer, and then open the file again. If the red x still appears, you may have to delete the image and then insert it again.
  • 7.
    There are manyonline tools 6 18-02-2017! •  Flow maps! Draw.io, Cacoo! •  Mobile online prototype! Pop app, Marvel app ! •  Remote usability testing! Validately, Loop!
  • 8.