sketching prototypes @uxtalks #3

31
י ו ם ש ל י ש י, 1 ב א ו ק ט ו ב ר13

Upload: david-ismailov

Post on 13-Jul-2015

220 views

Category:

Design


3 download

TRANSCRIPT

13 רבוטקואב 1 ,ישילש םוי

David Ismailov

User Experience & 3D Technical Manager@Optitex LTD.

About me...

13 רבוטקואב 1 ,ישילש םוי

13 רבוטקואב 1 ,ישילש םוי

WHAT ARE PROTOTYPES?

13 רבוטקואב 1 ,ישילש םוי

WHAT ARE PROTOTYPES?

13 רבוטקואב 1 ,ישילש םוי

WHAT ARE PROTOTYPES?

Functional/InteractiveFull App Simulation

from πρῶτος (protos), "first" and τύπος (typos), "impression".A prototype is an early sample, model or release of a product built to test a concept

(Wikipedia)

13 רבוטקואב 1 ,ישילש םוי

The Two BillsBill Verplank Bill Buxton

“Interactive Design” “Sketching User Experience”

13 רבוטקואב 1 ,ישילש םוי

“‘Prototyping’ is externalizing and making concrete a design idea for the purpose of evaluation.”

BillV says…

13 רבוטקואב 1 ,ישילש םוי

“Evaluation” is a big word

Self-ReflectionExpert Review

Team Critique

Client Review

User Feedback/Critique

Observing Users

13 רבוטקואב 1 ,ישילש םוי

“Prototyping” is a big word, too

simple complex

13 רבוטקואב 1 ,ישילש םוי

BillB says… “Sketching is central to design thinking and learning.”

“Sketching is a process of dialog, of learning.”

”Quick. Timely. Inexpensive. Disposable. Plentiful. “

“Suggests and explores more than confirms.”

“Going beyond ‘good enough’ is a negative.”

13 רבוטקואב 1 ,ישילש םוי

BillB also says…

“Sketches are not Prototypes!”

13 רבוטקואב 1 ,ישילש םוי

So… can we sketch prototypes?

13 רבוטקואב 1 ,ישילש םוי

13 רבוטקואב 1 ,ישילש םוי

Select the Right Tool for the PurposeHow to Effectively Sketch Prototypes?

13 רבוטקואב 1 ,ישילש םוי

Explore a user experience flow.

Explore particular interfaces on their own.

Explore transitions & animations.

Communicate a particular design for implementation.

Evaluate the feasibility of a design.

Full on application simulation.

sketching

What is our scope?

{13 רבוטקואב 1 ,ישילש םוי

Writing –

Explore a User Experience Flow

Storyboarding – Sketching Interaction Flow

13 רבוטקואב 1 ,ישילש םוי

13 רבוטקואב 1 ,ישילש םוי

DEMO

13 רבוטקואב 1 ,ישילש םוי

Explore Particular Interfaces

Pen & Paper/Whiteboard – Multiple FlowsWireframing –

13 רבוטקואב 1 ,ישילש םוי

DEMO

13 רבוטקואב 1 ,ישילש םוי

Explore Transitions/Animations

Interactive Prototyping Tool – Animation Frameworks

13 רבוטקואב 1 ,ישילש םוי

Communicate for Implementation

13 רבוטקואב 1 ,ישילש םוי

DEMO

13 רבוטקואב 1 ,ישילש םוי

Don’t Stop with Your First Concept

it is just “Protos Typos”

13 רבוטקואב 1 ,ישילש םוי

Evaluate with REAL USERS

13 רבוטקואב 1 ,ישילש םוי

Keep It Disposable!

Stay focused

Prefer Single Path

Omit irrelevant details

Fake it!

Not a real product

13 רבוטקואב 1 ,ישילש םוי

Sources Quoted

13 רבוטקואב 1 ,ישילש םוי

Special Thanks to...

Ambrose Little

Principal Design Technologist at Infragistics

(Product Manager, Indigo Studio)

13 רבוטקואב 1 ,ישילש םוי

One More Thing...

13 רבוטקואב 1 ,ישילש םוי

Thank YOU!

13 רבוטקואב 1 ,ישילש םוי