ux revolution? ux evolution!!!!!

65
UX Revolution UX Designer Juan Hidalgo

Upload: juan-hidalgo-reina

Post on 02-Jul-2015

372 views

Category:

Design


14 download

DESCRIPTION

When we examine the Evolution of UX over the years, we can divide it into 3 broad sections. The first section is about the Design´s Paradigm. ( I promise not to be boring). The second one is knowing and accepting that everything we do, we do with the user in the center of our decisions, and understanding that we should measure the risk of our decisions And finally the rapid evolution of new interfaces. Our products have evolved based in the evolution of these sections. I´ll show you this evolution in a section about Liferay Portal

TRANSCRIPT

Page 1: UX Revolution?  UX Evolution!!!!!

UX Revolution

UX DesignerJuan Hidalgo

Page 2: UX Revolution?  UX Evolution!!!!!
Page 3: UX Revolution?  UX Evolution!!!!!

EVOLUTION = STRATEGY

Page 4: UX Revolution?  UX Evolution!!!!!

PORTAL PORTAL

Design´s Paradigm

E V O L U T I O N

Users Interfaces

P o r t a l

Page 5: UX Revolution?  UX Evolution!!!!!

Design´s Paradigm

Page 6: UX Revolution?  UX Evolution!!!!!

Ergonomics Usability Emo9on

1940 1970 2000

Safe Usage Easy Usage Pleasure Usage

Preventing negative Experiences Creating positive experiences

*Marco van Hout

Design´s paradigm 

Page 7: UX Revolution?  UX Evolution!!!!!

UX = Emotion = Microinteractions = Details

Design´s

Paradigms 

Page 8: UX Revolution?  UX Evolution!!!!!

Dieter Rams Industrial Designer

Page 9: UX Revolution?  UX Evolution!!!!!
Page 10: UX Revolution?  UX Evolution!!!!!

3.200 million euros

Page 11: UX Revolution?  UX Evolution!!!!!
Page 12: UX Revolution?  UX Evolution!!!!!
Page 13: UX Revolution?  UX Evolution!!!!!

USERS    

Page 14: UX Revolution?  UX Evolution!!!!!

Users

Page 15: UX Revolution?  UX Evolution!!!!!

Users

Page 16: UX Revolution?  UX Evolution!!!!!

Users

Page 17: UX Revolution?  UX Evolution!!!!!

Users

Page 18: UX Revolution?  UX Evolution!!!!!
Page 19: UX Revolution?  UX Evolution!!!!!
Page 20: UX Revolution?  UX Evolution!!!!!

You can't manage what you don't measure.” - Edward Deming

Page 21: UX Revolution?  UX Evolution!!!!!

INTERFACES    

Page 22: UX Revolution?  UX Evolution!!!!!

“19th century culture was defined by the novel , 20th century culture by cinema, the culture of the 21st century will be defined by the interface.” !-Lev Manovich

Page 23: UX Revolution?  UX Evolution!!!!!

Interfaces

*Borja Delgado @borjadelgado

Excellent  

Usable

Reliable

Functional

PleasurableConfort Zone

Page 24: UX Revolution?  UX Evolution!!!!!
Page 25: UX Revolution?  UX Evolution!!!!!
Page 26: UX Revolution?  UX Evolution!!!!!
Page 27: UX Revolution?  UX Evolution!!!!!

*Denys Nevozhai

Page 28: UX Revolution?  UX Evolution!!!!!

*Denys Nevozhai

Page 29: UX Revolution?  UX Evolution!!!!!

*Denys Nevozhai

Page 30: UX Revolution?  UX Evolution!!!!!

*Denys Nevozhai

Page 31: UX Revolution?  UX Evolution!!!!!

*Denys Nevozhai

Page 32: UX Revolution?  UX Evolution!!!!!

Butler

Page 33: UX Revolution?  UX Evolution!!!!!

Butler

Page 34: UX Revolution?  UX Evolution!!!!!

Golden Rules? are Design´s Principle

Hicks

ChunkingFiJs

Horror  Vacui

Page 35: UX Revolution?  UX Evolution!!!!!

Fitt´s Law

Predicts that the time required to rapidly move to a target area is a function of the distance to the target and the size of the target.

Page 36: UX Revolution?  UX Evolution!!!!!

Fitt´s Law

Designer

Developer

Form

Name Surname

Submit Cancel

Page 37: UX Revolution?  UX Evolution!!!!!

Fitt´s Law

Designer

Developer

Form

Name Surname

Submit Cancel

Page 38: UX Revolution?  UX Evolution!!!!!

Chunking

4 -+

Page 39: UX Revolution?  UX Evolution!!!!!

Chunking

key dog pencil sky car feeling blue garden november watch

10{3{3{4{

key dog pencil

sky car feeling

blue garden november watch30s

key dog pencil sky car

5{30s

Page 40: UX Revolution?  UX Evolution!!!!!

Hick´s Law

The time it takes for a person to make a decision based on the number of choices available.

Page 41: UX Revolution?  UX Evolution!!!!!

Hick´s Law

Page 42: UX Revolution?  UX Evolution!!!!!

Hick´s Law

Page 43: UX Revolution?  UX Evolution!!!!!

Horror Vacui

Horror Vacui = fear of empty space

Page 44: UX Revolution?  UX Evolution!!!!!

Horror Vacui

Page 45: UX Revolution?  UX Evolution!!!!!

Horror Vacui

Page 46: UX Revolution?  UX Evolution!!!!!
Page 47: UX Revolution?  UX Evolution!!!!!

PORTAL

Page 48: UX Revolution?  UX Evolution!!!!!

Portal

Page 49: UX Revolution?  UX Evolution!!!!!

Portal

Page 50: UX Revolution?  UX Evolution!!!!!

Portal

Page 51: UX Revolution?  UX Evolution!!!!!

Portal

Page 52: UX Revolution?  UX Evolution!!!!!

Portal

Page 53: UX Revolution?  UX Evolution!!!!!

7

Page 54: UX Revolution?  UX Evolution!!!!!
Page 55: UX Revolution?  UX Evolution!!!!!
Page 56: UX Revolution?  UX Evolution!!!!!
Page 57: UX Revolution?  UX Evolution!!!!!
Page 58: UX Revolution?  UX Evolution!!!!!
Page 59: UX Revolution?  UX Evolution!!!!!
Page 60: UX Revolution?  UX Evolution!!!!!

Themes

Page 61: UX Revolution?  UX Evolution!!!!!

Themes

Page 62: UX Revolution?  UX Evolution!!!!!

Themes

Page 63: UX Revolution?  UX Evolution!!!!!

Guidelines

Page 64: UX Revolution?  UX Evolution!!!!!

Guidelines

Page 65: UX Revolution?  UX Evolution!!!!!

#LRDEVCON

Juan Hidalgo UX Designer at Liferay Inc. !@jhidalgoreina