Jorge proaño

CAMPUS PARTY / UIO / 2011

DESARROLLO DE INTERFACES PARA dispositivos mobiles

01 Intro

Diseño de interfaces

01 Intro

Diseño de interfaces

Interacción “Hombre - Maquina”

•Funcional•Intuitiva•Atractiva

01 Intro

•XEROX 8010

01 Intro

escritorio

•XEROX 8010

01 Intro

01 Intro

•Windows manager•Desktop enviroment

01 Intro

01 Intro

01 Intro

01 Intro

01 Intro

01 Intro

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

uno

01 Intro

Repensar la idea misma del computador personal

01 Intro

Repensar la idea misma del computador personalHardwareSoftware

01 Intro

01 Intro

01 Intro

01 Intro

•Multi - touch

01 Intro

01 Intro

•Poderosa •Siempre conectado•Portable

01 Intro

•Windows manager•Desktop environment•Filesystem•Storage

01 Intro

•Aplicaciones de un solo propósito

01 Intro

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

01 Intro

Aumentan las capacidades del usuarioTodos somos cyborgs

02 Diseño de interfaces

•Funcional•Intuitiva•Atractiva

02 Diseño de interfaces

01 Función define la formametáforas

02 Diseño de interfaces

voice memos calculator convertbot hipstamatic

02 Diseño de interfaces

02 Diseño de interfaces

02 Diseño de interfaces

02 Diseño de interfaces

02 Diseño de interfaces

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

02 Diseño de interfaces

•Retina Display (+300 ppi)

02 Diseño de interfaces

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

02 Diseño de interfaces

•150 ppi aprox13 px

02 Diseño de interfaces

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

02 Diseño de interfaces

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

02 Diseño de interfaces

•Photos app Bullid-in

02 Diseño de interfaces

03 constante información del estado feedback

02 Diseño de interfaces

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

02 Diseño de interfaces

02 Diseño de interfaces

05 respetar la lógica del usuario

02 Diseño de interfaces

02 Diseño de interfaces

06 maximizar el área de trabajo

02 Diseño de interfaces

02 Diseño de interfaces

02 Diseño de interfaces

07 priorizar la funcionabilidad

02 Diseño de interfaces

02 Diseño de interfaces

08 adaptarse a la orientación

02 Diseño de interfaces

02 Diseño de interfaces

09 iconografía fácil de entender

02 Diseño de interfaces

02 Diseño de interfaces

10 estéticamente agradable

02 Diseño de interfaces

03 Case Study

videojuego de estrategia.

03 Case Study

videojuego de estrategia.

03 Case Study

videojuego de estrategia.

03 Case Study

03 Case Study

X:100 y:320

03 Case Study

X:100 y:320

03 Case Study

X:100 y:320

03 Case Study

X:100 y:320

04 Q & A

Preguntas y Respuestas

Stay hungry, Stay foolish