Todos os templates

Wireframe de dispositivo

Deanne Watt

458 visualizações
26 usos
0 curtidas

Denunciar

O que é o board para esboçar wireframes?

Um board de trabalho flexível para esboçar ideias de produto em layouts mobile, tablet e web. Inclui modelos de página prontos, áreas de descrição para cada tela e espaço para criar conceitos de baixa fidelidade usando as ferramentas de wireframes da Miro.

Que problema isso resolve?

Ideias ficam presas em conversas em vez de se tornarem telas visíveis

times esboçam em formatos diferentes sem estrutura compartilhada

O pensamento inicial sobre o produto não tem contexto suficiente sobre o propósito da página e o fluxo

É mais difícil comparar as experiências em celular, tablet e web lado a lado

Modo de usar

Escolha o modelo de dispositivo em que deseja trabalhar: celular, tablet ou web

Adicione ou duplique páginas para cada tela do fluxo

Use as áreas de descrição para registrar o objetivo da página, as ações principais e o conteúdo-chave

Faça esboços de layouts com as ferramentas de wireframes da Miro, formas, Texto e placeholders

Revise as telas como uma experiência conectada e refine a estrutura

Use o board para ideação, colaboração, feedback ou planejamento inicial do produto

Erros comuns

Adicionar detalhes visuais cedo demais, ignorar o propósito da página, misturar vários fluxos em um mesmo conjunto de telas e projetar telas sem pensar na jornada completa do usuário.

Como evitar erros

Comece com layouts simples de baixa fidelidade, escreva uma breve descrição para cada página antes de esboçar, mapeie um fluxo por vez e foque na estrutura e nas ações do usuário antes do acabamento visual.

Funcionalidades do Miro que você pode usar

Bibliotecas de wireframing para elementos de interface rápidos, formas para blocos de layout, notas adesivas para ideias e feedback, caixas de texto para descrições das páginas, conectores para mostrar o fluxo do usuário, comentários para observações de revisão, quadros para organizar conjuntos de telas por dispositivo ou jornada.

Perguntas frequentes

P: Quem pode se beneficiar deste modelo?

R: Times de produto, fundadores, designers, desenvolvedores, facilitadores de workshop e qualquer pessoa que queira uma forma rápida de esboçar telas e discutir ideias de produto.

P: Funciona para sessões virtuais e presenciais?

R: Sim. Times podem esboçar diretamente na Miro durante sessões remotas, ou projetar o board em uma sala e criar wireframes juntos ao vivo.

P: O que eu recebo?

A: Um conjunto de wireframes de baixa fidelidade para mobile, tablet ou web, descrições de página para cada tela e uma estrutura mais clara para o fluxo do produto ou conceito que você está 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.


Categorias

Templates similares

18 curtidas
740 usos
Template para Wireframe de Apps
13 curtidas
886 usos
Template de Wireframe para Site