Transcript
Page 1: Lean UX Design: #8 Visual Design

I

Andrius Butkus 2013

Lean UX Design #8 The Right Amount of Visual Design

Page 2: Lean UX Design: #8 Visual Design

How important is visual design in user experience?

!

!

How much time you should spend on visual design early in design process?

Page 3: Lean UX Design: #8 Visual Design

Incredibly important. !

!

!

Not much.

Page 4: Lean UX Design: #8 Visual Design

“you’re running a business, not a museum”

!Laura Klein

function over form

💲

audience product

expectations

Page 5: Lean UX Design: #8 Visual Design

layout color icons fonts

information architecture home screen

menu navigation

visualinteraction!"

Page 6: Lean UX Design: #8 Visual Design
Page 7: Lean UX Design: #8 Visual Design
Page 8: Lean UX Design: #8 Visual Design
Page 9: Lean UX Design: #8 Visual Design

Helvetica Neue Helvetica Neue Helvetica NeueHelvetica Neue Helvetica Neue Helvetica Neue

1983

Page 10: Lean UX Design: #8 Visual Design

iOS 7

Page 11: Lean UX Design: #8 Visual Design

http://flatuicolors.com

Page 12: Lean UX Design: #8 Visual Design
Page 13: Lean UX Design: #8 Visual Design

60% 30% 10%

Page 14: Lean UX Design: #8 Visual Design

I

Andrius Butkus2013

Lean UX Design#1 idea validation

I

Andrius Butkus2013

Lean UX Design#2 structural design patterns

I

Andrius Butkus2013

Lean UX Design#3 metaphors · maps

I

Andrius Butkus2013

Lean UX Design#4 features/intentions · KPI · metroApp · search/explore

I

Andrius Butkus2013

Lean UX Design#5 displaying data on mobile devices

I

Andrius Butkus2013

Lean UX Design#6 using social data

I

Andrius Butkus2013

Lean UX Design#7 Minimum Viable Product

I

Andrius Butkus 2013

Lean UX Design #8 The Right Amount of Visual Design

Page 15: Lean UX Design: #8 Visual Design

flat design

Page 16: Lean UX Design: #8 Visual Design
Page 17: Lean UX Design: #8 Visual Design
Page 18: Lean UX Design: #8 Visual Design
Page 19: Lean UX Design: #8 Visual Design
Page 20: Lean UX Design: #8 Visual Design
Page 21: Lean UX Design: #8 Visual Design
Page 22: Lean UX Design: #8 Visual Design
Page 23: Lean UX Design: #8 Visual Design
Page 24: Lean UX Design: #8 Visual Design
Page 25: Lean UX Design: #8 Visual Design
Page 26: Lean UX Design: #8 Visual Design
Page 27: Lean UX Design: #8 Visual Design
Page 28: Lean UX Design: #8 Visual Design
Page 29: Lean UX Design: #8 Visual Design
Page 30: Lean UX Design: #8 Visual Design

! " # $ % & ' ( ) * + , - . / 0 1 2 3 2 5 6 7

a good logo is easily recognisable as shape alone

Page 31: Lean UX Design: #8 Visual Design

as a user i want something, so that value

as a student i want to learn, so that i get a good grade

as a student i want to learn, so that i get a good job

Page 32: Lean UX Design: #8 Visual Design
Page 33: Lean UX Design: #8 Visual Design
Page 34: Lean UX Design: #8 Visual Design

8 lectures 323 slides 62 hours of preparation 7 hours of lecturing 256 km traveled 43 friends made

📖

#

&

Lean UX Design course 2013

Page 35: Lean UX Design: #8 Visual Design

♥[ thanks ]

www.andriusbutkus.com

! "


Top Related