Un diseñador vs. cientos de dispositivos

Charla dada el 1 de agosto del 2013 en el Encuentro Latinoamericano de diseño, Universidad de Palermo. Buenos Aires.

Transcript

1. vs. CIENTOS DE DISPOSITIVOS UN DISEÑADOR @luguedesde pasequeestaabierto.tumblr.com Lucía Guedes de Rezende
2. DIGITAL IMPRESO
3. Photo by: Christopher Mr.Thomas - Flickr Photo by: Daniel Photos - Flickr
4. Photo by: Sarah Ackerman - Flickr
5. Photo by: animoca.com
6. Photo by: LGEPR - Flickr Photo by: Official GDC - Flickr Photo by: Garry Knight - Flickr
8. QUÉ ES UNA APLICACIÓN?
9. Wikipedia dice: “Una aplicación móvil o app es una aplicación informática diseñada para ser ejecutada en teléfonos inteligentes, tabletas y otros dispositivos móviles....”
14. 2008 2008 2010
15. 100 MILLONES U$S 2011
16. POBLACIÓN MÓVIL 2013 80% Fuente: http://www.mobilemarketingmagazine.co.uk/
18. QUIÉN?
20. iOS
21. android.com/devices) Android
22. Windows
23. CÓMO?
24. NATIVA VS. WEB VS. HÍBRIDA
25. JAVA PARA ANDROID OBJECTIVE-C JAVA PARA BLACKBERRY VISUAL C++ Nativas
26. HTML5 Web
27. HTML5 Híbridas
28. 1 Idea 3 Experiencia 4 Estructura 5 Diseño 2 Investigar
29. 1 Idea
30. Ver y compartir videos. Guardar ideas, artículos, fotos, notas, etc. Saber de mis finanzas y poder manejarlas. definir idea
31. definir público objetivo Photo by: Candace Nast - Flickr Photo by: OiMax - Flickr Photo by: Garry Knight - Flickr Photo by: Lisa Risager - Flickr
33. iOS - 2 tipos de resolución (retina y no retina) - 2 plataformas (phone y tablet) - 2 tipos de vista (potrait, landscape) - 3 tipos de medida (iphone, iphone 5 y ipad) definir plataforma
34. - 4 tipos de resolución (ldpi,mdpi,hdpi,xhdpi) - 2 plataformas (phone y tablet) - 2 tipos de vista (potrait, landscape) - Cientos de medidas (android.com/devices) Android definir plataforma
35. Windows 8 - Multi-resolution - 3 plataformas (phone, tablet, desktop) - 3 tipos de vista (potrait, landscape, snapped view) - Cientos de medidas definir plataforma
37. 2 Investigar
38. ver y usar
41. 3 Experiencia
42. guías oficiales
43. identidad Example from: Martin Ringlein
44. identidad
45. identidad Photos by:Justin Daoust , davidbenito, Julien LOZELLI, Ryan - Flickr
46. contenido
47. contenido
48. contenido
49. Tap Double tap Pinch Spread Press Drag Scroll gestos
50. gestos
51. 4 Estructura
52. VIDEOS MÁS POPULARES VIDEOS POR CATEGORÍA ACCESO A CUENTA DE USUARIO LOS CANALES ASOCIADOS A ESE USUARIO SUS VIDEOS FAVORITOS ETC, ETC, ETC..... definir secciones
53. HOME / PANTALLA PRINCIPAL CATEGORÍAS CUENTA DE USUARIO VIDEOS FAVORITOS definir mapa
54. Tap en “categorias” Lista de videos Se reproduce el video seleccionado definir navegación
56. de papel a software
58. 5 Diseño
59. guías
60. Zona de confort guías Rights: Josh Clark
61. guías
62. Tamaño mínimo de botones: - Apple: 9mm - Android: 7-10mm - Windows: 7- 9mm guías
63. guías
64. guías
65. simple y atractivo
66. 1 Idea 3 Experiencia 4 Estructura 5 Diseño 2 Investigar
67. TRANQUILIDAD 4
68. Vine
69. Tumblr
70. Google keep
71. Google maps
72. Paper
73. GRACIAS! @luguedesde pasequeestaabierto.tumblr.com Lucía Guedes de Rezende
74. Photo by: Candace Nast - Flickr Photo by: OiMax - Flickr Photo by: Lisa Risager - Flickr Photo by: LGEPR - Flickr Photo by: Ed Yourdon - Flickr Photo by: Ding Yuin Shan - Flickr Photo by: Phil Campbell - Flickr Photo by: eelke dekker - Flickr Pictures from slide 32