Home prototype

Diseño prototipo home para una tienda online de camisetas, siguiendo algunos de los prinipios de investigación UX enfocados en las buenas prácticas y la usabilidad.

UX/UI
Prototipado

Benchmark

Se ha realizado un UX Benchmark de las 3 webs más imporantes de la competencia para sacar puntos fuertes, debilidades y definir así mejor unas buenas prácticas para nuestro producto, fijandonos en los siguientes elementos dentro de la home de cada una de las webs:

  • Posición del menú

  • Idiomas

  • Buscador

  • Wishlist

  • Login / registro usuario

  • Ofertas

  • Valor añadido

  • Banner

  • Countdown oferta

  • Producto destacado / precio

  • Lista categorias

Conclusiones Benchmark

Las etiquetas de valor añadido tienen que estar visibles y ocupar poco espacio.

El buscador tiene que estar muy destacado, nos podemos apoyar en un placeholder para ayudar al usuario.

El header tiene que ser limpio y con pocos elementos para no distraer la atención.

Los elementos tipo cuenta atrás deben ocupar el espacio justo para no restar importancia al producto.

Los productos y CTA deben verse total o parcialmente anters de hacer scroll para incentivar la navegación.

Diseño Mockups

Tras la investigación de la competencia y análisis de buenas prácticas pasamos a diseñar el mockup sobre el cual basaremos nuestro prototipo, teniendo en cuenta la accesibilidad y facil navegación:

Buscador: Ayudamos l usurario con algún ejemplo de úsqueda en el placeholder.

Iconos de entrega: Los incorporamos junto al banner principal para no saturar de información el header, tienen buena visibilidad. Los recordamos justo antes del footer.

Headline: Tanto en la versión de escritorio como la versión móvil el tamaño de los elementos esta optimizado para que la primera línea de productos sea visble almenos parcialmente antes de hacer scroll.

Menú móvil: Incorporamos un menú en la parte inferior con accesos rápidos a contacto y novedades.