AppleWatch Vs AndroidWear_codemotion2015

30
Android Wear vs Apple Watch El futuro en tu muñeca Ruth Paramio. CEO meronapps.com codemotion 27 Noviembre

Transcript of AppleWatch Vs AndroidWear_codemotion2015

Page 1: AppleWatch Vs AndroidWear_codemotion2015

Android Wearvs

Apple WatchEl futuro en tu muñeca

Ruth Paramio. CEO meronapps.comcodemotion 27 Noviembre

Page 2: AppleWatch Vs AndroidWear_codemotion2015

- Historia de los smartwatches- Evolución de Android Wear- Evolución de Apple Watch- ¿Qué se puede hacer desde el punto de vista del desarrollo de aplicaciones?

Agenda

Page 3: AppleWatch Vs AndroidWear_codemotion2015

En los 80’

1945Dick Tracy

1982Seiko NL C01

1984Seiko RC1000

1985Seiko RC20

Sincronización de datos via cablePantalla táctilEjecutar aplicaciones

Page 4: AppleWatch Vs AndroidWear_codemotion2015

En los 90’

1998Ruputer

1999Samsung SPH-WP10

Sincronización de datos via cablePantalla táctilEjecutar aplicaciones

1994Timex Datalink

Transferencia de datos vía wirelessTeléfono en el reloj

Page 5: AppleWatch Vs AndroidWear_codemotion2015

En 2000

Sincronización de datos via cablePantalla táctilEjecutar aplicaciones

2001WatchPad

Transferencia de datos vía wirelessTeléfono en el reloj

Bluetooth/ IrDAAcelerómetroVibraciónSensor por huellas

2010Sony LiveView

Compatible con Android

Page 6: AppleWatch Vs AndroidWear_codemotion2015

2013Pebble

Sony Smartwatch 2Samsung Galaxy Gear

2015Apple Watch

2012Motorola's Motoactv

2014Android Wear

Actualidad

Page 7: AppleWatch Vs AndroidWear_codemotion2015

EVOLUCIÓNANDROID WEAR

Page 8: AppleWatch Vs AndroidWear_codemotion2015

12:30 “Ok Google”

Marzo 18, 2014

Extensión de Android para los relojes. - Google Cards- Notificaciones- “Ok google”- Monitorización de salud y ejercicio

- Acceso y control de otros dispositivos

Page 9: AppleWatch Vs AndroidWear_codemotion2015

12:30 “Ok Google”

Octubre 23, 2014

GPS en dispositivos Android Wear

Diciembre 10, 2014Watch Face API para Android Wear

Mayo 21, 2015

Soporte Multi-wearable

Always-on apps

Conectividad Wi-Fi

Agosto 20, 2015

Watch faces interactivos

Agosto 31, 2015

Android Wear compatible con iPhone

Noviembre, 2015

Android Wear running Android 6.0 Marshmallow- Conectividad celular- Permisos

Page 10: AppleWatch Vs AndroidWear_codemotion2015

EVOLUCIÓNAPPLE WATCH

Page 11: AppleWatch Vs AndroidWear_codemotion2015

WatchOS 2

- Notificaciones- Aplicaciones- Glances- Complications

Page 12: AppleWatch Vs AndroidWear_codemotion2015

WatchOS 2

- Aplicaciones nativas- Complications en apps de terceros- Time Travel- Conectividad WiFi

Page 13: AppleWatch Vs AndroidWear_codemotion2015

¿Qué podemos hacer desde el punto de vista del desarrollo?

WATCH FACES

NOTIFICACIONES APLICACIONES

Page 14: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES

NOTIFICACIONES EN ANDROID WEAR

Notificaciones de móvil se envían automáticamente al reloj.

Implementación de funcionalidades específicas en el wearable.

- Botones de acción- Páginas

- Agrupación de notificaciones- Google Now Cards

Page 15: AppleWatch Vs AndroidWear_codemotion2015

NOTIFICACIONES EN APPLE WATCH

Dos tipos de vista:

The Short-Look Interface:- Interfaz por defecto del

mensaje- No scroll- No customizable

The Long-Look Interface: 3 áreas de personalización

- Sash- Contenido de la notificación- Botones accionables

Page 16: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN ANDROID WEAR

Google Play Services

- Sincronización de datos - Envío de mensajes- Contiene la aplicación

Page 17: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN ANDROID WEAR

Android SDK

Limitaciones- Tamaño del dispositivo y funcionalidades- Usuarios no se descargan directamente las

apps en el reloj (vs Desarrollo)- APIs no soportadas:

- android.webkit- android.print- android.app.backup- android.appwidget- android.hardware.usb

Apps se ejecutan directamente en reloj

Page 18: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN ANDROID WEAR

Full screen UI app:- 2D Picker- Custom

Layout

Page 19: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN ANDROID WEAR

Full screen UI app:- Custom Layout

Layout

Listas

Page 20: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN ANDROID WEAR

Aplicaciones“Always-on”- Modo interactivo- Modo ambiente

Page 21: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN APPLE WATCH

Watch Connectivity Framework

- Envío de mensajes- Envío de ficheros- Contiene al WatchApp, Glances y Dynamic Notif.

Page 22: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN APPLE WATCH

Interfaz de la aplicación la implementan conjuntamente:

- Watch app- WatchKit extension

Page 23: AppleWatch Vs AndroidWear_codemotion2015

APLICACIONES EN APPLE WATCH

Principales componentes de diseño:- Labels- Imágenes- Grupos- Tablas- Botones- Switch- Sliders- Menu contextual

Page 24: AppleWatch Vs AndroidWear_codemotion2015

GLANCES EN APPLE WATCH

Son una extensión de la aplicaciónMuestran información relevante a tiempo realNo permiten interactividad

Page 25: AppleWatch Vs AndroidWear_codemotion2015

WATCH FACES EN ANDROID WEAR

Canvas OpenGL- colores- fondos dinámicos- animaciones- información integrada que se actualiza

Page 26: AppleWatch Vs AndroidWear_codemotion2015

WATCH FACES EN ANDROID WEAR

Consideraciones en el diseño:- Modelos circulares y cuadrados- Modo ambiente e interactivo- Optimización según la tecnología de la pantalla- Tener en cuenta los elementos propios del sistema como:

- cards- indicadores- “Ok Google”

Page 27: AppleWatch Vs AndroidWear_codemotion2015

WATCH FACES EN ANDROID WEAR

Watch faces interactivos- Tap target- Tap regions

- Cambios estéticos en el watch face- Mostrar información en la pantalla del reloj- Completar acciones- Lanzar una actividad específica

Page 28: AppleWatch Vs AndroidWear_codemotion2015

COMPLICATIONS EN APPLE WATCH

Elementos de pequeño tamaño presentes en el watch face- muestran información actualizada- acceso directo a las aplicaciones- tienen diferentes familias:

Page 29: AppleWatch Vs AndroidWear_codemotion2015

COMPLICATIONS EN APPLE WATCH

Principales limitaciones:- Plantillas fijas- Actualizaciones de

información mostrada limitadas