Objetivo del proyecto 🎯
Crear la web del, recién inaugurado, Ministerio de Derechos Sociales. Uno de los principales retos fue ofrecer la gran cantidad de información disponible de una manera fácil de encontrar y digerir por los usuarios en función de lo que estén buscando.
Contexto 🗺
Algunos datos, particulares del proyecto, a tener en cuenta:
✅ Gran cantidad de información sin trabajar
✅ Para el cliente todo es igual de importante
✅ Indefinición e inestabilidad política
Research 🔎
Durante la fase de research se realizaron una serie de técnicas. Gracias a los insights obtenidos durante esta investigación pudimos definir una solución final.
Benchmark 👀
Se analizaron varias webs de referencia, de las que se extrajeron las mejores prácticas en materia de arquitectura, usabilidad, contenido, etc. También se estudiaron algunas de las webs más destacadas en materia de servicios sociales.
Evaluación Heurística 🔧
Gran parte del contenido de la nueva web se encontraba alojado en otras webs. Con el fin de mejorar y optimizar el diseño se realizó una evaluación heurística, del contenido existente, en la que se identificaron las siguientes carencias:
❎ Demasiada carga cognitiva
❎ Ausencia total de jerarquías
❎ Texto y contenido sin trabajar
❎ Arquitectura de información confusa
❎ Taxonomía compleja
❎ Innumerables fallos de usabilidad
❎ Excesivo número de enlaces
❎ Poca presencia del buscador
Entrevistas 🎙
Arquitectura 📐
Uno de los mayores retos fue organizar y clasificar la información para ofrecerla de manera entendible y accesible a la ciudadanía. Gracias a los workshops y al estudio del contenido existente se pudieron elaborar varios árboles de información que sirvieron de base para la posterior optimización de la arquitectura en la fase de diseño.
A continuación se muestra algunos árboles de información:
Contenido 📂
Otro de los principales problemas de este tipo de webs es el contenido: el gran olvidado.
❎ Todo es importante, nada se filtra ni prioriza
❎ Falta de consistencia o guía de estilo
❎ Uso muy limitado de plantillas
❎ Dificultad para escalar por la falta de estándares y plantillas
❎ Taxonomía poco entendible
❎ Uso escaso de clasificadores y pestañas
❎ Navegación confusa en niveles interiores
Insights 💡
Consideraciones top 🏅
Otras consideraciones 👇🏻
✅ Jerarquías claras
✅ Información destacada
✅ Diseño escalable
✅ Limpio y ordenado
✅ Estructura consistente
✅ Contenido trabajado
✅ Visualmente cuidado
Diseño 🖍
Teniendo en cuenta el objetivo del proyecto y todos los datos obtenidos durante la fase de análisis procedimos definir una solución que cumpliera los siguientes requisitos:
Prototipo en alta 👨🏻💻
Con estos requisitos se diseño la propuesta de UX para validar los nuevos flujos así como la nueva estructura de las pantallas.
Arquitectura y navegación 🧭
Uno de los mayores retos fue organizar y clasificar la información para encontrarla fácilmente. Además de trabajar los grupos y niveles de información se hizo especial hincapié en definir una taxonomía entendible.
Páginas interiores 📄
Para el diseño de las páginas interiores se analizaron las diferentes tipologías de contenido y se propuso una estructura modular que permitiera la flexibilidad y escalabilidad del contenido. Anexo a los prototipos se elaboró una guía de uso ya que la gestión y adición de dicho contenido sería responsabilidad del Ministerio.
Diseño visual 🎨
Una vez validada la parte de UX se definió la solución visual final. Esta capa visual enfatizó la parte inclusiva y divulgativa con ilustraciones y elementos gráficos a la par que mantuvo la esencia de un diseño sencillo, ordenado y enfocado en el contenido.
Créditos del diseño visual: Elena Marticorena