
¿Qué es el tablero para crear wireframes?
Un tablero de trabajo flexible para esbozar ideas de producto en diseños para móvil, tableta y web. Incluye plantillas de página listas para usar, áreas de descripción para cada pantalla y espacio para desarrollar conceptos de baja fidelidad con las herramientas de creación de wireframes de Miro.
¿Qué problema resuelve?
Las ideas se quedan en las conversaciones en lugar de convertirse en pantallas visibles
Los equipos esbozan en formatos distintos sin una estructura compartida
El pensamiento inicial sobre el producto carece del contexto necesario respecto al propósito de la página y al flujo
Es más difícil comparar las experiencias en móvil, tableta y web lado a lado
Cómo utilizar
Elige la plantilla de dispositivo en la que quieras trabajar: móvil, tableta o web
Agrega o duplica páginas para cada pantalla del flujo
Usa las áreas de descripción para registrar el objetivo de la página, las acciones principales y el contenido clave
Boceta los diseños con las herramientas de creación de wireframes de Miro, formas, texto y marcadores de posición
Revisa las pantallas como una experiencia conectada y refina la estructura
Usa el tablero para el proceso creativo, la colaboración, los comentarios o la planificación temprana del producto
Errores comunes
Agregar demasiado detalle visual demasiado pronto, omitir el propósito de la página, mezclar varios flujos en un mismo conjunto de pantallas y diseñar pantallas sin pensar en todo el recorrido del usuario.
Cómo evitar errores
Empieza con diseños simples y de baja fidelidad, escribe una breve descripción de cada página antes de dibujar, traza un flujo a la vez y concéntrate en la estructura y en las acciones del usuario antes de pulir el aspecto visual.
Funciones de Miro que puedes usar
Bibliotecas de wireframe para elementos rápidos de interfaz de usuario, Formas para bloques de diseño, Notas adhesivas para ideas y comentarios, Cuadros de texto para descripciones de página, Conectores para mostrar el flujo de usuario, Comentarios para notas de revisión, Marcos para organizar conjuntos de pantallas por dispositivo o recorrido.
Preguntas frecuentes
Q: ¿Quién puede beneficiarse de esta plantilla?
A: Equipos de producto, fundadores, diseñadores, desarrolladores, facilitadores de talleres y cualquier persona que quiera una forma rápida de bosquejar pantallas y discutir ideas de producto.
Q: ¿Funciona para sesiones virtuales y presenciales?
A: Sí. Los equipos pueden bosquejar directamente en Miro durante sesiones remotas, o proyectar el tablero en una sala y crear wireframes juntos en vivo.
Q: ¿Con qué me quedo?
A: Un conjunto de wireframes de baja fidelidad para móvil, tablet o web, descripciones de cada pantalla y una estructura más clara del flujo del producto o del concepto que estás explorando.
Deanne Watt
Product Strategy @ MiNDPOPGroup.com
My approach to product is to get to the heart of what drives a company. I am passionate about the entire end-to-end process and making it more efficient, collaborative as well as aligning teams and improving communication. We have built about 200 Miro boards so far that cover ideation, strategy, design, engineering, and even marketing promotion.
Categorías
Plantillas similares

Plantilla de wireframes de aplicaciones
¿Listo para empezar a construir una aplicación? No te limites a imaginar cómo funcionará y cómo interactuarán los usuarios con ella: deja que un wireframe te lo muestre. El wireframing es una técnica para crear un diseño básico de cada pantalla. Cuando haces un wireframe, idealmente al principio del proceso, obtendrás una comprensión de lo que logrará cada pantalla y conseguirás el apoyo de las partes interesadas importantes, todo antes de añadir el diseño y el contenido, lo que te ahorrará tiempo y dinero. Y al pensar en las cosas en términos del viaje del usuario, ofrecerás una experiencia más convincente y exitosa.
Plantilla de wireframes para sitios web
El wireframing es un método de diseño de un sitio web a nivel estructural. Un wireframe es una disposición estilizada de una página web que muestra los elementos de la interfaz en cada página. Usa esta plantilla de wireframes para iterar en páginas web de manera rápida y económica. Puedes compartir el wireframe con clientes o compañeros de equipo y colaborar con las partes interesadas. Los wireframes permiten a los equipos obtener la aceptación de las partes interesadas sin invertir demasiado tiempo o recursos. Ayudan a garantizar que la estructura y el flujo de tu sitio web satisfagan las necesidades y expectativas de los usuarios.
Plantilla de wireframes de aplicaciones
¿Listo para empezar a construir una aplicación? No te limites a imaginar cómo funcionará y cómo interactuarán los usuarios con ella: deja que un wireframe te lo muestre. El wireframing es una técnica para crear un diseño básico de cada pantalla. Cuando haces un wireframe, idealmente al principio del proceso, obtendrás una comprensión de lo que logrará cada pantalla y conseguirás el apoyo de las partes interesadas importantes, todo antes de añadir el diseño y el contenido, lo que te ahorrará tiempo y dinero. Y al pensar en las cosas en términos del viaje del usuario, ofrecerás una experiencia más convincente y exitosa.
Plantilla de wireframes para sitios web
El wireframing es un método de diseño de un sitio web a nivel estructural. Un wireframe es una disposición estilizada de una página web que muestra los elementos de la interfaz en cada página. Usa esta plantilla de wireframes para iterar en páginas web de manera rápida y económica. Puedes compartir el wireframe con clientes o compañeros de equipo y colaborar con las partes interesadas. Los wireframes permiten a los equipos obtener la aceptación de las partes interesadas sin invertir demasiado tiempo o recursos. Ayudan a garantizar que la estructura y el flujo de tu sitio web satisfagan las necesidades y expectativas de los usuarios.