Google Glass programing, glassware and Mirror API

¿Qué es Zerintia?

Zerintia Technologies está compuesto por un equipo de

profesionales comprometido con el desarrollo tecnológico y

humano.

Expertos en Wearable Technology.

Tenemos pasión por el trabajo bien hecho y por qué nuestra

tecnología ayude a mejorar la vida de las personas y hacer que las

organizaciones sean más eficientes.

Apps desarrolladas

Comenzando la creatividad

1. Piensa en una necesidad. 2. Crea un Story Board. 3. Diseña un gráfico y boceto. 4. Mantén las recomendaciones y patrones que aporta Google 5. Utiliza tipografía y gráficos de alto contraste. Recuerda que es un interfaz semi transparente. 7. El interfaz de usuario es sólo el 5% del campo de visión. 8. Crea un piloto de Card. Valida la fluidez. 9 . Valida el Glassware Launch Checklist

Interfaz de usuario

CopyRigth Google (TM)

Componentes – Estructura visual -

Timeline Cards

Portions of this page are reproduced from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License.

https://developers.google.com/readme/policies/

http://creativecommons.org/licenses/by/3.0/

Bundles Menús Inmersions




Componentes – Estructura visual -

Diseño de las Cards – Colores y tipografía-

Colores

Roboto Thin- Roboto Light

Tipografías

Lo más importante al principio. Sé conciso, simple y preciso. Utiliza el “tú” y se amigable.

Escribiendo




Emulador Glass

GlassSim.com

http://www.mutualmobile.com/

Aplicaciones Wireframe Glass

Wireframe Glass para imprimir

Caso de estudio – App en Glass-

Diseño de las Cards

• Google define unas dimensiones con un set común que facilita el diseño y hacen las cards consistentes y claras.

• Con una tipografía standard que

varia de tamaño según la cantidad de contenido.

Imágenes y contenido

La imagen a la izquierda o columna de información. Para cards informativas o para acompañar información a la imagen que se está visualizando, incluso en la conversaciones con otros usuarios.





Plantilla Main content




Imagen a pantalla completa con el texto informativo en la parte inferior. A pie de card encontramos el icono de nuestra marca además de información adicional.

Plantilla Full screen with text





Template que nos ayudará a gestionar listados, enumerar tareas, etc.

List Template (listado)





Diseño de iconos

• Los iconos te ayudan a asociar los Timeline de las cards y otros contenidos en tu Glassware según el tamaño.

• Representan tu marca y tu

identidad. • Son idénticos, excepto, por los

tamaños que se utilizan de forma diferente dependiendo dónde van a ser colocadas.

• Son completamente blancos y con

fondo transparente.




Ejemplos iconos

150 x 150 Se usa con el color de tu marca al activar la aplicación en el Glassware





50 x 50

Este icono se usa en el Touch Menu


30 x 30

Se usa a pie de card.





EMERGENCIA RESCATE DESASTRE

Ejemplos iconos

CARDS EMERTECH

RESCATE DRONE CENTRAL

NOS

FALTAS

TU!

Muchas Gracias!

Proyecto Emertch

@ZerintiaTech

[email protected]

www.zerintia.com

Zerintia Tech

[email protected]

www.ermertech.org

mailto:[email protected]

Google Glass programing, glassware and Mirror API

Technology

Transcript of Google Glass programing, glassware and Mirror API