¿Cómo deben usar los gerentes de producto los wireframes?
Las estructuras alámbricas suelen pasarse por alto cuando nos apresuramos para lanzar nuevas funcionalidades, pero pueden ser una herramienta importante para que los responsables de producto recopilen comentarios, generen ideas rápidamente y creen prototipos de flujos de trabajo complejos sin demasiada sobrecarga.
He estado compaginando los mundos de la gestión de productos y el diseño de UX durante la mayor parte de mi carrera, y he descubierto que las estructuras alámbricas son una herramienta importante en el proceso de diseño de productos. Aunque son una excelente forma de visualizar ideas y crear prototipos de baja fidelidad, también son muy útiles para lograr la alineación entre equipos.
¿Qué es una estructura alámbrica?
Balsamiq, creadores de una de las herramientas de creación de estructuras alámbricas más populares del mercado, define una estructura alámbrica como «un esquema o plano» que os ayuda a ti y a tus compañeros a reflexionar sobre la estructura de lo que estáis creando.
Continue Reading for Free
Create a free account to finish this article, plus get ongoing access to timely insights and practical resources.
Have an account? Log In
Analicemos esa definición con algo más de detalle. Como plano, una estructura alámbrica ayuda a establecer los cimientos del producto final, ya sea para páginas web, aplicaciones móviles o aplicaciones web sofisticadas.
En lugar de centrarse en los detalles más precisos del diseño de la interfaz de usuario de tu producto, como los colores, las fuentes y los estilos, la estructura alámbrica ayuda a centrar la atención en aspectos estructurales generales, como la disposición, la arquitectura de la información y las funcionalidades de alto nivel. Por supuesto, los elementos de diseño son importantes, pero centrarse en ellos demasiado pronto en el proceso puede distraerte e impedirte detectar grandes problemas estructurales que más adelante se convierten en quebraderos de cabeza durante el desarrollo del producto.
Una característica importante de una buena estructura alámbrica es que sea de baja fidelidad, lo que significa que puede ser tan sencilla como unos cuadros en una herramienta de colaboración para el diseño, o incluso un dibujo en una pizarra o unos garabatos en el reverso de una servilleta. Los marcadores de posición para muchos elementos de la interfaz de usuario, como fotografías y texto, se utilizan ampliamente, ya que el objetivo es centrarse en la disposición general de la página y no en los detalles específicos del contenido.
Las estructuras alámbricas no tienen que ser perfectas; están pensadas para ser rudimentarias y ágiles.
Los responsables de producto entienden la importancia de transmitir significado y, a menudo, el mejor método es el más sencillo.
Una imagen vale más que mil palabras, especialmente cuando se trabaja con desarrolladores en el extranjero y se superan las barreras lingüísticas… contar con prototipos interactivos reales permite a las personas dar su opinión y evita malentendidos desde el principio.
¿Quién la utiliza?
Las estructuras alámbricas son una excelente herramienta de gestión de productos, ya que conectan las numerosas conversaciones multidisciplinares en las que participan los responsables de producto.
Todas las personas de un equipo de producto, incluidos los responsables de producto, diseñadores y desarrolladores, pueden beneficiarse del proceso de creación de estructuras alámbricas.
En lugar de concentrar toda la comunicación en palabras que pueden malinterpretarse, una estructura alámbrica ofrece una forma rápida de ver la intención que se pretende transmitir. Muestra a las personas lo que quieres decir, en lugar de limitarte a intentar explicarlo mediante texto.
Cuanto más diversa sea la información que recibas sobre la estructura alámbrica, más ideas podrás evaluar; no debería importar si la crea el responsable de producto, el diseñador o el desarrollador, siempre que todos la utilicéis para fomentar la colaboración.
¿Quién es responsable de las estructuras alámbricas?
En algunas organizaciones, averiguar quién podría estar «a cargo» de crear las estructuras alámbricas puede generar confusión. Si tu equipo cuenta con diseñadores, te recomiendo que habléis sobre quién debería asumir la responsabilidad de crear la estructura alámbrica. En última instancia, debería ser una herramienta que utilizase todo el mundo; es simplemente otra forma de ayudar a comunicar las ideas con claridad, lo que permite crear equipos más sólidos.
No solo para las partes interesadas internas
Como los bocetos se consideran de baja fidelidad y poco refinados, puede ser fácil asumir que solo sirven para la comunicación interna, pero no olvides que son una excelente forma de impulsar conversaciones con clientes, evaluadores y otras partes interesadas externas.
¿Por qué deberían utilizar bocetos los responsables de producto?
Los bocetos simplifican tu comunicación
¡El viejo dicho de que «una imagen vale más que mil palabras» es muy acertado! A menudo se considera que escribir es una habilidad fundamental para los responsables de producto, ¡y estoy totalmente de acuerdo! Sin embargo, por costumbre, muchas veces puede convertirse en nuestro método de comunicación predeterminado, incluso cuando existen formas más sencillas. Crear rápidamente un boceto puede ahorrarte mucho tiempo que, de otro modo, dedicarías a pulir la redacción.
Los bocetos te ayudan a comprender flujos de usuario complejos
Los bocetos te proporcionan una forma tangible de explorar ideas que necesitas convertir en historias de usuario o requisitos. Las limitaciones ocultas se vuelven más visibles y también aparecen nuevas oportunidades que podrían haberse pasado por alto cuando empiezas a imaginar una solución de una forma más tangible.
Los bocetos son económicos
Una de las grandes ventajas de los bocetos es que te ofrecen, tanto a ti como al equipo de desarrollo del producto, una oportunidad muy ligera de probar ideas sin tener que invertir demasiado en un diseño de alta fidelidad o en código listo para producción.
Si te enfrentas a algo que parece complicado o incluso arriesgado de construir, elige la opción económica y crea rápidamente algunos bocetos para realizar pruebas de usabilidad iniciales. Puede ser todo lo que necesitas para evaluar realmente si merece la pena invertir en una idea.
Otra habilidad para impulsar tu carrera en la gestión de productos
Tener un sólido conocimiento de las buenas prácticas de experiencia de usuario es una habilidad técnica clave para cualquier responsable de producto, por lo que familiarizarte con los bocetos como otra herramienta que puedes utilizar es una excelente forma de mejorar tus habilidades de gestión de productos y hacerlas más atractivas para el mercado laboral.
Tus habilidades para crear bocetos pueden demostrar a posibles empleadores que sabes pasar de los conceptos a los productos reales.
¿Cómo pueden utilizar eficazmente los bocetos los responsables de producto?
Pruebas con usuarios y comentarios de las partes interesadas
Validar tus ideas desde el principio siempre es una buena práctica. Los bocetos hacen que las ideas sean más tangibles y facilitan que las personas te den su opinión durante tus actividades de investigación de usuarios. Esto es así tanto si recopilas comentarios de partes interesadas internas como si hablas directamente con los usuarios.
No dejes que el hecho de que parezcan inacabados te impida pedir opiniones sobre ellos. Las personas agradecerán que busques su aportación durante las primeras etapas del proceso de diseño del producto.
Los bocetos aportan contexto a tus especificaciones
Muchas de las herramientas populares actuales de diseño de productos y creación de bocetos cuentan con integraciones incorporadas para vincular historias de usuario y requisitos directamente con las versiones más recientes de tus bocetos. Incluir elementos visuales en tus especificaciones e historias de usuario puede aportar contexto adicional a tus palabras, así que no olvides incluirlos.
Buenas prácticas
- Mantenlo sencillo: Utilizar los bocetos de forma eficaz significa no invertir demasiado en que tengan un aspecto perfecto; no deberías aspirar a crear un boceto de alta fidelidad. Si te das cuenta de que estás dedicando demasiado tiempo a añadir acabados durante el proceso de creación de bocetos, haz una pausa y vuelve a ello con la mente despejada. Recuerda que estás intentando ver cómo pueden encajar las piezas principales de una idea. Los detalles más precisos pueden llegar después, a medida que iteres.
- Anima a los demás a utilizar bocetos: Puede resultar difícil describir las complejidades de los flujos de trabajo de un producto. Anima a los demás a mostrarte lo que quieren decir mediante bocetos para que podáis crear juntos ese hábito. Puede que te resulte más fácil hablar sobre problemas complejos de diseño de interacciones o cuestiones técnicas cuando todos utilizáis una ayuda visual para orientar la conversación en tiempo real.
¿Qué herramientas para crear bocetos puedo utilizar?
Mi primera recomendación es que compruebes qué tienes ya a tu alcance. El papel sirve cuando solo necesitas anotar rápidamente una idea, pero cuando quieres crear algo que puedas actualizar y compartir fácilmente con los demás, por suerte no faltan herramientas gratuitas para crear bocetos entre las que elegir.
Con muchos elementos de interfaz de usuario prediseñados que puedes arrastrar y soltar, estas herramientas te ahorran mucho tiempo. La mayoría también cuenta con plantillas desde las que puedes empezar, por lo que tanto los principiantes como los expertos en la creación de bocetos pueden ponerse manos a la obra rápidamente.
Aunque algunas herramientas están diseñadas exclusivamente para crear bocetos, también se pueden utilizar otras herramientas de diseño de interfaces de usuario destinadas a crear maquetas interactivas más sofisticadas. Aquí tienes una pequeña muestra de herramientas que puedes probar:
- Balsamiq: Una de las herramientas específicas para crear esquemas de estructura más antiguas y populares es Balsamiq. Mantienen sus herramientas y elementos visuales deliberadamente sencillos para que puedas centrarte más en la funcionalidad que quieres desarrollar, en lugar de distraerte con el diseño.
- Figma: Aunque Figma es una herramienta excelente para crear recursos de diseño visual complejos, también se puede utilizar fácilmente para crear diseños más sencillos y esquemas de estructura.
- Miro: Aunque no es una herramienta de diseño como tal, Miro ofrece un enfoque mucho más libre para utilizar una variedad de herramientas, desde notas adhesivas hasta mapas mentales. Gracias a sus funciones integradas para crear esquemas de estructura, puede ser una forma sencilla de empezar a crear tus esquemas de estructura de baja fidelidad.
- Framer – Si necesitas algo más que esquemas de estructura estáticos, Framer te permite crear prototipos interactivos con animaciones y transiciones. Es una opción excelente para los equipos que quieren probar las interacciones de los usuarios al principio del proceso de diseño.
P. D., consulta alternativas a Framer y otras herramientas de software para crear esquemas de estructura. - Pizarra Si estás en la oficina, ¡no olvides que hacer bocetos rápidos en una pizarra rodeado de tus compañeros puede ser una forma rápida y sencilla de iterar una idea! ¿Trabajas a distancia? ¡Las herramientas mencionadas anteriormente son excelentes para la colaboración virtual!
Lectura relacionada: Las 10 mejores herramientas para crear esquemas de estructura y diseñar aplicaciones y sitios web
Los esquemas de estructura pueden convertirte en un mejor responsable de producto
Ser versátil en tus enfoques y en las herramientas que utilizas siempre te convertirá en un responsable de producto seguro de sí mismo y respetado. Los esquemas de estructura son una herramienta importante de tu arsenal, así que no olvides utilizarlos para ayudar a comunicar tus pensamientos e ideas, y para recopilar comentarios de forma temprana y frecuente.
Considerar el esquema de estructura como una herramienta de comunicación elimina la carga de decidir quién es su responsable y centra sus esfuerzos en lo que más importa: crear alineación entre tus equipos, obtener y compartir comentarios, y aportar claridad a las personas con las que trabajas.
Para obtener más información y consejos sobre cómo desarrollar tus habilidades como responsable de producto, suscríbete al boletín de The CPO Club.
Lectura relacionada: Responsable de producto en la transformación digital: cómo conseguir que funcione
También te puede interesar: Las mejores herramientas de maquetas para responsables de producto
