Android Wear

Presentación de Android Wear para el IO extended 2015 del GDG Cochabamba

Transcript

2. Acerca de mi Ingeniero de Sistemas Manager GDG Cochabamba Mobile Developer en Globant YURY CAMACHO Acerca de mi
3. ANDROID WEAR?????
4. Te lo habías imaginado?
5. ANDROID WEAR?????
6. ANDROID WEAR?????
7. ANDROID WEAR?????
8. ANDROID WEAR?????
9. ANDROID WEAR?????
10. Hora de ponerse serios
11. Esto si es android wear!
12. Que necesito para que me app sea compatible con wear? NADA!!! Compatibilidad de apps
13. Hora de ponerse serios
14. • Concepto de tarjetas • Igual que Google Now • Se deslizan verticalmente • Solo una a la vez • Imagen de fondo • información útil y precisa • Menu horizontal Sugerir(Suggest)
15. • A demanda del usuario • Por comando de voz • OK Google o un touch • Generalmente acciones Demanda(Demand)
16. Principios de Diseño
17. Wear versus Glass
18. Vision Creativa Automatico Vistazo
19. Esto si es android wear! Sugerir o Demandar Baja interaccion
20. No detener al usuario
21. Gestos grandes
22. Fluidez de las tarjetas
23. Tamaño de pantalla
24. Componentes requeridos
25. Informacion expandible
26. Información de baja densidad
27. • Hacer una sola cosa muy rapido • Diseño para la esquina del ojo • Menos taps Mas principios….
28. Patrones de UI
29. Tarjetas
30. Iconos
31. Paginación
32. Descartar Tarjetas
33. Botones
34. Tiempo para cancelar o confirmar
35. Cuenta regresiva y confirmación
36. Continuar en el celular
37. Animacion de confirmacion
38. 2D picker
39. Comando de Voz
40. Lista de selección
41. Watchfaces
42. Let’s Fun!!
43. Hagamos un Watchface
44. • Android Studio • Emulador android • emulador android wear • y ganas de hacer algo interesante! Herramientas
45. • Pensar en dos tipos de pantallas cuadradas y redondas • modos de visualización • Optimizar pantalla e info • buen acomodo de elementos UI • Integrar datos • proveer opciones de configuración UX Android Wear
46. • Pensar en dos tipos de pantallas cuadradas y redondas • modos de visualización • emulador android wear • y ganas de hacer algo interesante! Diseño Watchface
47. • Clase abstracta • Servicio • implemetar onCreateEngine CanvasWatchFaceService.Engine
48. • onCreate(SurfaceHolder) • onPropertiesChange(Bundle) • onTimeTick() • onAmbientModeChanged(boolean) • onDraw(Canvas,Rect) • onVisibilityChange(boolean) • onDestroy() CanvasWatchFaceService.Engine