Prototyping ideas

If you like this presentation – show it...

Slide 0

Prototyping ideas Create better digital experiences

Slide 1

Colin Preston Lead Creative & Experience Designer

Slide 2

Benefits of prototyping

Slide 3

Prototyping helps us to… COLIN PRESTON

Slide 4

Reduce waste and cost

Slide 5

Reduces time & effort during the implementation phase of a project

Slide 6

Validate ideas quickly

Slide 7

Validate ideas quickly

Slide 8

Design and create products, services or “Experiences” that are desirable to people, viable for a business & technically feasible . Ultimately prototyping helps to…

Slide 9


Slide 10

Don’t waste your time and money producing the wrong method of prototype, for the wrong reason!

Slide 11

Prototype for the right reason

Slide 12

Understand the reason for your prototype COLIN PRESTON

Slide 13

The reason we prototype can generally fall into three categories during the design process

Slide 14

Design and developing an idea Conceptual prototypes

Slide 15

Conceptual prototypes like roleplaying or sketching is to allow the team to work through a design problem, gain feedback, generate insight into the roll of the idea

Slide 16

Validate ideas quickly Test and improving and idea Technical prototypes

Slide 17

Technical prototypes like Browser Demo’s allow teams to gain feedback on tangible features or interactions from reel users about how the idea will be implemented

Slide 18

Validate ideas quickly Communicating an idea Vision prototypes

Slide 19

Vision prototypes like clickable jpg's allow us to sell an idea externally and gain feedback on look and feel

Slide 20

Picking a method

Slide 21

Understanding what method to chose when prototyping COLIN PRESTON

Slide 22

The method of prototype should be driven by what you are testing and the feedback you want.

Slide 23

Slide 24

What role will the idea play in a user’s life? Is it useful or fulfil an need? Prototypes with in the roll corner ask questions about the purpose or function that an idea serves in a user’s life - the way in which it is useful to them. Testing the role of an idea

Slide 25

How should it look and feel? Prototypes in the this corner allow us explore what the user will look at, feel and hear while using the product in device Testing the look and feel

Slide 26

This is about the techniques and components through which an idea performs its function—the “nuts and bolts” of how it actually works. Testing the implementation

Slide 27

Select the right fidelity COLIN PRESTON

Slide 28

During the development of ideas we want feedback from users to be focused on the idea and not the look and feel or a fancy interaction.

Slide 29

Choose the right fidelity level depending on the feedback you need Low fidelity = Better constructive feedback on details High fidelity = Feedback can focus on the visual look and feel

Slide 30

Example design problem COLIN PRESTON

Slide 31

Problem 50% of customers new to running fail to meet their personal fitness goals.

Slide 32

Challenge How might we use technology to support our customers in their fitness goals?

Slide 33

Using prototypes to help generate audience insights COLIN PRESTON

Slide 34

We can observe users engaging with prototypes in the real environments

Slide 35

Insights of how runners use a mobile whilst running can fuel ideas in the design phase

Slide 36

Runners can’t work simple controls on an app whilst running Runners find it hard to look at maps whilst running when following new routes Example observed insights might be

Slide 37

Prototypes to help generate and visualise ideas COLIN PRESTON

Slide 38

Experience Storyboarding COLIN PRESTON

Slide 39

Having thought of an initial idea we can use storyboarding as a method of creating a visual prototype of the whole experience.

Slide 40

Focus you to think trough the whole idea and not just a few UI screens Make you think about who will use, where and how Easily communicate the idea to others and gain feedback Experience storyboarding will…

Slide 41

Slide 42

Slide 43

What the user experience looks like How the service works What the context is How user interface generally works Show in the storyboard:

Slide 44

Role playing COLIN PRESTON

Slide 45

Another quick an easy way to get some tangible feedback and help the designer to better understand the problem or idea is to act out the storyboard or part of it.

Slide 46

The purpose of Role play is to create enough realism to illicit a response from who ever is acting it out.

Slide 47

Help us to see how the idea might be used in context to an environment Identify holes or flaws in the experience quickly Observing might fuel more or better ideas Create enough realism to illicit a response from who ever is acting it out The purpose of role playing is to…

Slide 48

Paper prototyping COLIN PRESTON

Slide 49

This is another quick and simple method of working through an idea in a more visual way.

Slide 50

Quickly step through the interaction points quickly Identify holes or flaws in the experience quickly Observe others using them and easily gain feedback Focused thinking around the device interface Paper prototyping helps you to…

Slide 51

Prototypes to help test and improve interactions COLIN PRESTON

Slide 52

Sketched interaction in devices COLIN PRESTON

Slide 53

This is another quick and simple method of working through the interactions of an idea Copy write - http://www.smashingmagazine.com/

Slide 54

Step through the interaction points on a device Provide more environmental context Gain feedback on the concept Focused thinking around the device interface Clickable prototyping helps you to…

Slide 55

These are just a few examples of how we can use low fidelity prototyping during the design and development of idea.

Slide 56

Quick, fast and simple COLIN PRESTON

Slide 57

You should be able to gain valuable feedback and insight throughout the design thinking process from real users.

Slide 58

Failure and prototyping go together COLIN PRESTON

Slide 59

Your prototypes will fail! Every failure is an opportunity to learn something new about a user

Slide 60

Create better ideas rooted in human centred design thinking COLIN PRESTON

Slide 61


Slide 62

https://iversity.org/en/my/courses/prototyping-interactionProvide more environmental context Further resources