Zerintia Technologies es una empresa dedicada al desarrollo tecnológico, especialmente en wearable technology. El documento proporciona información sobre el diseño de aplicaciones para Google Glass, incluyendo plantillas, iconos y componentes visuales para crear una interfaz de usuario efectiva.
2. ¿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.
4. 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
6. 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.
7. Componentes – Estructura visual -
Bundles
CopyRigth Google (TM)
Menús
CopyRigth Google (TM)
Inmersions
CopyRigth Google (TM)
8. Diseño de las Cards – Colores y tipografía-
Colores
Tipografías
Roboto Thin- Roboto Light
Escribiendo
Lo más importante al principio. Sé conciso, simple y preciso. Utiliza el “tú” y se amigable.
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.
13. 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.
14. Imágenes y contenido
CopyRigth Google (TM)
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.
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.
15. Plantilla Main content
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.
16. Plantilla Full screen with text
CopyRigth Google (TM)
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.
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.
17. List Template
(listado)
CopyRigth Google (TM)
Template que nos
ayudará a gestionar
listados, enumerar
tareas, etc.
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.
18. 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.
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.
19. Ejemplos iconos
CopyRigth Google (TM)
150 x 150
Se usa con el color de tu marca al activar la aplicación en el Glassware
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.
20. 50 x 50
Este icono se usa
en el Touch Menu
CopyRigth Google (TM)
21. 30 x 30
Se usa a pie de card.
CopyRigth Google (TM)
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.