Diseño UI - Sede Electronica SIC

Caso: La superintendencia de industria y comercio con el objetivo de cumplir con los lineamientos de la resolución 2893 de 2020 debe implementar una nueva solución de diseño de su sitio web (sede electrónica).

Objetivo: Realizar el diseño de interfaz de la sede electronica de la superintendencia de industria y comercio.

Técnicas utilizadas: Prototipado, Diseño de interacción

Mi rol en el proyecto: Diseñador UX

PROCESO

SISTEMA DE DISEÑO

UX PROTOTYPING

Se genera el sistema de diseño para el sitio web determinando jerarquías tipográficas, colores, componentes generales, componentes de formularios y componentes transversales

MOCKUPS

UX PROTOTYPING

Con las estructuras definidas se realiza el prototipado en mediana y alta fidelidad utilizando como software de prototipado Figma, así mismo para garantizar el diseño responsive se realiza el prototipado teniendo en cuenta los break-point definidos en bootstrap 5.

WIREFRAMES

UX PROTOTYPING

Se generan prototipos de baja fidelidad (wireframes) en donde se determinan estructuras base, distribución de regiones, y armonía de las estructuras.

Para garantizar el diseño responsive se toma como base para las estructuras base el framework front-end bootstrap 5

VALIDACION DE ACCESIBILIDAD

UX TESTING

Con los prototipos Hi-Fi se realiza validación de los criterios de accesibilidad de la WCAG 2.1 utilizando herramientas como Contrast Checker y técnicas como recorrido cognitivo.

Así mismo se determinan los. patrones ARIA para generación de los componentes front-end a cesibles y las meta etiquetas accesibles necesarias.