SlideShare uma empresa Scribd logo
1 de 14
Design de informação: wireframes
Projeto Gráfico: Web Design
Wireframes
São esboços de cada uma
das interfaces do produto
com o objetivo de
apresentar e discutir a
interface e as ideias de
interação com as partes
interessadas.
Wireframes
Em geral ele deve deixar
claro:
• A disposição de
conteúdos e
funcionalidades na
interface;
• A arquitetura de
informação do projeto;
• A consistência do projeto;
• A diversidade gráfica da
interface.
Wireframes
• É desenvolvido antes da
interface gráfica;
• Deve ser validado com os
colaboradores ou
(preferencialmente)
desenvolvido com a
participação deles;
• Cada página ou grande
grupo de páginas deve ter
um wireframe diferente.

Mais conteúdo relacionado

Mais de Davi Denardi

Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informaçãoDavi Denardi
 
Elementos da página impressa
Elementos da página impressaElementos da página impressa
Elementos da página impressaDavi Denardi
 
Objetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digitalObjetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digitalDavi Denardi
 
Objetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEOObjetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEODavi Denardi
 
Especificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdoEspecificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdoDavi Denardi
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográficaDavi Denardi
 

Mais de Davi Denardi (7)

Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Elementos da página impressa
Elementos da página impressaElementos da página impressa
Elementos da página impressa
 
Objetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digitalObjetivos do site e necessidades dos usuários - Introdução ao marketing digital
Objetivos do site e necessidades dos usuários - Introdução ao marketing digital
 
Objetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEOObjetivos do site e necessidades dos usuários - SEO
Objetivos do site e necessidades dos usuários - SEO
 
Especificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdoEspecificações funcionais e requisitos de conteúdo
Especificações funcionais e requisitos de conteúdo
 
Grid
GridGrid
Grid
 
Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 

Design de informacao wireframes

  • 1.
  • 2. Design de informação: wireframes Projeto Gráfico: Web Design
  • 3. Wireframes São esboços de cada uma das interfaces do produto com o objetivo de apresentar e discutir a interface e as ideias de interação com as partes interessadas.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13. Wireframes Em geral ele deve deixar claro: • A disposição de conteúdos e funcionalidades na interface; • A arquitetura de informação do projeto; • A consistência do projeto; • A diversidade gráfica da interface.
  • 14. Wireframes • É desenvolvido antes da interface gráfica; • Deve ser validado com os colaboradores ou (preferencialmente) desenvolvido com a participação deles; • Cada página ou grande grupo de páginas deve ter um wireframe diferente.