Todas las plantillas

Wireframe para dispositivos

Deanne Watt

458 visualizaciones
26 usos
0 Me gusta

Informe

¿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

18 Me gusta
740 usos
Plantilla de wireframes de aplicaciones
13 Me gusta
886 usos
Plantilla de wireframes para sitios web