Me encargaron diseñar una plataforma eficiente para que los profesores puedan acceder a información ambiental actualizada y a recursos educativos relevantes, facilitando así su capacidad para integrar este conocimiento en sus lecciones y promover la conciencia ambiental entre sus estudiantes. Además, el objetivo era proporcionar una experiencia de usuario intuitiva y accesible, abordando las necesidades específicas de los usuarios con diversas capacidades y preferencias.

Con un diseño intuitivo y funciones fáciles de usar, mi objetivo era facilitar a los usuarios el acceso a una amplia variedad de información medioambiental. Desde módulos de aprendizaje interactivos hasta noticias medioambientales actualizadas en tiempo real, la plataforma es un recurso completo para educadores, estudiantes y personas concienciadas con el medio ambiente. Centrada en la accesibilidad y el compromiso, la plataforma pretende capacitar a los usuarios para que tomen medidas proactivas en el cuidado de nuestro planeta.

Investigación de usuarios

Llevé a cabo una investigación exhaustiva de los usuarios mediante entrevistas con profesores y usuarios concretos, abordando inicialmente la sobrecarga de información como problema principal. Se asumió que la necesidad de información relevante era universal; sin embargo, la investigación reveló una necesidad crítica de accesibilidad para los usuarios con deficiencias visuales y auditivas. Esta idea reconfiguró la dirección del diseño, dando prioridad a la implementación de ajustes de accesibilidad, como una sección de necesidades específicas. La investigación puso de manifiesto la diversidad de preferencias y necesidades de contenido de los usuarios, lo que orientó las iteraciones para crear un diseño inclusivo y funcional que satisficiera las distintas demandas.

Conclusiones de la investigación

Sobrecarga de información

Para abordar el problema de la sobrecarga de información en la web, diseñaré una interfaz intuitiva con categorías claramente definidas y una estructura de navegación transparente. Implementaré un sistema de preferencia de contenidos para adaptar la información a los intereses específicos de los usuarios, centrándome en la relevancia de los contenidos.

Dificultad para encontrar datos precisos

Para hacer frente al reto de encontrar en Internet datos específicos y actualizados sobre temas medioambientales, diseñaré una sección de "Últimas noticias" que ayudará a los usuarios a mantenerse informados sobre los avances en el campo del medio ambiente. Esta sección constituirá una fuente de información fiable y actualizada periódicamente.

Problemas de accesibilidad

Para hacer frente a los diversos problemas de accesibilidad que experimentan los usuarios, se diseñarán secciones que permitan personalizar la experiencia en función de las necesidades individuales. Esto incluirá opciones para ajustar el tamaño del texto y el contraste, entre otros aspectos. La compatibilidad con las tecnologías de apoyo se garantizará mediante descripciones detalladas de las imágenes, subtítulos y transcripciones de los contenidos multimedia. Además, se implementará la opción de elegir idiomas para mejorar la accesibilidad.

Dificultad de acceso a los datos técnicos

Para potenciar la interactividad, se decidió poner en marcha foros que ofrecieran un espacio para debatir temas técnicos entre expertos, compartir experiencias y colaborar en proyectos relacionados con el medio ambiente.

Primeras ideas de diseño

Tras una profunda reflexión y análisis de los resultados de la investigación, comencé a diseñar un posible mapa del sitio web. Decidí implantar una estructura jerárquica combinada con una base de datos para ofrecer a los usuarios la posibilidad de personalizar el contenido según sus necesidades individuales. La página de inicio serviría de punto de partida, a partir del cual se ramificarían las categorías principales. Cada una de estas categorías principales estaría vinculada a subcategorías asociadas, que representarían páginas adicionales que los usuarios podrían explorar. La interconexión entre estas subcategorías y sus respectivas categorías principales garantizaría una navegación coherente y organizada, que permitiría a los usuarios acceder a la información pertinente y personalizar su experiencia según sus intereses específicos en temas medioambientales.

Wireframes en papel

A continuación, esbocé en papel varias opciones para la página de inicio. Desde el principio, tuve en cuenta las necesidades de los usuarios para garantizar una navegación fluida y organizada. A medida que avanzaba con los diseños, iba eliminando más elementos, buscando un diseño lo más limpio posible.

Esquemas digitales

Durante la transición de los bocetos en papel a los digitales, no perdí de vista los puntos débiles de los usuarios identificados en la investigación. Mi objetivo principal era mejorar la experiencia general del usuario. En mi proceso de diseño, di prioridad a una navegación fluida pero eficaz, al tiempo que me esforzaba por conseguir un diseño lo más limpio posible.

Prototipo de baja fidelidad

Para crear un prototipo de baja fidelidad, vinculé todas las pantallas implicadas en el flujo principal del usuario para permitir la personalización de las preferencias de contenido y abordar las conclusiones de la investigación realizada. En esta fase, recibí más comentarios de los usuarios sobre diversos aspectos, como el diseño de las páginas. Me aseguré de escuchar sus aportaciones y puse en práctica muchas de sus sugerencias en áreas que abordaban los puntos débiles identificados por los usuarios.

Estudios de usabilidad

Una vez completado mi prototipo de baja fidelidad, sentí la necesidad de realizar un estudio de usabilidad para identificar los posibles retos que los usuarios podrían encontrar al buscar información específica. Por ello, realicé el estudio a distancia con la participación de cinco usuarios. Entre los participantes se encontraban: un profesor de biología de 35 años que trabaja en un instituto, un consultor medioambiental de 46 años con discapacidad visual leve, un estudiante universitario de 26 años que estudia biología marina, un agricultor de 50 años con discapacidad auditiva leve y un ingeniero medioambiental de 34 años.

Principales resultados

Accesibilidad

Algunos usuarios encontraron dificultades de accesibilidad, concretamente relacionadas con el tamaño del texto, el contraste y la necesidad de subtítulos para los vídeos.

Usabilidad

Algunos usuarios tuvieron dificultades para localizar determinados temas

Interactividad

Algunos usuarios necesitaban compartir conocimientos y expresaron la necesidad de colaborar en proyectos relacionados con la protección del medio ambiente.

Contenidos pertinentes y actualizados

Los usuarios buscaban principalmente información específica relacionada con sus intereses y ocupaciones.

Maquetas

Basándome en los resultados del estudio de usabilidad, introduje modificaciones para mejorar la accesibilidad. Una de ellas fue añadir la opción de personalizar las necesidades de cada usuario, lo que se tradujo en una experiencia de usuario más adaptada. Otra medida fue incluir la opción de selección de idioma.

Antes del estudio de usabilidad

Después el estudio de usabilidad

Para mejorar la navegación, añadí una barra de búsqueda a la plataforma. Además, para responder a la necesidad de acceder a contenidos relevantes y actualizados, desarrollé una sección de "Últimas noticias sobre medio ambiente y biodiversidad", que se actualiza periódicamente....

Barra de búsqueda

Sección: "Últimas noticias"

Para aumentar la interactividad, añadí foros de debate para fomentar la interacción entre los usuarios y facilitar el intercambio de conocimientos relacionados con el medio ambiente.

Foros de debate

Menú de la página web

Página de inicio con vídeo

Documentales

Versión móvil

En mis maquetas, incluí consideraciones para distintos tamaños de pantalla basadas en mis esquemas de páginas anteriores. Dado que los usuarios acceden a la plataforma desde diversos dispositivos, consideré crucial optimizar la experiencia de navegación para distintos tamaños de pantalla, con el objetivo de ofrecer la mejor experiencia posible a los usuarios.

Prototipos de alta fidelidad

Consideraciones sobre accesibilidad

Accesibilidad WCAG


Se han tomado decisiones de diseño para garantizar que la plataforma sea accesible a todos los usuarios, incluidos los que tienen deficiencias visuales y auditivas. Todas estas decisiones cumplen las directrices de accesibilidad WCAG.

Opciones de personalización de la configuración


Ofrece la posibilidad de personalizar las siguientes opciones:
- Subtítulos de vídeo
- Transcripciones de audio
- Interpretación de la lengua de signos
- Opciones de alto contraste
- Tamaño de letra ajustable
- Zoom de pantalla
- Navegación con el ratón
- Navegación con el teclado
- Navegación por voz
- Desactivar animaciones
- Ajuste del tamaño según las preferencias del usuario

Presencia de subtítulos


para los contenidos multimedia, junto con texto alternativo para las imágenes.

IV. Reflexiones

El resultado de mis diseños es una experiencia de usuario mejorada y más accesible, con comentarios positivos de los participantes en los estudios de usabilidad realizados. Gracias a la implementación de ajustes de accesibilidad, opciones de personalización y contenidos relevantes y actualizados, los usuarios han elogiado la eficacia y usabilidad del diseño, constatando una mejora significativa de la usabilidad y la satisfacción general.

Cada fase de este proyecto ha sido una valiosa oportunidad de aprendizaje que ha allanado el camino para la aplicación de mejoras en el diseño. He observado cómo los comentarios de los usuarios y la iteración constante del diseño han mejorado notablemente la usabilidad y, en consecuencia, la eficacia de la plataforma.

X. Próximos pasos

Más pruebas de usabilidad

Identificar y abordar cualquier problema o área de mejora que pueda no haberse detectado previamente.

Seguir investigando

Realizar investigaciones adicionales para comprender mejor las necesidades y expectativas de los usuarios, así como las tendencias emergentes en diseño y tecnología, y aplicar estos conocimientos al diseño de la plataforma.

Análisis de métricas

incluidas las tasas de conversión, el tiempo en la página y la tasa de rebote, para comprender mejor el comportamiento de los usuarios y determinar las áreas específicas que necesitan atención.

Optimización de la accesibilidad

Seguir mejorando la accesibilidad de la plataforma implementando más opciones de personalización y ajustes.

Iteración del diseño

Basándose en los resultados de las pruebas de usabilidad y el análisis de métricas, realice iteraciones adicionales en el diseño para optimizar la experiencia del usuario.

Sígueme
LinkedIn
Contacta conmigo
Benidorm
+34 610 28 28 44
Chatear en WhatsApp
hello@gerygantois.art