Acerca de mi
Ingeniero de Sistemas
Manager GDG Cochabamba
Mobile Developer en Globant
YURY CAMACHO
Acerca de mi
Slide 3
Slide 3 text
ANDROID WEAR?????
Slide 4
Slide 4 text
Te lo habías imaginado?
Slide 5
Slide 5 text
ANDROID WEAR?????
Slide 6
Slide 6 text
ANDROID WEAR?????
Slide 7
Slide 7 text
ANDROID WEAR?????
Slide 8
Slide 8 text
ANDROID WEAR?????
Slide 9
Slide 9 text
ANDROID WEAR?????
Slide 10
Slide 10 text
Hora de ponerse serios
Slide 11
Slide 11 text
Esto si es android wear!
Slide 12
Slide 12 text
Que necesito para que me app sea compatible
con wear?
NADA!!!
Compatibilidad de apps
Slide 13
Slide 13 text
Hora de ponerse serios
Slide 14
Slide 14 text
● 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)
Slide 15
Slide 15 text
● A demanda del usuario
● Por comando de voz
● OK Google o un touch
● Generalmente acciones
Demanda(Demand)
Slide 16
Slide 16 text
Principios de Diseño
Slide 17
Slide 17 text
Wear versus Glass
Slide 18
Slide 18 text
Vision Creativa
Automatico Vistazo
Slide 19
Slide 19 text
Esto si es android wear!
Sugerir o Demandar Baja interaccion
Slide 20
Slide 20 text
No detener al usuario
Slide 21
Slide 21 text
Gestos grandes
Slide 22
Slide 22 text
Fluidez de las tarjetas
Slide 23
Slide 23 text
Tamaño de pantalla
Slide 24
Slide 24 text
Componentes requeridos
Slide 25
Slide 25 text
Informacion expandible
Slide 26
Slide 26 text
Información de baja densidad
Slide 27
Slide 27 text
● Hacer una sola cosa muy rapido
● Diseño para la esquina del ojo
● Menos taps
Mas principios….
Slide 28
Slide 28 text
Patrones de UI
Slide 29
Slide 29 text
Tarjetas
Slide 30
Slide 30 text
Iconos
Slide 31
Slide 31 text
Paginación
Slide 32
Slide 32 text
Descartar Tarjetas
Slide 33
Slide 33 text
Botones
Slide 34
Slide 34 text
Tiempo para cancelar o confirmar
Slide 35
Slide 35 text
Cuenta regresiva y confirmación
Slide 36
Slide 36 text
Continuar en el celular
Slide 37
Slide 37 text
Animacion de confirmacion
Slide 38
Slide 38 text
2D picker
Slide 39
Slide 39 text
Comando de Voz
Slide 40
Slide 40 text
Lista de selección
Slide 41
Slide 41 text
Watchfaces
Slide 42
Slide 42 text
Let’s Fun!!
Slide 43
Slide 43 text
Hagamos un Watchface
Slide 44
Slide 44 text
● Android Studio
● Emulador android
● emulador android wear
● y ganas de hacer algo interesante!
Herramientas
Slide 45
Slide 45 text
● 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
Slide 46
Slide 46 text
● 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