Sprint Nro. 113

UX/UI

Integrantes

Agostina

Andrews

.js

Tareas generales del área

Índice

  1. Plex: Mejoras de accesibilidad y fixes varios
  2. Difusión: Placas para tutoriales
  3. Plex: plex-mininav
  4. Misc: Relevamiento + documentación 

 

UI/UX

Mejoras de accesibilidad y fixes varios

Plex

Plex | Accesibilidad

Plex | Fixes

  • Se agregan atributos de accesibilidad en plex-tabs que permite la navegación con teclado.
  • Se agrega un template para mapa de recursos.
  • Se resuelve problema de hover en invert + alineación en plex-badge y plex-button
  • Se resuelve problema de herencia de estilos en plex-table y plex-tabs

Publicación de todo lo anterior.

Plex | Next

Plex | Pendientes

Barra de navegación lateral

plex-sidenav

Punto de Inicio de Módulos |  Necesidad de nuevos componentes

Template

  1. Crear una nueva tipología (PLEX-275) de layout para puntos de inicio de módulos.

plex-slider (PLEX-262): componente que resuelva la navegación horizontal

plex-mini-sidebar (PLEX-7): analizar extensiones sidebar

  • Componente que permite la navegación vertical a partir de anclas.

plex-sidenav

Iteración sobre componente

Tarea

  • Corrección distribución de elementos internos (tooltip, etc.)
  • Customización (atributos de color, tamaño, direccionalidad, expandible)

Next

  • Expandible/colapsado opcional
  • Posicionamiento fixed

Misceláneas

Plex

PLEX| fixes, mejoras y publicación plex

  • plex-accordion: permitir toggle alternativo

Input que permita settear el componente para que solo expanda un panel y cierre el resto.

 

  • fix(plex-card): soluciona color textos en outlined

Perdida de legibilidad en tipología 'dark' y modalidad 'outlined'.

 

  • Merge PLEX: resolución bugs

Conflictos de visibilidad y cromáticidad  (refactor accesibilidad plex-tabs)

Relevamiento, tasks, etc.

Misc

Misceláneas

Relevamiento, tasks, etc.

  • Propuesta detalle-paciente: Reformulación layout​/propiedades

Se arma tarea para que resuelva desarrollo (Lauta)

 

  • Relevamiento Portal: Problemas de visualización y propuesta de soluciones

Se arma tarea con listado categorizado y especificaciones técnicas, documentación, etc.

 

  • Redacción de lineamientos interfaces ZUI (Zooming User Interface)

Definiciones establecidos en base a interfaces desarrolladas en ANDES dentro de dicha categoría.

 

  • Iteración HUDS Visual: Redacción mejoras

Placas para tutoriales

Difusión

Difusión| Placas para tutoriales

  • Formato: 9:16

Preguntas, sugerencias, consultas?

andes.gob.ar/plex/doc/

ui.andes.gob.ar

github.com/andes/plex/wiki

¡Muchas Gracias!​

Spirit 113 - UX UI

By ANDES | Apps Neuquinas de Salud

Spirit 113 - UX UI

Plex, documentación, refactors, PR's y mocks

  • 113