Proyectos de UX | Wireframes | ECOMMBITS

Proyectos de UX: 7 preguntas frecuentes sobre wireframes

¿Wire… qué? Don’t panic 😉 esa es la primera pregunta que vamos a responder. Cuando comenzamos un Proyecto de UX es normal que surjan dudas al inicio y a lo largo del mismo, por eso en este artículo vamos a aclarar ésta y otras dudas relacionadas con los wireframes para que si te decides a revisar la UX de tu eCommerce, tengas todo bajo control.

Ofrecer una buena Experiencia de Usuario te ayuda a mejorar la percepción de tu marca, a generar más confianza y favorecer la conversión. Nuestros proyectos de Usabilidad comienzan conociéndote a ti, tu negocio y tus objetivos. Tras la fase de briefing y toma de requerimientos, nos remangamos y empezamos a analizar tu tienda y tus usuarios, a trabajar en la arquitectura, flujos de interacción y finalmente a desarrollar los wireframes de las distintas páginas y funcionalidades que vaya a a conllevar el proyecto. Ahora que ya conoces el proceso, ¡comenzamos con las preguntas!

1. ¿Qué son los wireframes y para qué sirven?

Imagina que quieres construir una casa, ¿empezarías a construirla sin hacer antes los planos? Los wireframes son como los planos de tu eCommerce, bocetos sobre papel, en jpg, PDF o incluso navegables que nos ayudan a estructurarla, organizar la información y a priorizar unos elementos sobre otros, según su importancia.

Proyectos de Usabilidad para eCommerce | ECOMMBITS

2. ¿Por qué son tan esquemáticos y en blanco y negro?

Al igual que en un plano lo que vamos a pintar es la estructura, no el diseño final. Por eso evitamos usar colores, tipografías específicas, imágenes… ya que el objetivo es que la atención se centre en la composición, organización de las páginas, funcionalidades y su uso en los distintos dispositivos donde se presentarán y no en la estética.

3. ¿Cómo se comporta cada elemento pintado en un wireframe?

Los wireframes suelen ser estáticos (normalmente los entregables irán en JPG o PDF) aunque si el proyecto lo requiere y el presupuesto lo permite, se pueden hacer navegables bien en su totalidad o al menos en funcionalidades importantes. En cualquier caso, siempre deberían ir acompañados de un funcional en el que se explique punto por punto las funcionalidades asociadas a cada elemento y los flujos de navegación en los que interviene, así como los efectos visuales y otras características que sean importantes de comentar.

4. ¿Por qué es necesario hacer un wireframe diferente para ordenador, tablet y móvil?

Volvamos al ejemplo de los planos de una casa. ¿Tendrías la misma distribución o incluso los mismos muebles para una de 50m2 que para una de 200m2? En el caso de los diferentes dispositivos es lo mismo: debemos organizar los elementos pensando en los distintos tamaños de pantalla y en la forma en la que el usuario navega según el dispositivo.

Por esto, cualquier proyecto de usabilidad por básico que sea, debería contemplar al menos el desarrollo de wireframes para la versión desktop y para la versión mobile y en algunos casos, cuando se trata de elementos o funcionalidades complejas, también para la versión tablet.

Por nuestra experiencia, dos de los elementos que solemos prototipar en las 3 resoluciones son el menú y los filtros, ya que normalmente tienen gran cantidad de información en poco espacio y es preferible definir cómo se comportarán en cada resolución.

Wireframes Desktop, Tablet y Móvil | Usabilidad eCommerce | ECOMMBITS

5. ¿Por qué necesitamos que nos enviéis contenido real?

Aunque en los wireframes solemos utilizar texto ficticio e imágenes vacías para la mayoría de las pantallas, en ocasiones necesitamos ejemplos reales de textos o productos para hacernos mejor a la idea de formatos, extensiones de textos o número de opciones que puede tener un elemento o página en concreto.

Piensa, por ejemplo, en el formato de tus imágenes de producto, ¿son verticales o apaisadas? Dependiendo del formato, wireframes como los de  la lista de resultados o los de la ficha de producto podrían cambiar por completo.

6. ¿Por qué es tan importante revisar y validar los wireframes?

Es una cuestión de practicidad, de ahorro de tiempo y ahorro de costes. Los wireframes son la base sobre la que se apoyan en mayor o menor medida el resto de áreas implicadas en el proyecto. Es mucho más sencillo revisar y hacer las modificaciones oportunas en los wireframes que no una vez que hemos empezado con la fase de diseño o de maquetación, por ejemplo. Por eso, es imprescindible que todas las personas implicadas en el proyecto los validen para evitar cualquier cambio a posteriori que pueda aumentar las horas de trabajo del resto de áreas y retrasar la fecha de entrega del proyecto.

7. ¿Quiénes deberían participar en las fases de definición y validación?

Aunque cada empresa es diferente y cuenta con más o menos recursos humanos, lo ideal es que las siguientes áreas estén representadas en las reuniones:

  • Negocio
  • Marketing
  • Diseño
  • Desarrollo Back
  • Maquetación

Además, siempre debería existir al menos una persona en el cliente y otra en la agencia, si es que este área la trabajas con un proveedor, que tenga una visión completa del proyecto y que pueda coordinar todas las tareas con el resto del equipo como el envío de materiales, revisión y aprobación de los wireframes, etc.

Como decíamos al inicio del artículo, la última fase de un proyecto de usabilidad son los wireframes, llega el momento de dar vida a tus prototipos a través del diseño y de la implementación técnica, por lo que es muy importante que el resto de áreas sigan conectadas con el departamento de UX que es quien definió la estrategia.

Si tienes alguna duda puedes dejarla en nuestra sección de comentarios o llámanos y te la resolveremos encantados. 🙂

¿Qué te ha parecido? Vota aquí:
4/5 - 3 votos
Carla Chueca
Jefa de Proyectos - Estrategia y Marketing en | carla@ecommbits.com
Tras varios años diseñando y desarrollando como Frontend Developer, decidí dar un cambio a mi carrera orientándome al Marketing digital. ¿Por qué? Mi curiosidad por los resultados de las campañas que diseñaba me pedía un cambio de rumbo y encontré una nueva forma de trabajar en ecommerce que a día de hoy me permite seguir dando rienda suelta a mi creatividad, pero esta vez, desde el inicio de la estrategia hasta su análisis final.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *