Paperprototyping

50 %
50 %
Information about Paperprototyping
How-to & DIY

Published on February 26, 2009

Author: NotesSensei

Source: slideshare.net

Description

Talk about Prototyping for Microsoft's RIAction day 2009

Paper Prototypes and Wire Frames Debug your applications before you write code

 

Prototyping helps to clarify specifications, reduce risk Paper Prototyping - is fast, fun, effective improves on team building and communication - needs proper facilitation Executive Summary

Prototyping helps to clarify specifications, reduce risk

Paper Prototyping

- is fast, fun, effective

improves on team building and communication

- needs proper facilitation

Definitions Prototype: an individual that exhibits the essential features of a later type (Merriam Webster) Usability: The extend to which a product can be used by specific users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." (ISO 9241:11)

Prototype: an individual that exhibits the essential features of a later type (Merriam Webster)

Usability: The extend to which a product can be used by specific users to achieve specified goals with effectiveness, efficiency and satisfaction in a specified context of use." (ISO 9241:11)

The Problem

Telling vs. Doing

Best Quality Shortest Time Lowest Cost Pick any 2

Cost of Software Fixes UAT Prototyping

40% Patterns of large software systems: failure and success (Capers Jones)

Prototyping Results

Hidden Requirements

Application Ownership

Common Understanding

Team Building

World Peace! At least no more opinion wars!

Your Toolbox HTML Visio Visual Basic Photoshop Prototyping Software Denim (Berkeley University) Balsamic Mockups

HTML

Visio

Visual Basic

Photoshop

Prototyping Software

Denim (Berkeley University)

Balsamic Mockups

Demo Time: BALSAMIC MOCKUPS

If it looks to good it took too long!

Now it needs to work!

Problem here: Effort similar to full application Change cycles to long Wrong impressions about progress

Effort similar to full application

Change cycles to long

Wrong impressions about progress

Paper?

Looking good is bad!

If it looks good, users expect it to be completed and available!

So how does it actually work?

Let user interact!

But it is Paper? You are the CPU!

 

Demo Time (Video on Youtube)

What can you test?

This works: Concepts Terminology Navigation Workflow Task flow Content Functionality Layout Brand

Concepts

Terminology

Navigation

Workflow

Task flow

Content

Functionality

Layout

Brand

Other tests required: Micro actions Keyboard/Mouse errors Size Timing Long term use Compatibility Looks?

Micro actions

Keyboard/Mouse errors

Size

Timing

Long term use

Compatibility

Setting up a prototype

Breath & Depth

Interaction Model

2 Distinct Steps! Create! Test!

Create!

Test! Get your story right! Breath Look Depth Interaction

Breath

Keep the unfinished look!!!!

Overcome Objections It doesn’t look real Waste of time Not scientific Unprofessional

It doesn’t look real

Waste of time

Not scientific

Unprofessional

Session Preparation Location, Setup Participants Facilitator Computer (max. 0.00001 MHz) Observers Tester Introduction, Ground Rules

Location, Setup

Participants

Facilitator

Computer (max. 0.00001 MHz)

Observers

Tester

Introduction, Ground Rules

Observers The developers The system architect The project manager NOT the boss of the test person

The developers

The system architect

The project manager

NOT the boss of the test person

The Session Introduce the session Introduce to observers Ask for consent if you tape it Introduce the tasks: Scheduled duration Think aloud No spoon feeding!!!

Introduce the session

Introduce to observers

Ask for consent if you tape it

Introduce the tasks:

Scheduled duration

Think aloud

No spoon feeding!!!

The Facilitator's Roles Flight Attendant Sports Caster Scientist

Flight Attendant

Sports Caster

Scientist

Findings Watch what users do Listen what users say Give feedback only AFTER the session and only about the prototype Use creativity techniques to sort out your findings

Watch what users do

Listen what users say

Give feedback only AFTER the session and only about the prototype

Use creativity

techniques to sort

out your findings

Debriefing The debriefing session is as important as the test Affinity diagrams Mind maps Action plan

The debriefing session is as important as the test

Affinity diagrams

Mind maps

Action plan

Common Challenges

Screen estates

More Pitfalls Selection of testers Session disruptions Available scope Guidance (too much / too little) User goals incomplete

Selection of testers

Session disruptions

Available scope

Guidance (too much / too little)

User goals incomplete

Resources http://www.paperprototyping.com http://www.useit.com http://www.upassoc.org/ http://www.formsthatwork.com http://www.origami.com/ Your local papershop

http://www.paperprototyping.com

http://www.useit.com

http://www.upassoc.org/

http://www.formsthatwork.com

http://www.origami.com/

Your local papershop

http://www.balsamiq.com/products/mockups

http://mayo.svidnik.com/images/blog_pics/feed-icon.png

Q&A

Thank you! Stephan H. Wissel Lotus Technology & Productivity Advisor [email_address]

Add a comment

Related presentations

Related pages

Paper Prototyping – Wikipedia

Paper Prototyping ist eine Methode der nutzerorientierten Gestaltung (User Centered Design). Dabei wird mit Hilfe von gezeichneten oder gedruckten GUI ...
Read more

Welcome to PaperPrototyping.com

This is the companion web site for the book Paper Prototyping by Carolyn Snyder. Here you’ll find downloadable versions of materials ...
Read more

What is Paper Prototyping - Welcome to PaperPrototyping.com

Some paper prototypes are hand-drawn, while others use printed-out screen shots. How is paper prototyping ... Send comments to feedback@paperprototyping.com.
Read more

Paper Prototyping · An A List Apart Article

Running with scissors isn't recommended for kids, but it might be ideal for your next big development project. With interfaces becoming more complex and ...
Read more

Paper Prototyping - Medieninformatik - LMU München ...

http://dmt.fh-joanneum.at/projects/ebus2/objects/application_pdf/Test_Doku_paperprototyping_v1-1.pdf ...
Read more

Paper prototyping - Wikipedia, the free encyclopedia

In human–computer interaction, paper prototyping is a widely used method in the user-centered design process, a process that helps developers to create ...
Read more

Snyder Consulting - Paper Prototyping

Why not just use Visual Basic, HTML, etc.? There are some inherent advantages that paper prototyping offers over any computer-based prototype, no matter ...
Read more

7 myths about paper prototyping - User experience UX ...

7 myths about paper prototyping. Paper prototyping is probably the best tool we have to design great user experiences. It allows you to involve users early ...
Read more

22C3_498 Paper-Prototyping Workshop - Chaosradio Podcast ...

Chaosradio Tech-Talk-Radio ... Paper-Prototyping Workshop. Eine Usability-Methode. Veröffentlicht am: 30.12.2005, 13:00 Uhr
Read more

Paper Prototyping - Medieninformatik - LMU München ...

http://www.PaperPrototyping.com/ 7. Wikipedia . Paper Prototyping . 01-02-07 http://en.wikipedia.org/wiki/Paper_Prototyping#Applying_Paper_prototypes
Read more