Notas: usabilidad e interactividad

Relevamiento

Dividido en dos grupos :

1. Notas en general: Comportamiento habitual y visible dentro de los módulos

• Ux writing (diseño de palabras) diferente en todas las pantallas
• Diversas tipologías para visualizar las notas
• No existe un punto exacto para encontrarlas. El contecto es siempre distinto

2. Composición de las notas: ¿Cómo están formadas?

• Los campos de textos se presentan de manera incompleta
• La iconografía que acompaña no cumple un sistema
• Solo en una instancia hay posibilidad de editar los textos

Ejemplos:

En base a las situaciones relevadas, se desarrollo un listado de "errores-mejoras" para detectar aquellas acciones que necesitan un ajuste o revisión...

Errores

• Ausencia de ux writing para notas
• Contexto variante en todos los módulos
• Tipologías arbitrarias
• Iconografía diferente
• Ausencias de botones call to action para notas

Mejoras

• Las notas deben existir en todos los módulos, siempre y cuando sean necesarias
• Deberan contener un espacio clave dentro de la pantalla y fácil de visualizar
• En todos los casos se deberían visualizar en un plex-text editor
• La iconografía debe acompañar y cumplir un sistema dentro de los módulos
• Elaborar ux writing especialmente para las notas

Lineamiento

• Tipologías: Tipografía actual. El tipo debera ser de un punto más pequeño (Al menos dos puntos) que los textos principales de cada módulo.

• Contexto: En el caso de que el módulo necesite la existencia de “Notas”. Se ubicaran apartadas “al margen” de las acciones principales. Preferentementes en sidebar. Cada nota deberá contar con un llamado a la acción colocado en un lugar adecuado y de fácil visualización para el usuario.

• Estructura: Las notas siempre deberán estar formadas por un título y un cuerpo de texto. Este cuerpo estará formado por una caja capaz de editar variantes, parrafos, tamaños, adjuntos, etc.

• Contenidos: La iconografía que represente el concepto “Notas” será igual para todos los modulos. Se implementara diferentes anatomias al momento de “crear nota”, “editar nota”; “eliminar nota”, etc. El pictograma a usar proveniente del Ui kit o nuevo.

• Semántica del mensaje: Formular ux writing.