SlideShare uma empresa Scribd logo
WIREFRAMES PARA SITES
E DISPOSITIVOS MÓVEIS
UMA CONSTRUÇÃO
NECESSITA DE PROJETO
NA ENGENHARIA
O PROJETO É DEFINIDO NA PLANTA
NO DESIGN DE INTERFACES
O PROJETO É DEFINIDO COM OS WIREFRAMES
DEFININDO
WIREFRAMES
wire: linha
frame: quadro
DEFINIÇÃO
CONCEITO
• O wireframe é o esqueleto do projeto. Com ele é
possível definir a hierarquia de informação
• É um diagrama bidimensional em preto e branco
que sugere a estrutura que irá compor a interface
• Deve incluir informação suficiente para refletir o
que realmente irá aparecer na tela
• É uma excelente ferramenta para documentação
do projeto e aprovação pelo cliente
SKETCH (rabiscos)
LAYOUT
WIREFRAME
DESENVOLVIMENTO
1º PASSO
SKETCH
COMECE RABISCANDO:
LÁPIS E PAPEL
2º PASSO
WIREFRAME
3º PASSO
LAYOUT
4º PASSO
DESENVOLVIMENTO
Ferramentas para desktop:
•!Axure
•!Balsamiq Mockups
•!FlairBuilder
•!FluidIA
•!ForeUI
•!DENIM
•!DesignerVista
•!EasyPrototype
•!GUI Design Studio
•!Justinmind Prototyper
•!Microsoft Visio
•!MockApp
•!MockupScreens
•!OmniGraffle
•!OverSite
•!Pencil
•!SketchFlow
•!WireframeSketcher
http://www.richardbarros.com.br/blog/artigos/dicas-para-desenvolvimento-de-wireframes
Ferramentas online:
• Cacoo
• Gliffy
• HotGloo
• iPhone Mockup
• iPlotz
• Jumpchart
• JustProto
• Lovely Charts
• Lumzy
• MockFlow
• Mockingbird
• Pidoco
• ProtoShare
...
http://www.richardbarros.com.br/blog/artigos/dicas-para-desenvolvimento-de-wireframes
http://www.sccc.premiumdw.com/wp-content/uploads/2009/04/tutorial-wireframe-01.png
X
OS WIREFRAMES
DEVEM SER FEITOS
ANTES
DO LAYOUT…
MUITO
OBRIGADO!

Mais conteúdo relacionado

Mais procurados

Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
Rodrigo Rodrigues
 
Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScript
Pablo Sanches
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
Anderson Luís Furlan
 
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos
Centro Paula Souza
 
Aula javascript
Aula  javascriptAula  javascript
Aula javascript
Gabriel Moura
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
Anderson Luís Furlan
 
Aula - Metodologias Ágeis
Aula - Metodologias ÁgeisAula - Metodologias Ágeis
Aula - Metodologias Ágeis
Mauricio Cesar Santos da Purificação
 
Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta Fidelidade
Erico Fileno
 
Aula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareAula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de Software
Cloves da Rocha
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
Robson Santos
 
Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)
Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)
Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)
Ricardo Viana Vargas
 
Aula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação IAula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação I
Paolo Passeri
 
Programacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de EnsinodocProgramacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de Ensinodoc
DESIGN DIGITAL UNIARA 2012
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
Felipe Fernandes
 
Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)
Gercélia Ramos
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
Alan Vasconcelos
 
Curso de Node JS Básico
Curso de Node JS BásicoCurso de Node JS Básico
Curso de Node JS Básico
Victor Hazin da Rocha
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworks
andreluizlc
 
Banco de Dados II: MER (aula 1)
Banco de Dados II: MER (aula 1)Banco de Dados II: MER (aula 1)
Banco de Dados II: MER (aula 1)
Gustavo Zimmermann
 
Padrões MVC
Padrões MVCPadrões MVC
Padrões MVC
Suzana Viana Mota
 

Mais procurados (20)

Introdução sobre desenvolvimento web
Introdução sobre desenvolvimento webIntrodução sobre desenvolvimento web
Introdução sobre desenvolvimento web
 
Curso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScriptCurso HTML, CSS e JavaScript
Curso HTML, CSS e JavaScript
 
Programação web e o front-end
Programação web e o front-endProgramação web e o front-end
Programação web e o front-end
 
10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos10 Java Script - Exemplos práticos
10 Java Script - Exemplos práticos
 
Aula javascript
Aula  javascriptAula  javascript
Aula javascript
 
Introdução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento WebIntrodução ao Front-end no Desenvolvimento Web
Introdução ao Front-end no Desenvolvimento Web
 
Aula - Metodologias Ágeis
Aula - Metodologias ÁgeisAula - Metodologias Ágeis
Aula - Metodologias Ágeis
 
Prototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta FidelidadePrototipos de Baixa e Alta Fidelidade
Prototipos de Baixa e Alta Fidelidade
 
Aula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de SoftwareAula - Introdução a Engenharia de Software
Aula - Introdução a Engenharia de Software
 
Prototipagem
PrototipagemPrototipagem
Prototipagem
 
Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)
Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)
Fluxo de Processos do Guia PMBOK® – 6ª Edição (Versão simplificada)
 
Aula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação IAula 2 - Técnicas de Prototipação I
Aula 2 - Técnicas de Prototipação I
 
Programacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de EnsinodocProgramacao para Web I Plano de Ensinodoc
Programacao para Web I Plano de Ensinodoc
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)Pseudocódigo ou Portugol (Lógica de Programação)
Pseudocódigo ou Portugol (Lógica de Programação)
 
Usabilidade aula-01 Introdução
Usabilidade aula-01 IntroduçãoUsabilidade aula-01 Introdução
Usabilidade aula-01 Introdução
 
Curso de Node JS Básico
Curso de Node JS BásicoCurso de Node JS Básico
Curso de Node JS Básico
 
Aula 1. apresentação + frameworks
Aula 1. apresentação + frameworksAula 1. apresentação + frameworks
Aula 1. apresentação + frameworks
 
Banco de Dados II: MER (aula 1)
Banco de Dados II: MER (aula 1)Banco de Dados II: MER (aula 1)
Banco de Dados II: MER (aula 1)
 
Padrões MVC
Padrões MVCPadrões MVC
Padrões MVC
 

Destaque

Mapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosMapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicos
Claudia Bordin Rodrigues
 
Design de serviços para o setor público
Design de serviços para o setor públicoDesign de serviços para o setor público
Design de serviços para o setor público
Guilherme Hobi
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
Dr. V Vorvoreanu
 
Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UX
Tersis Zonato
 
Classificando o conteúdo com card sorting
Classificando o conteúdo com card sortingClassificando o conteúdo com card sorting
Classificando o conteúdo com card sorting
Tersis Zonato
 
Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...
Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...
Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...
Niels Pflaeging
 
Teste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básicoTeste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básico
Luiz Agner
 
Acessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão AlcolumbreAcessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão Alcolumbre
SalomãoeIasmyne Alcolumbre
 
Usuários idosos na web - garantindo a acessibilidade para nós mesmos.
Usuários idosos na web - garantindo a acessibilidade para nós mesmos. Usuários idosos na web - garantindo a acessibilidade para nós mesmos.
Usuários idosos na web - garantindo a acessibilidade para nós mesmos.
iMasters
 
Treinamento Design Thinking 2015
Treinamento Design Thinking 2015Treinamento Design Thinking 2015
Treinamento Design Thinking 2015
Victor Gonçalves
 
Desenho de Processos com Design Thinking
Desenho de Processos com Design ThinkingDesenho de Processos com Design Thinking
Desenho de Processos com Design Thinking
.add
 
Dashboards: Sabemos Comunicar o nosso Desempenho?
Dashboards: Sabemos Comunicar o nosso Desempenho?Dashboards: Sabemos Comunicar o nosso Desempenho?
Dashboards: Sabemos Comunicar o nosso Desempenho?
comunidades@ina
 
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universalPalestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Fernando Figueroa
 
Guia BABOK 3 Principais Mudanças Requisitos
Guia BABOK 3 Principais Mudanças RequisitosGuia BABOK 3 Principais Mudanças Requisitos
Guia BABOK 3 Principais Mudanças Requisitos
Rildo (@rildosan) Santos
 
Infográficos em PPT
Infográficos em PPTInfográficos em PPT
Infográficos em PPT
Gabriel Biermann, PMP
 
Acessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passosAcessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passos
Vanessa Me Tonini
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Talita Pagani
 
Melhoria de Processos de Negócio com Quick Wins
Melhoria de Processos de Negócio com Quick WinsMelhoria de Processos de Negócio com Quick Wins
Melhoria de Processos de Negócio com Quick Wins
Rildo (@rildosan) Santos
 
Wireframe vs. Mock-up. Why and When?
Wireframe vs. Mock-up. Why and When?Wireframe vs. Mock-up. Why and When?
Wireframe vs. Mock-up. Why and When?
Vojtech Outulny
 
Tudo o que você precisa saber sobre infográficos
Tudo o que você precisa saber sobre infográficosTudo o que você precisa saber sobre infográficos
Tudo o que você precisa saber sobre infográficos
Elizabeth Fantauzzi
 

Destaque (20)

Mapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicosMapeamento e Wireframes - conceitos básicos, bem básicos
Mapeamento e Wireframes - conceitos básicos, bem básicos
 
Design de serviços para o setor público
Design de serviços para o setor públicoDesign de serviços para o setor público
Design de serviços para o setor público
 
UX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypesUX Conceptual design - sketches, wireframes, mockups, prototypes
UX Conceptual design - sketches, wireframes, mockups, prototypes
 
Documentar e planejar projetos de UX
Documentar e planejar projetos de UXDocumentar e planejar projetos de UX
Documentar e planejar projetos de UX
 
Classificando o conteúdo com card sorting
Classificando o conteúdo com card sortingClassificando o conteúdo com card sorting
Classificando o conteúdo com card sorting
 
Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...
Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...
Organizar para a Complexidade, parte I+II. Como fazer o trabalho funcionar d...
 
Teste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básicoTeste de usabilidade - Variantes do método básico
Teste de usabilidade - Variantes do método básico
 
Acessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão AlcolumbreAcessibilidade na Web - Salomão Alcolumbre
Acessibilidade na Web - Salomão Alcolumbre
 
Usuários idosos na web - garantindo a acessibilidade para nós mesmos.
Usuários idosos na web - garantindo a acessibilidade para nós mesmos. Usuários idosos na web - garantindo a acessibilidade para nós mesmos.
Usuários idosos na web - garantindo a acessibilidade para nós mesmos.
 
Treinamento Design Thinking 2015
Treinamento Design Thinking 2015Treinamento Design Thinking 2015
Treinamento Design Thinking 2015
 
Desenho de Processos com Design Thinking
Desenho de Processos com Design ThinkingDesenho de Processos com Design Thinking
Desenho de Processos com Design Thinking
 
Dashboards: Sabemos Comunicar o nosso Desempenho?
Dashboards: Sabemos Comunicar o nosso Desempenho?Dashboards: Sabemos Comunicar o nosso Desempenho?
Dashboards: Sabemos Comunicar o nosso Desempenho?
 
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universalPalestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
Palestra sobre Acessibilidade Web: o HTML5 a favor de uma Web única e universal
 
Guia BABOK 3 Principais Mudanças Requisitos
Guia BABOK 3 Principais Mudanças RequisitosGuia BABOK 3 Principais Mudanças Requisitos
Guia BABOK 3 Principais Mudanças Requisitos
 
Infográficos em PPT
Infográficos em PPTInfográficos em PPT
Infográficos em PPT
 
Acessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passosAcessibilidade Web: Primeiros passos
Acessibilidade Web: Primeiros passos
 
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
Design de Interfaces e Acessibilidade: você está fazendo isso errado... até a...
 
Melhoria de Processos de Negócio com Quick Wins
Melhoria de Processos de Negócio com Quick WinsMelhoria de Processos de Negócio com Quick Wins
Melhoria de Processos de Negócio com Quick Wins
 
Wireframe vs. Mock-up. Why and When?
Wireframe vs. Mock-up. Why and When?Wireframe vs. Mock-up. Why and When?
Wireframe vs. Mock-up. Why and When?
 
Tudo o que você precisa saber sobre infográficos
Tudo o que você precisa saber sobre infográficosTudo o que você precisa saber sobre infográficos
Tudo o que você precisa saber sobre infográficos
 

Semelhante a Wireframes para sites e dispositivos móveis

Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...
Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...
Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...
Christopher Cerqueira
 
Wireframe workshop externo_001_b
Wireframe workshop externo_001_bWireframe workshop externo_001_b
Wireframe workshop externo_001_b
maurohs
 
Demonstrador virtual web com recursos de Realidade Aumentada - Apresentação
Demonstrador virtual web com recursos de Realidade Aumentada - ApresentaçãoDemonstrador virtual web com recursos de Realidade Aumentada - Apresentação
Demonstrador virtual web com recursos de Realidade Aumentada - Apresentação
Leonardo Pereira Santos
 
Projeto para WEB
Projeto para WEBProjeto para WEB
Projeto para WEB
Mauricio Mallet Duprat
 
Wireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídiaWireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídia
Tersis Zonato
 
Ficha3 equipamentoativo
Ficha3 equipamentoativoFicha3 equipamentoativo
Ficha3 equipamentoativo
AndreiaOliveira94
 
Trabalho - Projeto redes
Trabalho - Projeto redesTrabalho - Projeto redes
Trabalho - Projeto redes
Valdir Junior
 
Microsoft .Net
Microsoft .NetMicrosoft .Net
Microsoft .Net
jaumnc
 
Introdução a redes sem fio
Introdução a redes sem fioIntrodução a redes sem fio
Introdução a redes sem fio
Tiago
 
Software gratuito
Software gratuitoSoftware gratuito
Software gratuito
Campus Party Brasil
 
49778140 projeto-de-rede
49778140 projeto-de-rede49778140 projeto-de-rede
49778140 projeto-de-rede
Marco Guimarães
 
51835801 projeto-de-rede2
51835801 projeto-de-rede251835801 projeto-de-rede2
51835801 projeto-de-rede2
Marco Guimarães
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
renatamruiz
 
Axure - Crie wireframes e protótipos profissionais!
Axure - Crie wireframes e protótipos profissionais!Axure - Crie wireframes e protótipos profissionais!
Axure - Crie wireframes e protótipos profissionais!
Saldit Software
 
Institucional
InstitucionalInstitucional
Balsamiq e Pencil - W
Balsamiq e Pencil - WBalsamiq e Pencil - W
Balsamiq e Pencil - W
Luiz Agner
 
M4 ficha de trabalho 3 equipamento ativo de rede
M4 ficha de trabalho 3    equipamento ativo de redeM4 ficha de trabalho 3    equipamento ativo de rede
M4 ficha de trabalho 3 equipamento ativo de rede
gonxalox
 
Ficha de trabalho_3_-_equipamento_ativo_de_rede
Ficha de trabalho_3_-_equipamento_ativo_de_redeFicha de trabalho_3_-_equipamento_ativo_de_rede
Ficha de trabalho_3_-_equipamento_ativo_de_rede
brunofig94PT
 
Windows Phone 7 & Windows Azure
Windows Phone 7 & Windows AzureWindows Phone 7 & Windows Azure
Windows Phone 7 & Windows Azure
Vinicius Quaiato
 
Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011
Felipe Pimentel
 

Semelhante a Wireframes para sites e dispositivos móveis (20)

Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...
Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...
Construção de interfaces on-demand baseadas em Realidade Aumentada Projetiva ...
 
Wireframe workshop externo_001_b
Wireframe workshop externo_001_bWireframe workshop externo_001_b
Wireframe workshop externo_001_b
 
Demonstrador virtual web com recursos de Realidade Aumentada - Apresentação
Demonstrador virtual web com recursos de Realidade Aumentada - ApresentaçãoDemonstrador virtual web com recursos de Realidade Aumentada - Apresentação
Demonstrador virtual web com recursos de Realidade Aumentada - Apresentação
 
Projeto para WEB
Projeto para WEBProjeto para WEB
Projeto para WEB
 
Wireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídiaWireframes para sites e projetos de multimídia
Wireframes para sites e projetos de multimídia
 
Ficha3 equipamentoativo
Ficha3 equipamentoativoFicha3 equipamentoativo
Ficha3 equipamentoativo
 
Trabalho - Projeto redes
Trabalho - Projeto redesTrabalho - Projeto redes
Trabalho - Projeto redes
 
Microsoft .Net
Microsoft .NetMicrosoft .Net
Microsoft .Net
 
Introdução a redes sem fio
Introdução a redes sem fioIntrodução a redes sem fio
Introdução a redes sem fio
 
Software gratuito
Software gratuitoSoftware gratuito
Software gratuito
 
49778140 projeto-de-rede
49778140 projeto-de-rede49778140 projeto-de-rede
49778140 projeto-de-rede
 
51835801 projeto-de-rede2
51835801 projeto-de-rede251835801 projeto-de-rede2
51835801 projeto-de-rede2
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Axure - Crie wireframes e protótipos profissionais!
Axure - Crie wireframes e protótipos profissionais!Axure - Crie wireframes e protótipos profissionais!
Axure - Crie wireframes e protótipos profissionais!
 
Institucional
InstitucionalInstitucional
Institucional
 
Balsamiq e Pencil - W
Balsamiq e Pencil - WBalsamiq e Pencil - W
Balsamiq e Pencil - W
 
M4 ficha de trabalho 3 equipamento ativo de rede
M4 ficha de trabalho 3    equipamento ativo de redeM4 ficha de trabalho 3    equipamento ativo de rede
M4 ficha de trabalho 3 equipamento ativo de rede
 
Ficha de trabalho_3_-_equipamento_ativo_de_rede
Ficha de trabalho_3_-_equipamento_ativo_de_redeFicha de trabalho_3_-_equipamento_ativo_de_rede
Ficha de trabalho_3_-_equipamento_ativo_de_rede
 
Windows Phone 7 & Windows Azure
Windows Phone 7 & Windows AzureWindows Phone 7 & Windows Azure
Windows Phone 7 & Windows Azure
 
Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011 Silverlight no MIC Summer 2011
Silverlight no MIC Summer 2011
 

Mais de Tersis Zonato

Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicação
Tersis Zonato
 
Convergência e interfaces digitais
Convergência e interfaces digitaisConvergência e interfaces digitais
Convergência e interfaces digitais
Tersis Zonato
 
Convergência e inteligência coletiva
Convergência e inteligência coletivaConvergência e inteligência coletiva
Convergência e inteligência coletiva
Tersis Zonato
 
Princípios de convergência digital
Princípios de convergência digitalPrincípios de convergência digital
Princípios de convergência digital
Tersis Zonato
 
Gerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do UsuárioGerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do Usuário
Tersis Zonato
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuário
Tersis Zonato
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design Responsivo
Tersis Zonato
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
Tersis Zonato
 
Interface e informação
Interface e informaçãoInterface e informação
Interface e informação
Tersis Zonato
 
Projeto de interface
Projeto de interfaceProjeto de interface
Projeto de interface
Tersis Zonato
 
O Universo das Interações
O Universo das InteraçõesO Universo das Interações
O Universo das Interações
Tersis Zonato
 
Dicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCCDicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCC
Tersis Zonato
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
Tersis Zonato
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
Tersis Zonato
 
Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?
Tersis Zonato
 
A importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futurasA importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futuras
Tersis Zonato
 
Inserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosInserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativos
Tersis Zonato
 
Uso de personas em projetos interativos
Uso de personas em projetos interativosUso de personas em projetos interativos
Uso de personas em projetos interativos
Tersis Zonato
 
Design Patterns
Design PatternsDesign Patterns
Design Patterns
Tersis Zonato
 
Sistemas Corporativos Web - WordPress Aula06
Sistemas Corporativos Web - WordPress Aula06Sistemas Corporativos Web - WordPress Aula06
Sistemas Corporativos Web - WordPress Aula06
Tersis Zonato
 

Mais de Tersis Zonato (20)

Teoria da comunicação
Teoria da comunicaçãoTeoria da comunicação
Teoria da comunicação
 
Convergência e interfaces digitais
Convergência e interfaces digitaisConvergência e interfaces digitais
Convergência e interfaces digitais
 
Convergência e inteligência coletiva
Convergência e inteligência coletivaConvergência e inteligência coletiva
Convergência e inteligência coletiva
 
Princípios de convergência digital
Princípios de convergência digitalPrincípios de convergência digital
Princípios de convergência digital
 
Gerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do UsuárioGerenciando projetos de Experência do Usuário
Gerenciando projetos de Experência do Usuário
 
Introdução à experiência do usuário
Introdução à experiência do usuárioIntrodução à experiência do usuário
Introdução à experiência do usuário
 
Curso: Web Design Responsivo
Curso: Web Design ResponsivoCurso: Web Design Responsivo
Curso: Web Design Responsivo
 
Princípios de design
Princípios de designPrincípios de design
Princípios de design
 
Interface e informação
Interface e informaçãoInterface e informação
Interface e informação
 
Projeto de interface
Projeto de interfaceProjeto de interface
Projeto de interface
 
O Universo das Interações
O Universo das InteraçõesO Universo das Interações
O Universo das Interações
 
Dicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCCDicas para o desenvolvimento do seu TCC
Dicas para o desenvolvimento do seu TCC
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Usabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de NielsenUsabilidade: as 10 heurísticas de Nielsen
Usabilidade: as 10 heurísticas de Nielsen
 
Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?Meu trabalho... é meu mesmo?
Meu trabalho... é meu mesmo?
 
A importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futurasA importância do briefing para evitar “guerras” futuras
A importância do briefing para evitar “guerras” futuras
 
Inserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativosInserindo personas em cenários para projetos interativos
Inserindo personas em cenários para projetos interativos
 
Uso de personas em projetos interativos
Uso de personas em projetos interativosUso de personas em projetos interativos
Uso de personas em projetos interativos
 
Design Patterns
Design PatternsDesign Patterns
Design Patterns
 
Sistemas Corporativos Web - WordPress Aula06
Sistemas Corporativos Web - WordPress Aula06Sistemas Corporativos Web - WordPress Aula06
Sistemas Corporativos Web - WordPress Aula06
 

Wireframes para sites e dispositivos móveis