Todas las plantillas

Wireframe de dispositivo

Deanne Watt

270 visualizaciones
14 usos
0 Me gusta

Informe

¿Qué es el Tablero de bocetos de wireframes?

Un tablero de trabajo flexible para esbozar ideas de productos en diseños de móvil, tableta y web. Incluye plantillas de páginas listas para usar, áreas de descripción para cada pantalla y espacio para construir conceptos de baja fidelidad usando las herramientas de creación de wireframes de Miro.

¿Qué problema resuelve?

Las ideas se quedan atrapadas en conversaciones en lugar de convertirse en pantallas visibles

Los equipos esbozan en diferentes formatos sin una estructura compartida

Falta de contexto suficiente sobre el propósito de la página y el flujo en las fases iniciales del pensamiento del producto.

Es más difícil comparar las experiencias de móvil, tableta y web lado a lado.

Cómo utilizar

Elige la plantilla de dispositivo en la que deseas 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.

Boceta los diseños con las herramientas de creación de wireframes de Miro, formas, texto y elementos de marcación de posición.

Revisa las pantallas como una experiencia conectada y refina la estructura.

Usa el tablero para la ideación, colaboración, comentarios o planificación temprana del producto.

Errores comunes

Agregar 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 viaje del usuario.

Cómo evitar errores

Comienza con simples diseños de baja fidelidad, escribe una breve descripción para cada página antes de bosquejar, mapea un flujo a la vez y enfócate en la estructura y las acciones de usuario antes del pulido visual.

Funciones de Miro que puedes usar

Bibliotecas de wireframing para elementos rápidos de UI, formas para bloques de diseño, notas adhesivas para ideas y comentarios, cuadros 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

Q: ¿Quién puede beneficiarse de esta plantilla?

A: Equipos de producto, fundadores, diseñadores, desarrolladores, facilitadores de talleres y cualquier persona que desee una forma rápida de bosquejar pantallas y discutir ideas de productos.

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 construir wireframes juntos en vivo.

Q: ¿Con qué salgo?

R: Un conjunto de wireframes de baja fidelidad para móvil, tableta o web, descripciones de página para cada pantalla y una estructura más clara para el flujo del producto o 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

16 Me gusta
688 usos
Plantilla de wireframes de aplicaciones
13 Me gusta
831 usos
Plantilla de wireframes para sitios web