Desarrollo de apps para wearables y smartwatches

Herramientas a utilizar, tipos de dispositivos, guías de diseño y reflexiones.

Transcript

1. Desarrollo de APPS para WEARABLES y SMARTWATCHES Imanol Terán Maruri - @itermar
2. ¿QUIÉN SOY?
3. ¿QUIÉN SOY? ๏ Desarrollador Frontend ๏ Desarrollador iOS ๏ Formador imanolteran.com @itermar itermar@gmail.com
4. widdiapps.com @widdiapps info@widdiapps.com ๏ Web ๏ iOS ๏ E-Commerce ๏ Publicaciones Digitales ๏ Formación ¿QUIÉN SOY?
5. PROGRAMA ๏ Introducción ๏ Apple Watch ๏ Android Wear ๏ Pebble ๏ ➡ ⌚ ๏ Reflexiones
6. INTRODUCCIÓN
7. INTRODUCCIÓN ¿Qué es un dispositivo wearable?
8. – Wikipedia “…un wearable o dispositivo wearable es aquel dispositivo que se lleva sobre, debajo o incluido en la ropa y que está siempre encendido, no necesita encenderse y apagarse. Otras de sus características es que permite la multitarea por lo que no requiere dejar de hacer otra cosa para ser usado…”
9. ¿Qué es un wearable? ๏ Smartwatches ๏ Pulseras de actividad ๏ Gafas inteligentes ๏ Ropa inteligente ๏ …y más
12. Principales usos de los wearables ๏ Salud ๏ Deporte y bienestar ๏ Entretenimiento ๏ Industrial ๏ Militar
13. INTRODUCCIÓN Origen, utilidades, evolución y cifras
14. Origen ๏ Primeras pulseras de actividad - 2008/09 ๏ Nike + iPod - 2009 ๏ Google Glass - 2010 ๏ Pebble - 2012
15. Utilidades ๏ Notificaciones ๏ “Extensión” del smartphone ๏ Acciones rápidas ๏ Salud ๏ Actividad Física ๏ Análisis del sueño
16. NOTIFICACIONES
17. EXTENSIÓN SMARTPHONE
18. ACCIONES RÁPIDAS
19. SALUD
20. ACTIVIDAD FÍSICA
21. ANÁLISIS DEL SUEÑO
22. Evolución ๏ La funcionalidad no ha crecido mucho ๏ Se desarrolla muy rápido ๏ Generan muchísimos datos ๏ Ya no son meros gadgets ๏ Componente de “moda ๏ Han mejorado la accesibilidad (algunos)
23. CIFRAS 2014 https://www.hottopics.ht/stories/consumer/25-stats-on-smartwatches-fitness-bands-eyewear-wearables-and-smart-clothing/
24. 13.500.000 Pulseras de actividad y salud
25. 4.000.000 Smartwatches
26. CIFRAS 2015 https://www.hottopics.ht/stories/consumer/25-stats-on-smartwatches-fitness-bands-eyewear-wearables-and-smart-clothing/
27. 25.000.000 Pulseras de actividad y salud
28. 26.000.000 Smartwatches
29. 11.000.000 Wearables en 1Q +200% mismo periodo año anterior
30. 15.000.000 Apple Watch 1/4 Mercado Total
31. INTRODUCCIÓN Plataformas más conocidas
41. INTRODUCCIÓN Otras Plataformas
51. https://www.fitbit.com/es/surge
52. http://www.microsoftstore.com/store/msusa/en_US/pdp/Microsoft-Band-2/productID.324438600
53. https://www.withings.com/eu/en/products/activite-pop?
54. https://www.att.com/devices/es/filip/filip-2.html#sku=sku7470244
55. http://www.xataka.com/wearables/con-este-patuco-inteligente-podras-controlar-la-salud-de-tu-bebe-desde-el-movil
57. http://docorcomunicacion.net/2015/12/03/enfermeras-vascas-emplean-por-primera-vez-en-el-estado-las-google-glass-en-la- atencion-al-paciente-oncologico/
58. https://www.geektopia.es/es/technology/2016/01/26/noticias/google-glass-desaparece-de-las-redes-sociales-constatando-su- agonia.html?utm_content=buffer48a6b&utm_medium=social&utm_source=twitter.com&utm_campaign=buffer
59. Smart Clothes No sólo hablamos de pulseritas y relojes molones
65. http://insights-on-business.com/government/wearables-for-the-military/
66. watchOS El SO del Apple Watch
67. watchOS ๏ ¿Qué es? ๏ Entorno de desarrollo ๏ Swift ๏ WatchKit ๏ watchOS 2
72. Guías de Estilo  WATCH Human Interface Guidelines https://developer.apple.com/watch/human-interface-guidelines/
73. CARACTERÍSTICAS
74. Interacciones rápidas
75. Diseña pensando en “un todo”
76. Íntimo y personal
77. Gestos
78. Force Touch
79. Notificaciones
80. Glances
81. Complications
82. Complications
83. Complications
84. Complications
85. Complications
86. Digital Crown
87. Botón lateral
88. Actividad deportiva
89. DISEÑO
90. Tamaños de pantalla
91. No mostrar demasiada info de una vez
92. Agrupa la información
93. Utiliza todo el ancho de la pantalla
94. Utiliza menús en vez de botones
95. Máximo dos botones misma línea. Iconos mejor que texto
96. Alinear elementos a la izquierda
97. Android Wear La pelea se extiende a nuestras muñecas
98. android wear ๏ ¿Qué es? ๏ Entorno de desarrollo ๏ Java ๏ Android Wear SDK ๏ Android Wear ๏ Guías de estilo
103. http://developer.android.com/intl/es/design/wear/principles.html Guías de Estilo Android Wear Design Principles
104. CARACTERÍSTICAS
105. Interacciones rápidas
106. Basado en el contexto del usuario
107. Info siempre a mano
108. Glances
109. Tarjetas
110. Páginas
111. Botones de acción
112. Notificaciones
113. Selector 2D
114. DISEÑO
115. No entretener al usuario - 5s
116. Interacciones a lo grande
117. Piensa en qué situaciones tu app será interesante
118. Haz una cosa y hazla rápido
119. ¿Se puede ver de reojo?
120. No des el “coñazo”
121. Pebble El primero en llegar
122. pebble ๏ ¿Qué es? ๏ CloudPebble ๏ C + node.js ๏ Pebble SDK ๏ Pebble OS
123. $10.2 millones
124. CloudPebble
125. C +
126. Pebble SDK
127. Pebble OS
128. Guías de Estilo Pebble Recommended Guidelines and Patterns https://developer.getpebble.com/guides/design-and-interaction/
129. CARACTERÍSTICAS
130. Diseño del sistema
131. Música
132. Notificaciones
133. Alarmas
134. Watchfaces
135. Actividad deportiva
136. DISEÑO
137. Mostrar info utilizando tarjetas
138. Organizar info en menús
139. Ejecutar acciones con un ActionBarLayer
140. Permitir acciones complejas con un “Action Menu”
141. Inserción de datos mediante formularios
142. Si necesitas algo del usuario, ¡díselo!
143. ¿Tiene que estar siempre ahí? Status Bar
144. Ventanas modales para avisos al usuario
145. Feedback de vibración y háptico
146. Manejar problemas de conexión
147. Tizen Nuevos jugadores en el tablero
151. Tizen ๏ Parte de LiMo (Llevar Linux a móviles) ๏ Samsung nunca lo pierde de vista ๏ Pelea con Android Wear ๏ Samsung Gear S2 (pero también TVs y coches)
152. Tizen vs Android ๏ Más opciones de configuración y personalización ๏ Mayor independencia del smartphone ๏ Modelos con 3G —> Autonomía total ๏ Ya no solo funciona con móviles Samsung ๏ Circular UX ๏ Google gana en apps y Google Now
154. REFLEXIONES
155. Cuadrado o Redondo Esa es la cuestión
156. Smartwatch cuadrado o redondo ๏ Estética ๏ Problemas de interfaz ๏ Aprovechamiento del espacio
157. Aspectos comunes ๏ Notificaciones ๏ Watchfaces ๏ Glances ๏ Acciones rápidas ๏ No molestar al usuario ๏ Interacciones sencillas ๏ Botones y demás elementos grandes
158. Problemas ๏ Batería ๏ UI + UX ๏ Limitaciones ๏ Utilidad real
159. DEPENDENCIA DEL SMARTPHONE CICLO DE RENOVACIÓN
160. GRACIAS Imanol Terán Maruri @itermar itermar@gmail.com