lean ux design: #3 metaphors & maps

47
I Andrius Butkus 2013 Lean UX Design #3 metaphors · maps

Upload: andrius-knispelis

Post on 29-Mar-2016

241 views

Category:

Documents


3 download

DESCRIPTION

How to use metaphors and maps in designing an app? (DTU 2013)

TRANSCRIPT

Page 1: Lean UX Design: #3 Metaphors & Maps

I

Andrius Butkus2013

Lean UX Design#3 metaphors · maps

Page 2: Lean UX Design: #3 Metaphors & Maps

Conceptual Design

Page 4: Lean UX Design: #3 Metaphors & Maps

Take advantage of people’s knowledge of the world by using metaphors to convey concepts and features of your app. Metaphors are the building blocks in the user’s mental model of a task. Use metaphors that represent concrete, familiar ideas, and make the metaphors obvious, so that users can apply a set of expectations to the computer environment.

Metaphors

Creating and meeting expectationsExperiences from the real-world and other softwareMetaphor’s suggested use and software’s ability to extend itPlaylist, album, stack, ...Objects = NounsActions = VerbsTrigger emotions

Page 5: Lean UX Design: #3 Metaphors & Maps

FamiliaritySimplicityAvailabilityDiscoverability

Mental Model

Page 6: Lean UX Design: #3 Metaphors & Maps
Page 7: Lean UX Design: #3 Metaphors & Maps

🔎

📎 🔗

📝

🔒

👍

✉📥👥

♫🌄

🔀 🔁

💻 📱

🔋

⏲⏱

I

Page 8: Lean UX Design: #3 Metaphors & Maps
Page 9: Lean UX Design: #3 Metaphors & Maps
Page 10: Lean UX Design: #3 Metaphors & Maps

✓ ␡

Page 11: Lean UX Design: #3 Metaphors & Maps

desktopsearch

tabmenu

instructionsbookmarks

historygamemap

Page 12: Lean UX Design: #3 Metaphors & Maps
Page 13: Lean UX Design: #3 Metaphors & Maps
Page 14: Lean UX Design: #3 Metaphors & Maps
Page 15: Lean UX Design: #3 Metaphors & Maps
Page 16: Lean UX Design: #3 Metaphors & Maps
Page 17: Lean UX Design: #3 Metaphors & Maps
Page 18: Lean UX Design: #3 Metaphors & Maps
Page 19: Lean UX Design: #3 Metaphors & Maps
Page 20: Lean UX Design: #3 Metaphors & Maps
Page 21: Lean UX Design: #3 Metaphors & Maps
Page 22: Lean UX Design: #3 Metaphors & Maps
Page 23: Lean UX Design: #3 Metaphors & Maps
Page 24: Lean UX Design: #3 Metaphors & Maps
Page 25: Lean UX Design: #3 Metaphors & Maps
Page 26: Lean UX Design: #3 Metaphors & Maps
Page 27: Lean UX Design: #3 Metaphors & Maps
Page 28: Lean UX Design: #3 Metaphors & Maps
Page 29: Lean UX Design: #3 Metaphors & Maps
Page 30: Lean UX Design: #3 Metaphors & Maps
Page 31: Lean UX Design: #3 Metaphors & Maps
Page 32: Lean UX Design: #3 Metaphors & Maps

The future of mobile maps is not about the maps themselves,but about everything you can build on top of them.

Page 33: Lean UX Design: #3 Metaphors & Maps

as a user i want something so that value.

where I am?where are other things?

Page 35: Lean UX Design: #3 Metaphors & Maps

Simulacra and Simulation

Simulacra and Simulation is a 1981 philosophical treatise by Jean Baudrillard seeking to interrogate the relationship among reality, symbols, and society.

define real

Page 36: Lean UX Design: #3 Metaphors & Maps

Which one is a map?

Page 37: Lean UX Design: #3 Metaphors & Maps

London BarcelonaParis

Page 38: Lean UX Design: #3 Metaphors & Maps
Page 39: Lean UX Design: #3 Metaphors & Maps

as a user i want something so that value.

where I am?where are other things?

where are my friends now?where I need to go?

how I can get there now?what’s around me now?

Page 40: Lean UX Design: #3 Metaphors & Maps
Page 41: Lean UX Design: #3 Metaphors & Maps
Page 42: Lean UX Design: #3 Metaphors & Maps
Page 43: Lean UX Design: #3 Metaphors & Maps
Page 44: Lean UX Design: #3 Metaphors & Maps
Page 45: Lean UX Design: #3 Metaphors & Maps
Page 46: Lean UX Design: #3 Metaphors & Maps
Page 47: Lean UX Design: #3 Metaphors & Maps

♥[ thanks ]

www.andriusbutkus.com