UX Case study — Ejercicio final — madrid.es

Chuss Barranco
3 min readJun 28, 2018

--

EL RETO

Se nos pide que hagamos un pequeño estudio de la web de madrid.es y localizar algunos de sus puntos menos accesibles y usables y darle una solución rápida y sencilla a través de unos wireframes.

EL PROBLEMA

Navego por la web y me encuentro varios puntos de fricción pero el que más me llama la atención es la sección Noticias.

El menú principal de la web es este:

Una vez entramos en el menú de Actualidad nos sale este submenú.

  • En portada
  • Actividades y eventos
  • Noticias
  • Redes Sociales

Aparentemente bien estructurado, pero el problema viene cuando una vez pinchamos en la sección de Noticias el cual manda al usuario a Medios de comunicación que se encuentra en otro apartado diferente del Menú principal de la web, El Ayuntamiento.

Esta navegación al usuario le despista y le obliga a entrar a un menú que él no ha elegido, el de Medios de comunicación y una vez dentro no puede elegir directamente las otras opciones del submenú principal que él eligió en un primer momento. Para ello debe de volver al menú principal y pinchar de nuevo en Actualidad.

Otro problema que veo en esta parte de la navegación es que en algunas páginas la opción de compartir en redes sociales está como una opción secundaria encima del menú lateral en forma de icono y cuando una página no tiene menú lateral, las redes sociales aparecen desplegadas como su fuese un menú.

MI SOLUCIÓN

Se me ocurre una solución para organizar mejor los contenidos y jerarquizar mejor esa parte de la web.

Una vez entrado en el menú de Actualidad — Noticias, la página no redireccionaría al usuario a otro apartado del menú principal. Directamente mostraría el contenido referente a las Noticias actuales.

Al entrar en Noticias sería positivo mostrar las principales noticias del día con sus imágenes correspondientes para que de un vistazo el usuario se pudiese informar.

El menú lateral lo estructuraría de otra manera incluyendo así la principal opción de Noticias de hoy y seguidos los dos buscadores, tanto como para distrito como para noticias generales.

El menú quedaría así:

  • Hoy es noticia
  • Todas las noticias
  • Noticias por distrito

En el Menú principal — Ayuntamiento — Medios de Comunicación eliminaría los apartados de noticias y notas de distrito quedando de esta manera.

  • Notas de prensa de hoy
  • Agenda de hoy
  • Previsiones de los próximos días
  • Retransmisiones de ruedas de prensa
  • Datos de Contacto

El problemas de cómo compartir en redes sociales una página, lo solucionaría utilizando el mismo criterio en todas ellas.

Incluiría el icono de compartir, imprimir y agregar en favoritos pudiendo desplegarse un submenú de las redes sociales cuando el usuario pinche en el icono de compartir.

He realizado estos wireframes con Mockup con las soluciones aplicadas en cada pantalla.

Actualidad — Noticas — Hoy es noticia
Actualidad — Noticas — Todas las noticias
Actualidad — Noticas — Hoy es noticia — Compartir página
El Ayuntamiento — Medios de comunicación — Notas de prensa de hoy

--

--