Download - Jorge proaño
![Page 1: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/1.jpg)
![Page 2: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/2.jpg)
CAMPUS PARTY / UIO / 2011
DESARROLLO DE INTERFACES PARA dispositivos mobiles
![Page 3: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/3.jpg)
01 Intro
Diseño de interfaces
![Page 4: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/4.jpg)
01 Intro
Diseño de interfaces
Interacción “Hombre - Maquina”
•Funcional•Intuitiva•Atractiva
![Page 5: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/5.jpg)
01 Intro
•XEROX 8010
![Page 6: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/6.jpg)
01 Intro
escritorio
•XEROX 8010
![Page 7: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/7.jpg)
01 Intro
![Page 8: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/8.jpg)
01 Intro
•Windows manager•Desktop enviroment
![Page 9: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/9.jpg)
01 Intro
![Page 10: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/10.jpg)
01 Intro
![Page 11: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/11.jpg)
01 Intro
![Page 12: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/12.jpg)
01 Intro
![Page 13: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/13.jpg)
01 Intro
![Page 14: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/14.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/15.jpg)
01 Intro
Repensar la idea misma del computador personal
![Page 16: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/16.jpg)
01 Intro
Repensar la idea misma del computador personalHardwareSoftware
![Page 17: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/17.jpg)
01 Intro
![Page 18: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/18.jpg)
01 Intro
![Page 19: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/19.jpg)
01 Intro
![Page 20: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/20.jpg)
01 Intro
•Multi - touch
![Page 21: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/21.jpg)
01 Intro
![Page 22: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/22.jpg)
01 Intro
•Poderosa •Siempre conectado•Portable
![Page 23: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/23.jpg)
01 Intro
•Windows manager•Desktop environment•Filesystem•Storage
![Page 24: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/24.jpg)
01 Intro
•Aplicaciones de un solo propósito
![Page 25: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/25.jpg)
01 Intro
•Aplicaciones de un solo propósito“there’s an app for that”
![Page 26: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/26.jpg)
01 Intro
Aumentan las capacidades del usuarioTodos somos cyborgs
![Page 27: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/27.jpg)
02 Diseño de interfaces
•Funcional•Intuitiva•Atractiva
![Page 28: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/28.jpg)
02 Diseño de interfaces
01 Función define la formametáforas
![Page 29: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/29.jpg)
02 Diseño de interfaces
voice memos calculator convertbot hipstamatic
![Page 30: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/30.jpg)
02 Diseño de interfaces
![Page 31: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/31.jpg)
02 Diseño de interfaces
![Page 32: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/32.jpg)
02 Diseño de interfaces
![Page 33: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/33.jpg)
02 Diseño de interfaces
![Page 34: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/34.jpg)
02 Diseño de interfaces
02 Si no se lee no funcionaTextos en dispositivos móviles
![Page 35: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/35.jpg)
02 Diseño de interfaces
•Retina Display (+300 ppi)
![Page 36: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/36.jpg)
02 Diseño de interfaces
•Retina Display (+300 ppi)Misma legibilidad que el papel
![Page 37: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/37.jpg)
02 Diseño de interfaces
•150 ppi aprox13 px
![Page 38: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/38.jpg)
02 Diseño de interfaces
•Review app http://www.getreviewapp.com/
![Page 39: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/39.jpg)
02 Diseño de interfaces
•Fontcase app http://www.bohemiancoding.com/fontcase
![Page 40: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/40.jpg)
02 Diseño de interfaces
•Photos app Bullid-in
![Page 41: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/41.jpg)
02 Diseño de interfaces
03 constante información del estado feedback
![Page 42: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/42.jpg)
02 Diseño de interfaces
![Page 43: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/43.jpg)
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](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/44.jpg)
02 Diseño de interfaces
![Page 45: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/45.jpg)
02 Diseño de interfaces
05 respetar la lógica del usuario
![Page 46: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/46.jpg)
02 Diseño de interfaces
![Page 47: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/47.jpg)
02 Diseño de interfaces
06 maximizar el área de trabajo
![Page 48: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/48.jpg)
02 Diseño de interfaces
![Page 49: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/49.jpg)
02 Diseño de interfaces
![Page 50: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/50.jpg)
02 Diseño de interfaces
07 priorizar la funcionabilidad
![Page 51: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/51.jpg)
02 Diseño de interfaces
![Page 52: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/52.jpg)
02 Diseño de interfaces
08 adaptarse a la orientación
![Page 53: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/53.jpg)
02 Diseño de interfaces
![Page 54: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/54.jpg)
02 Diseño de interfaces
09 iconografía fácil de entender
![Page 55: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/55.jpg)
02 Diseño de interfaces
![Page 56: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/56.jpg)
02 Diseño de interfaces
10 estéticamente agradable
![Page 57: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/57.jpg)
02 Diseño de interfaces
![Page 58: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/58.jpg)
03 Case Study
videojuego de estrategia.
![Page 59: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/59.jpg)
03 Case Study
videojuego de estrategia.
![Page 60: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/60.jpg)
03 Case Study
videojuego de estrategia.
![Page 61: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/61.jpg)
03 Case Study
![Page 62: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/62.jpg)
03 Case Study
X:100 y:320
![Page 63: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/63.jpg)
03 Case Study
X:100 y:320
![Page 64: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/64.jpg)
03 Case Study
X:100 y:320
![Page 65: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/65.jpg)
03 Case Study
X:100 y:320
![Page 66: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/66.jpg)
04 Q & A
Preguntas y Respuestas
![Page 67: Jorge proaño](https://reader036.vdocuments.us/reader036/viewer/2022081413/548bfa2fb4795905048b4617/html5/thumbnails/67.jpg)
Stay hungry, Stay foolish