-
Notifications
You must be signed in to change notification settings - Fork 2
UX Writing
Tipografía actual Empleando sus variantes siempre que se necesite (bold, italic, regular, extra bold, etc).
Cuerpo de texto Según medida de pantalla. Ejemplo: Pantalla estándar 1366x768 px = Título: 20 pt - Texto: 18 pt
Contexto del mensaje Según el modulo con el que interactué el usuario,se ubicara centrado en la tarea teniendo información de las etapas a realizar. Ej: Búsqueda de un paciente.
Estructura del mensaje icono (Ui kit ANDES), título, texto y llamado a la acción por medio de una animación sobre el msj o sobre un call to action.
Contenidos La representación utilizada sera un complemento para la caja de texto, se verá reflejado en la anatomía tanto del icono como de la tipografía. Asimismo, su comportamiento será el mismo en las distintas pantallas del sistema.
Semántica de mensaje Seguir la secuencia de acciones del usuario
En el caso común de todas las pantallas se encuentran diferentes tipos de mensajes para comenzar una acción y en el peor de los casos, no existe tal mensaje. Algunos de estos se ven visualizando el modulo principal o pantallas laterales/secundarias
Mensajes de ayuda: No aparece en todas las pantallas. Cuando se ve visualizado se muestra de manera diferentes.
Mensajes de ayuda: No existe en los modulos
Mensajes de ayuda: Se repiten en diferentes pantallas
https://i.ibb.co/GpW30R2/Uxwriting-Mensajes-06.jpg - https://i.ibb.co/JKJXBT0/Uxwriting-Mensajes-12.jpg
Actualmente los mensajes estan comprendidos por un título, un subtítulo y un icono que acompaña. Este tipo de descripción no aparece en todas las pantallas y a su vez se muestran de maneras diferentes. Ej: diferentes tipos de iconos.
Mensaje compuesto por una caja de texto “completa” Es decir, siguiendo un lineamiento de orden y jerarquia
Mensajes sobre el campo de texto, en una línea. De tipo explicativos
Mensajes con iconos arbitrarios
https://i.ibb.co/wySJdR1/Uxwriting-Mensajes-13.jpg - https://i.ibb.co/5M1fRGL/Uxwriting-Mensajes-15.jpg
- Los mensajes deben estar en todas las pantallas como guía para el usuario
- El mensaje debe ser único. Y se debe visualizar solo en la pantalla principal.
- En caso de pantalla compartida/laterales. El mensaje se debe mostrar en donde ocurre la primera acción.
- En los campos de textos se puede incorporar palabras claves como ayuda pero no el mensaje principal que lleve a la acción.
- Iconos provenientes del UI KIT o nuevos, relacionados con el mensaje en contexto aportando un marco contextual.
Los datos de diferente tipo situados en una misma línea de texto, se dividen con un pipe '|'.
Ej.: Nombre de Paciente:** Santarelli, Julio Nicolás | Documento: 31.359.294