Sprint Nro. 114

UX/UI

Integrantes

Agostina

Andrews

.js

Tareas generales del área

1. Difusión: Placas para tutoriales
2. Botón volver: Propuesta de nuevo componente
3. Logo portal: corrección naming
4. Matriculaciones: rediseño de usabilidad
5. Misc: Relevamiento + documentación 

Placas para videos tutoriales

Difusión

• Formato 9:16 - 1.920 x 1.080 píxeles

• Cargados a canva para ser editados

• Imagenes como representaciones

canva.com

Fondo color

Fondo sin color

Propuesta de nuevo componente

Botón volver

Te devuelve a la página principal

Te devuelve a la pestaña anterior. En caso de tratarse de una pantalla para completar datos (ej: formularios), salta tarjeta de advertencia.

Botón del navegador, cumple la misma función que el "volver"

So...

• Seguir cumpliendo la misma función, ajustando la paleta cromática según las indicaciones de plex y el contexto de pantalla

• Modificar la funcionalidad de los botones con el fin de estabilizar la plataforma

• Implementar nuevo componente. Ejemplo desde aplicación creative cloud

Corrección naming

Logo portal

• Mi portal salud/ mi portal de salud/ mi portal del/mi portal de paciente/ mi portal paciente
• Protagonista, activo, empoderado, participativo

ZUI-components: lineamientos + hoja de estilo

Documentación

Definir y estandarizar estilos considerando que tanto la exploración visual de la HUDS como el mapa de turnos y plan de indicaciones comparten múltiples elementos gráficos.

Entregable

1ra iteración: Definir y enriquecer Lineamientos ZUI con imágenes y screenshots.

2ra iteración: Hoja de estilos para elementos gráficos de pantallas ZUI en base a lineamientos definidos en la primera iteración. (en proceso)

Next

3ra iteración: Aplicación de hoja de estilos desarrollada en propuesta visual definida en HUDS-13

Relevamiento, diagnóstico + rediseño de usabilidad

Matriculaciones

Usuario:
Gestor/auditor de matrículas

Contexto:
Módulo de matriculaciones >  sección de posgrados

Propósito
- Cargar, editar y  especialidades

Tarea
En base a requerimientos de usuarios y diagnóstico sobre la usabilidad del módulo, reformular flujo, disposición de elementos e incorporación de componentes plex en la sección de posgrados.

​Nivel contenido

- Semántica/textos poco claros e inconsistentes

- Uso excesivo y deficiente de iconos (mala elección de signos, en ciertos casos sin tooltips o hints)

- Aplicación errónea de criterios cromáticos

Usuarios

- Desorientación en operaciones básicas (carga y edición)
- Acciones poco intuitivas (por semántica o iconografía deficiente)

Nivel navegabilidad

- Ruteos deficientes: Salto de pasos en el flujo.

Nivel layout: Ausencia de lineamientos

- Aparición de footers

- No uso de plex-titles

- Mala ubicación de botones claves

PROPUESTA

ANTES

Preguntas, sugerencias, consultas?

andes.gob.ar/plex/doc/

ui.andes.gob.ar

github.com/andes/plex/wiki

¡Muchas Gracias!​