Descripción del proyecto

En encargo era crear un megamenú para la empresa XMS el cual diseñé trabajando en Lado Norte, considerando toda la información que ya existía en el sitio web y con las medidas de 1200px para el ancho del menú y con hasta 6 columnas de diagramación.

Tiempo de desarrollo: 1 semana

Investigación

Para realizar el proyecto y en consideracion del tiempo de desarrollo disponible, solo realicé como investigación una busqueda de que elementos principales contiene un megamenú, tomando como principal referente el menú de Adobe.

Además, revisé consejos dentro de foros para recibir consejos sobre la estructura de un menú, rescato a continuación los mas importantes:

  • Ordena las opciones por temáticas o relaciones. Para esto lo mejor es hacer un ejercicio de card sorting entre los usuarios y un grupo de stakeholders.
  • No hagas grupos con muchos elementos ni muchos grupos de pocos elementos.
  • Usa etiquetas descriptivas y concisas para cada agrupación.
  • Ordena los grupos, ya sea por visitas, por importancia o de otra manera.
  • No dupliques las opciones. Es decir, no pongas un elemento en dos agrupaciones.
Fuente

Mapa de navegación

Con la información recolectada, comencé a armar la estructura agrupando los elementos en base al contenido de cada uno, fusionando etiquetas pero procurando que no fueran demasiadas por cada una y permitir un mejor flujo de navegación.

Mockups

Prototipo Interactivo

Tengamos contacto

Si tienes alguna duda de mi trabajo o algun proyecto, puedes contactarme en cualquiera de las redes sociales a continuación.

mailkiara.inzunza@gmail.com instagram linkedin behance dribble