Prácticas recomendadas

En este documento, se describen algunas prácticas recomendadas para el diseño y la entrega de información. Sigue estos lineamientos cuando corresponda para garantizar la mejor experiencia del usuario.

Primero el diseño y el código

Conoce los principios y patrones de diseño antes de empezar a desarrollar en Glass. Para obtener más información, lee las guías de diseño.

Para obtener comentarios sobre el diseño inicial, crea y envía tu diseño de Glassware Flow al equipo de revisión.

No uses un elemento del cronograma fijado como selector

Las dos formas principales para que los usuarios invoquen Glassware y sus funciones son mediante el uso de un comando por voz o táctil desde el menú principal de ok Glass o desde un menú contextual desde una tarjeta de cronograma.

Nunca debes obligar a los usuarios a fijar una tarjeta de cronograma con elementos de menú para iniciar Glassware. La API de Mirror se diseñó para notificaciones periódicas basadas en la configuración definida por el usuario.

Proporcionar elementos de menú para iniciar GDK Glassing o llamar a la API de Mirror siempre y cuando la experiencia sea coherente con el patrón de diseño de notificaciones periódicas y no use la API de Mirror para la interactividad inmediata.

Por ejemplo, una adopción de Glassware para mascotas no debería insertar una tarjeta de cronograma y obligar a los usuarios a fijarla para que pueda acceder a las funciones más adelante (por ejemplo, "Buscar perros", "Buscar gatos", "Buscar pájaros", etc.). En su lugar, la cristalería debe permitir que los usuarios establezcan criterios para las mascotas que quieran y entregar periódicamente tarjetas que cumplan con estos criterios. Estas tarjetas pueden contener elementos de menú para realizar acciones, como "Leer biografía" y "Adoptar mascota".

Sigue el diseño y las plantillas estándares de las tarjetas

Cuando sea posible, usa diseños y plantillas de tarjetas aprobados. Si las plantillas no funcionan:

Cumpla con los requisitos de medios

Si publicas contenido multimedia, sigue estos lineamientos:

  • Todos los videos públicos se transmiten y no se adjuntan a los elementos del cronograma.
  • La proporción del video es 16:9.
  • La resolución del video es de 640 × 360 píxeles.
  • Formato H.264

Agrupa y pagina correctamente

Los paquetes y la paginación te permiten agrupar tarjetas, pero debes usarlas correctamente en las siguientes situaciones.

Grupo

  • Usa conjuntos para grupos de tarjetas similares, pero que no deberían estar en la misma tarjeta.
  • Diseña tarjetas de portada del paquete para que sean resúmenes visualmente diferentes de las tarjetas que contiene el paquete.
  • Notifica al usuario con un sonido de notificación una sola vez para cada paquete.

Casos en los que los paquetes funcionan bien:

  • Una conversación de correos electrónicos o mensajes cortos
  • Tres mensajes SMS entre las mismas personas
  • Cinco fotos tomadas con una hora de diferencia
  • Se insertaron todos los artículos relacionados
  • Una lista de eventos clave y actualizaciones de resultados de un partido deportivo en curso

Casos en los que los paquetes no funcionen bien:

  • Todo el contenido de tu servicio
  • Se enviaron muchos de los titulares a Glass durante el transcurso de un día

Paginación

Usa la paginación para los elementos de cronograma que no caben en una sola tarjeta debido a restricciones de espacio, pero que deberían estar en la misma tarjeta.

Casos en los que la paginación funciona bien:

  • Un solo correo electrónico, una noticia o un contenido similar que no cabe en una tarjeta

Casos en los que la paginación no funciona bien:

  • Un grupo de tarjetas distintas, como diferentes noticias o correos electrónicos

Sigue el diseño estándar del menú

Elementos del menú personalizados

  • Cada acción del elemento de menú debe tener un ícono de 50 × 50 asociado. Usa los íconos de menú de Glass para mantener la coherencia con la IU de Glass.
  • Si es posible, limita los nombres visibles a unas pocas palabras. Usa un verbo imperativo con o sin un objeto.
  • Usa el ícono predeterminado y el nombre visible para los elementos de menú integrados, a menos que uses el elemento de menú para algo muy diferente.
  • Los íconos son completamente blancos de color y sobre fondos transparentes.
  • Usa nombres para mostrar en el menú que sean breves y prácticos. Los verbos imperativos con o sin objetos funcionan muy bien, como en los siguientes ejemplos.
  • Los elementos del menú "Descartar" quitan la tarjeta del cronograma solo en el cronograma, por lo que debes crear un elemento de menú personalizado para esto solo si lo necesitas. En general, debes permitir que los elementos del cronograma disminuyan con el tiempo de manera natural y no exigir que los usuarios administren tu app de forma activa.
  • Los nombres deben tener hasta 15 caracteres. Por ejemplo:
Mala Buena
Extender grabación Extender el video
Enviar un mensaje a José Enviar mensaje

Elementos del menú integrados

  • Responder o Responder a todos: Las respuestas de voz están diseñadas para capturar entradas de formato libre por voz. No uses respuestas por voz para capturar un conjunto limitado de opciones, como posibles movimientos en un juego.

  • Delete: descarta la tarjeta de cronograma y borra el contenido que corresponde a la tarjeta de cronograma en cualquier lugar en el que esté almacenado (almacenamiento local y del servidor). No confundas a los usuarios con el elemento de menú "Borrar" si la funcionalidad que ofreces es una "Descartar".

No uses la API de Mirror para interactuar de inmediato

La API de Mirror no está diseñada para recibir solicitudes de usuarios ni responder en tiempo real o con baja latencia. Si es un requisito, usa el GDK.

Por ejemplo, la API de Glassduplicación funciona bien con el comando "Tomar una nota", ya que los usuarios no tienen que esperar una respuesta del Glassware después de invocar el comando.

Por el contrario, "buscar una receta, espaguetis" no funciona bien con la API de Glass Glassware, ya que los usuarios esperan que los resultados de la búsqueda se muestren de inmediato. Con la API de Mirror, los usuarios deben esperar un tiempo hasta que se inserte una tarjeta en el cronograma para seguir usando Glassware, lo que no supone una buena experiencia del usuario.

Esta restricción se aplica a los comandos por voz principales de la tarjeta de Home y Glass, así como a los elementos del menú en las tarjetas y experiencias.

Crea contenido de manera adecuada

Cuando creas contenido para tus tarjetas, cada tarjeta debe ser concisa y contener un dato lógico. Además, tenga en cuenta lo siguiente:

  • Usa imágenes en lugar de texto cuando sea posible.
  • Muestra las imágenes en su relación de aspecto original (se puede recortar).
  • Deja en blanco el área central del pie de página de una tarjeta. El menú de voz contextual de ok Glass aparece aquí y bloquea cualquier contenido debajo de él.
  • Si lo deseas, usa la clase CSS auto-resize para cambiar el tamaño de la fuente automáticamente según tu contenido.
  • Sigue nuestras pautas de escritura.