Top Banner
____
52
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Sketching

____

Page 2: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

UX sketching, communicating designRoy Scholten | yoroy

Page 3: Sketching

Uh, what was the question again?

Page 4: Sketching

Process

Page 5: Sketching

QuickTime™ and a

TIFF (Uncompressed) decompressor

are needed to see this picture.

P.I.S.A.

Page 6: Sketching

QuickTime™ and a

TIFF (Uncompressed) decompressor

are needed to see this picture.

P.I.S.A.Problem, inventory, selectionarbitration

Page 7: Sketching

Communicating design

Page 8: Sketching

Design deliverables

Page 9: Sketching

Site maps

A visual representation of a web site’s structure. Also known as structural model, taxonomy, hierarchy,navigation model.

Page 10: Sketching

Site map

Page 11: Sketching

Origami 101

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Page 12: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Origami 102

Page 13: Sketching
Page 14: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Concept models

Page 15: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Concept model: FlickrConcept model: Flickr

Page 16: Sketching

Concept model: Views 2

Page 17: Sketching
Page 18: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Page 19: Sketching

Wireframes

Page 20: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Wireframes

Page 21: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Wireframe

Page 22: Sketching
Page 23: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Page 24: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Fidelity and audience

Page 25: Sketching
Page 26: Sketching

QuickTime™ and aH.264 decompressor

are needed to see this picture.

Page 27: Sketching

QuickTime™ and aH.264 decompressor

are needed to see this picture.

Page 28: Sketching

These are all prototypes!

Page 29: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

“The best way to a good idea is to have lots of ideas.”

Page 30: Sketching

Sketching!

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Page 31: Sketching

A sketch is:

- Quick- Timely- Cheap- Disposable- Plentiful- As refined as the project itself

Page 32: Sketching

QuickTime™ and aH.264 decompressor

are needed to see this picture.

Page 33: Sketching

Multiples

Page 34: Sketching

Multiples

Page 35: Sketching

Sketches welcome

Page 36: Sketching

? * 10 * 3 * 1

Page 37: Sketching

Case study: nabuur

Page 38: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Concept / Storyboard

Page 39: Sketching

____

Page 40: Sketching
Page 41: Sketching

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Panels

Page 42: Sketching
Page 43: Sketching

Panels

Page 44: Sketching

____

Page 45: Sketching

____

QuickTime™ and aTIFF (Uncompressed) decompressor

are needed to see this picture.

Page 46: Sketching

____

Page 47: Sketching

Thank you.

Page 48: Sketching

http://docholdsfourth.blogspot.com/2008/07/questions-to-ask-for-any-ux-project.html

Page 49: Sketching

____

Page 50: Sketching

____

Page 51: Sketching

____

Page 52: Sketching

____