jorge proaño

67

Upload: campuspartyquito

Post on 13-Dec-2014

194 views

Category:

Documents


3 download

DESCRIPTION

conferencia de jorge proaño en el area de social media

TRANSCRIPT

Page 1: Jorge proaño
Page 2: Jorge proaño

CAMPUS PARTY / UIO / 2011

DESARROLLO DE INTERFACES PARA dispositivos mobiles

Page 3: Jorge proaño

01 Intro

Diseño de interfaces

Page 4: Jorge proaño

01 Intro

Diseño de interfaces

Interacción “Hombre - Maquina”

•Funcional•Intuitiva•Atractiva

Page 5: Jorge proaño

01 Intro

•XEROX 8010

Page 6: Jorge proaño

01 Intro

escritorio

•XEROX 8010

Page 7: Jorge proaño

01 Intro

Page 8: Jorge proaño

01 Intro

•Windows manager•Desktop enviroment

Page 9: Jorge proaño

01 Intro

Page 10: Jorge proaño

01 Intro

Page 11: Jorge proaño

01 Intro

Page 12: Jorge proaño

01 Intro

Page 13: Jorge proaño

01 Intro

Page 14: Jorge proaño

01 Intro

Máquina de uso común más compleja de operarVehículos son un distante segundo y necesitas licencia para manejar

uno

Page 15: Jorge proaño

01 Intro

Repensar la idea misma del computador personal

Page 16: Jorge proaño

01 Intro

Repensar la idea misma del computador personalHardwareSoftware

Page 17: Jorge proaño

01 Intro

Page 18: Jorge proaño

01 Intro

Page 19: Jorge proaño

01 Intro

Page 20: Jorge proaño

01 Intro

•Multi - touch

Page 21: Jorge proaño

01 Intro

Page 22: Jorge proaño

01 Intro

•Poderosa •Siempre conectado•Portable

Page 23: Jorge proaño

01 Intro

•Windows manager•Desktop environment•Filesystem•Storage

Page 24: Jorge proaño

01 Intro

•Aplicaciones de un solo propósito

Page 25: Jorge proaño

01 Intro

•Aplicaciones de un solo propósito“there’s an app for that”

Page 26: Jorge proaño

01 Intro

Aumentan las capacidades del usuarioTodos somos cyborgs

Page 27: Jorge proaño

02 Diseño de interfaces

•Funcional•Intuitiva•Atractiva

Page 28: Jorge proaño

02 Diseño de interfaces

01 Función define la formametáforas

Page 29: Jorge proaño

02 Diseño de interfaces

voice memos calculator convertbot hipstamatic

Page 30: Jorge proaño

02 Diseño de interfaces

Page 31: Jorge proaño

02 Diseño de interfaces

Page 32: Jorge proaño

02 Diseño de interfaces

Page 33: Jorge proaño

02 Diseño de interfaces

Page 34: Jorge proaño

02 Diseño de interfaces

02 Si no se lee no funcionaTextos en dispositivos móviles

Page 35: Jorge proaño

02 Diseño de interfaces

•Retina Display (+300 ppi)

Page 36: Jorge proaño

02 Diseño de interfaces

•Retina Display (+300 ppi)Misma legibilidad que el papel

Page 37: Jorge proaño

02 Diseño de interfaces

•150 ppi aprox13 px

Page 38: Jorge proaño

02 Diseño de interfaces

•Review app http://www.getreviewapp.com/

Page 39: Jorge proaño

02 Diseño de interfaces

•Fontcase app http://www.bohemiancoding.com/fontcase

Page 40: Jorge proaño

02 Diseño de interfaces

•Photos app Bullid-in

Page 41: Jorge proaño

02 Diseño de interfaces

03 constante información del estado feedback

Page 42: Jorge proaño

02 Diseño de interfaces

Page 43: Jorge proaño

02 Diseño de interfaces

04 actuar como se esperaría “The more users’ expectations prove right,

the more they will feel in control of the Systemand the more they will like it.” – Jakob Nielson

Page 44: Jorge proaño

02 Diseño de interfaces

Page 45: Jorge proaño

02 Diseño de interfaces

05 respetar la lógica del usuario

Page 46: Jorge proaño

02 Diseño de interfaces

Page 47: Jorge proaño

02 Diseño de interfaces

06 maximizar el área de trabajo

Page 48: Jorge proaño

02 Diseño de interfaces

Page 49: Jorge proaño

02 Diseño de interfaces

Page 50: Jorge proaño

02 Diseño de interfaces

07 priorizar la funcionabilidad

Page 51: Jorge proaño

02 Diseño de interfaces

Page 52: Jorge proaño

02 Diseño de interfaces

08 adaptarse a la orientación

Page 53: Jorge proaño

02 Diseño de interfaces

Page 54: Jorge proaño

02 Diseño de interfaces

09 iconografía fácil de entender

Page 55: Jorge proaño

02 Diseño de interfaces

Page 56: Jorge proaño

02 Diseño de interfaces

10 estéticamente agradable

Page 57: Jorge proaño

02 Diseño de interfaces

Page 58: Jorge proaño

03 Case Study

videojuego de estrategia.

Page 59: Jorge proaño

03 Case Study

videojuego de estrategia.

Page 60: Jorge proaño

03 Case Study

videojuego de estrategia.

Page 61: Jorge proaño

03 Case Study

Page 62: Jorge proaño

03 Case Study

X:100 y:320

Page 63: Jorge proaño

03 Case Study

X:100 y:320

Page 64: Jorge proaño

03 Case Study

X:100 y:320

Page 65: Jorge proaño

03 Case Study

X:100 y:320

Page 66: Jorge proaño

04 Q & A

Preguntas y Respuestas

Page 67: Jorge proaño

Stay hungry, Stay foolish