0 likes
14 uses
¿Qué es el Tablero de Bosquejo de Wireframes?
Un tablero de trabajo flexible para bosquejar ideas de producto a través de maquetas para móviles, tabletas y web. Incluye plantillas de página listas para usar, áreas de descripción para cada pantalla y espacio para construir conceptos de baja fidelidad utilizando las herramientas de creación de wireframes de Miro.
¿Qué problema resuelve esto?
Las ideas se quedan atrapadas en conversaciones en lugar de convertirse en pantallas visibles
Los equipos bosquejan en diferentes formatos sin una estructura compartida
El pensamiento inicial del producto carece de suficiente contexto sobre el propósito de la página y el flujo
Es más difícil comparar las experiencias en móvil, tableta y web lado a lado
Cómo usar
Elige la plantilla del dispositivo en la que quieras trabajar: móvil, tableta o web
Añade o duplica páginas para cada pantalla en el flujo
Utiliza las áreas de descripción para capturar el objetivo de la página, las acciones principales y el contenido clave
Dibuja 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 mejora la estructura
Utiliza el tablero para el proceso creativo, colaboración, comentarios o la planificación temprana del producto
Errores comunes
Añadir demasiado detalle visual demasiado pronto, omitir el propósito de la página, mezclar múltiples flujos en un solo conjunto de pantallas, y diseñar pantallas sin pensar en todo el recorrido del usuario.
Maneras de evitar errores
Comienza con diseños simples de baja fidelidad, escribe una breve descripción para cada página antes de dibujar, mapea un flujo a la vez y concéntrate en la estructura y las acciones del usuario antes del acabado visual.
Funciones de Miro que puedes usar
Bibliotecas de wireframing para elementos de UI rápidos, Formas para bloques de diseño, Notas adhesivas para ideas y comentarios, Cajas de texto para descripciones de páginas, 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
P: ¿Quién puede beneficiarse de esta plantilla?
A: Equipos de producto, fundadores, diseñadores, desarrolladores, facilitadores de talleres y cualquiera que quiera una forma rápida de bocetar pantallas y discutir ideas de productos.
P: ¿Funciona para sesiones virtuales y presenciales?
A: Sí. Los equipos pueden dibujar directamente en Miro durante sesiones remotas, o proyectar el tablero en una sala y construir wireframes juntos en vivo.
P: ¿Con qué me quedo al final?
R: Un conjunto de wireframes de baja fidelidad para móvil, tablet o web, descripciones de página para cada pantalla y una estructura más clara para el flujo del producto o el 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
14 likes
639 uses
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.
12 likes
760 uses
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.
0 likes
14 uses
14 likes
639 uses
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.
12 likes
760 uses
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.