SlideShare uma empresa Scribd logo
<web>DESIGN</web>
UTFPR
DESIGN
GRÁFICO
conceitos gerais de
design de interação
para web
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
2
O que é experiência?
Design de Interação serve para?
Metodologia web UxD
teoria de hoje
definindo
A lenda dos monges cegos
Imagem: Wikimedia Commons.The Blind Monks and the Elephant. (1652–1724). MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
experiência
“
“
definindo
"The Blind Men and the Elephant" de John Godfrey Saxe (1816–1887).. MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
experiência
And so these men of Hindustan
Disputed loud and long,
Each in his own opinion
Exceeding stiff and strong,
Though each was partly in the right
And all were in the wrong.
“
Será?
A lenda dos monges cegos
“
definindo
. MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
experiência
Aristóteles sustenta que o que está além de
nossa experiência não pode ser nada para nós.
Encontramos a verdade a
partir das evidências
no mundo a nossa volta
Aristóteles
“
“
Perceptível pelos sentidos
. MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
É o contato perceptual, direto e característico com
aquilo que se apresenta a uma fonte cognitiva de
informações.
Epistemologia
“
memória, aprendizado,
imaginação
Não tem relação direta com o conteúdo da experiência.
Evoca repertórios, tradição e subjetividade.
nem é produto dele
dimensões culturais da experiência
Suborno. Porta dos Fundos.
para
pensar
experiências da sua vida
o que te faz
lembrar de
algo?
o que te deixa
com raiva/
frustrado?
. Stephen P. Anderson.
http://poetpainter.com/
Alguns fundamentos
“
Introdução a experiência e design de Interação
Introdução a experiência e design de Interação
"The Blind Men and the Elephant" de John Godfrey Saxe (1816–1887).. MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Não é possível controlar a
pois ela depende de sujeitos, contexto e suas
atividades
“
Considerações
“
experiência
Mas...
Objetos, espaços, estímulos (táteis,
visuais, sonoros,...), símbolos, linguagem
(cultura) são elementos de
mediação
definindo
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
interação
Vygostky
“
instrumental simbólica
Objetos,
instrumentos,
coisa físicas
Representação,
linguagem e
sentido
artefatos
Human InterfaceMultitouch Barcelona
para
pensar
qual a sua melhor experiência
com uma página web ou
aplicativo/software?
o que te
surpreende?
o que te deixa
com raiva/
frustrado?
Interfaces complexas e Interações complexas
O papel do Design (e do designer) como “guia”
Formas de organizar e apresentar a 'funcionalidade' do produto
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
o que
faz o Design
disciplinas
Preece, Rogers e Sharp (2005, p.26)
Os tipos de usuários, os tipos de atividade e o
contexto de uso.
Design de Interação:
É o design de produtos interativos que
dê suporte as atividades cotidianas
das pessoas, em suas atividades
domésticas e de trabalho.
Sharp, Rogers and Preece (2002)
O design de ‘meios’ para a
comunicação e interação humanas.
Winograd (1997)
o que é?
metas
O que acontece na mente?
Perceber
Pensar
Lembrar
Aprender
Entender os outros
Conversar com os outros
Manipular os outros
Tomar decisões
Resolver problemas
Fantasiar
Planejar uma viagem
Imaginar uma viagem
Pintar
Escrever
Compor
cognição
Preece, Rogers e Sharp (2005, p.35)
“fator que assegura que os produtos sejam
fáceis de usar, eficientes e agradáveis — da
perspectiva do usuário”
facilidade de aprendizado, eficiência de uso,
facilidade de memorização, segurança e
satisfação subjetiva
(NIELSEN, 1994, p.26).
uso
Norman (2002b, 2004)
Efeitos emotivos positivo e negativo
e suas implicações no uso dos
objetos.
Usabilidade têm ligação aos estados de
conforto e deleite estético no uso.
http://www.designemartigos.com.br/resenha/o-design-do-futuro-
donald-a-norman/
uso
metodologia
Introdução a experiência e design de Interação
Introdução a experiência e design de Interação
atividades
de hoje
Apresentação dos temas
Discussão
Pesquisa inicial de web referências
glossário web
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
O que você precisa
saber para fazer
um website?
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
.Do que um website é composto
.Como se planeja a estrutura
.Como se organizam as páginas e
quais as linguagens utilizadas
.Como funciona a Internet
Um website é composto de múltiplos arquivos
também chamados de site assets.
Os arquivos mais comuns são:
Arquivos HTML; Arquivos CSS; Arquivos
JavaScript; Imagens e Arquivos Flash
1.
glossário web
HyperText Markup Language
HTML
É a linguagem base de marcação de páginas web,
construida por meio de tags (comandos ou instruções).
O html estático geralmente tem extensão de arquivo .htm
ou .html, mas pode ser gerado automaticamente por uma
aplicação do tipo PHP (que neste caso, gera um arquivo
de extensão .php)
glossário web
Cascading Style Sheet
CSS
É um arquivo que contém informações que determinam a
aparência dos elementos de uma página web. A extensão
do arquivo é .css.
glossário web
JavaScript
É uma linguagem de programação que permite controlar
o comportamento (behaviors) da página no navegador
(browser), criando comunicação dinâmica para o website.
Um código Javascript pode estar dentro de um arquivo
de extensão .html ou fora dele, com extensão .js.
glossário web
Imagens
São arquivos de informação binária, renderizadas
visualmente pelos navegadores. Os arquivos de uso
corrente são o JPG (utilizado para informação
fotorrealística – fotografia com muitas cores), GIF (para
imagens de tons contínuos) e PNG (para ambos os tipos
de imagens).
GIF e PNG suportam fundo transparente, JPG não.
glossário web
Adobe Flash Files
Flash
É um arquivo de informação binária que é carregado e
apresentado por um plugin chamado Adobe Flash Player.
Os arquivos flash suportam animações de alta qualidade,
som, vídeos, objetos 3D e outras possibilidades que vão
além das capacidades de um navegador web.
glossário web
Um website também e um elemento de
interface entre as pessoas e algum conteúdo de
informação.
Fazer um website envolve:
Entender os usuários; descrever as funções do
site; descrever especificações técnicas;
explorar o design; executar o projeto; testar e
implementar
2.
glossário web
Users, stakeholders, interagentes, interatores
Usuários
Para quem se orienta o projeto? Qual a target audience?
Quem faz parte das decisões de projeto?
Geralmente esta etapa envolve:
O dono ou responsável pela empresa/serviço; o
responsável pela área de tecnologia da informação; o
designer gráfico e webmaster (as vezes na mesma
pessoa, outras não); o programador para banco de
dados/implementação.
glossário web
Planejamento das áreas foco de projeto
Interação
Uma das áreas proeminentes na atualidade que vai
discutir o planejamento da interação de um website é o :
Design de Interação
cujo objetivo é dar suporte as atividades dos usuários por
meio de experiências de uso que considerem o indivíduo
de modo global (sua cultura, fisiologia e biologia,
sociedade...)
glossário web
Componentes do projeto e funcionalidades
Funções
Serve como etapa de planejamento de áreas de
conteúdo, navegação, estrutura de páginas e interações.
Essa etapa as vezes é chamada de arquitetura* da
informação e é feita por vários meios de representação,
tais como: mapeamentos, esquemas, árvores
hierárquicas, organogramas, storyboards de interação,
diagramas, etc..
glossário web
Escolha das especificações técnicas do projeto
Tecnologia
Descrição detalhada das específicações técnicas,
escolha das linguagem e suportes utilizados (banco de
dados, aplicativos webserver, infraestrutura servidor,
hospedagem), compatibilidade com navegadores, etc...
glossário web
webutfpr.tumblr.com
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.

Mais conteúdo relacionado

Mais procurados

Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
renatamruiz
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
duradez
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
Melqui Jr
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemas
aiadufmg
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
Instituto Faber-Ludens
 
Características da internet
Características da internetCaracterísticas da internet
Características da internet
Guilherme Carvalho
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de Informação
Dhiego Bicudo
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...
Elisa Volpato
 
Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009
Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009
Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009
UTFPR
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
Princi Agência Web
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos Web
Otaviano Silvério
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05
vincevader
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
Danilo Rosisca Pereira
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
Luiz Agner
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Laura Inafuko
 
Slides minicurso Web Design
Slides minicurso Web DesignSlides minicurso Web Design
Slides minicurso Web Design
Ana Mendes
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagem
Robson Santos
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interface
Odair Cavichioli
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
pospipoca
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
Instituto Faber-Ludens
 

Mais procurados (20)

Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Introducao à Arquitetura de Informacao
Introducao à Arquitetura de InformacaoIntroducao à Arquitetura de Informacao
Introducao à Arquitetura de Informacao
 
Arquitetura de Informação
Arquitetura de InformaçãoArquitetura de Informação
Arquitetura de Informação
 
Arquitetura da Informação - Sistemas
Arquitetura da Informação - SistemasArquitetura da Informação - Sistemas
Arquitetura da Informação - Sistemas
 
Introdução à Arquitetura de Informação
Introdução à Arquitetura de InformaçãoIntrodução à Arquitetura de Informação
Introdução à Arquitetura de Informação
 
Características da internet
Características da internetCaracterísticas da internet
Características da internet
 
Aula sobre Arquitetura de Informação
Aula sobre Arquitetura de InformaçãoAula sobre Arquitetura de Informação
Aula sobre Arquitetura de Informação
 
Explicando arquitetura de informação...
Explicando arquitetura de informação...Explicando arquitetura de informação...
Explicando arquitetura de informação...
 
Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009
Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009
Pós graduação em Design de Interação Faber-Ludens/Fisam/UnC 2009
 
Arquitetura de informação
Arquitetura de informaçãoArquitetura de informação
Arquitetura de informação
 
Arquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos WebArquitetura da Informação em Projetos Web
Arquitetura da Informação em Projetos Web
 
Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05Arquitetura de Informação - Aulas 04 e 05
Arquitetura de Informação - Aulas 04 e 05
 
Arquitetura da Informação e Webdesign
Arquitetura da Informação e WebdesignArquitetura da Informação e Webdesign
Arquitetura da Informação e Webdesign
 
Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)Arquitetura de Informação (atualizado)
Arquitetura de Informação (atualizado)
 
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
Arquitetura da informação de web sites: elementos e usabilidade em blogs cons...
 
Slides minicurso Web Design
Slides minicurso Web DesignSlides minicurso Web Design
Slides minicurso Web Design
 
Sistema de rotulagem
Sistema de rotulagemSistema de rotulagem
Sistema de rotulagem
 
A usabilidade na interface
A usabilidade na interfaceA usabilidade na interface
A usabilidade na interface
 
Arquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de NavegaçãoArquitetura de Informação - Sistemas de Navegação
Arquitetura de Informação - Sistemas de Navegação
 
Sistemas de organização e rotulação
Sistemas de organização e rotulaçãoSistemas de organização e rotulação
Sistemas de organização e rotulação
 

Destaque

WEBDESIGN - P1
WEBDESIGN - P1WEBDESIGN - P1
WEBDESIGN - P1
Renato Melo
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websites
Intrus
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
Fabio Silveira: Designer | Professor
 
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success StoriesGaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
Lijo M Loyid
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
Danilo Fernandes
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
Felipe Fernandes
 
Como produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteComo produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistente
Emília Chagas
 
CRP-422-2016-12
CRP-422-2016-12CRP-422-2016-12
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
Felipe Fernandes
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
Patricia Mallmann
 
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivosResponsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
Daniel Afonso
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
Fabio Silveira: Designer | Professor
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
Rúben Quadros Ramos
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
Fabio Silveira: Designer | Professor
 
Responsive web design, conteúdo em todos os dispositivos
Responsive web design, conteúdo em todos os dispositivosResponsive web design, conteúdo em todos os dispositivos
Responsive web design, conteúdo em todos os dispositivos
Diogo Souza Machado
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
Fabio Silveira: Designer | Professor
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
Tersis Zonato
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklist
Dra. Camila Hamdan
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
Nécio de Lima Veras
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
Dra. Camila Hamdan
 

Destaque (20)

WEBDESIGN - P1
WEBDESIGN - P1WEBDESIGN - P1
WEBDESIGN - P1
 
Palestra: Otimização de websites
Palestra: Otimização de websitesPalestra: Otimização de websites
Palestra: Otimização de websites
 
Aula lingvisual ied_02ok
Aula lingvisual ied_02okAula lingvisual ied_02ok
Aula lingvisual ied_02ok
 
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success StoriesGaining Competitive Advantages Through Supply Chain Management:Success Stories
Gaining Competitive Advantages Through Supply Chain Management:Success Stories
 
Design Gráfico - Introdução
Design Gráfico - IntroduçãoDesign Gráfico - Introdução
Design Gráfico - Introdução
 
Web Design > html (aula 2)
Web Design > html (aula 2)Web Design > html (aula 2)
Web Design > html (aula 2)
 
Como produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistenteComo produzir conteúdo de qualidade de forma consistente
Como produzir conteúdo de qualidade de forma consistente
 
CRP-422-2016-12
CRP-422-2016-12CRP-422-2016-12
CRP-422-2016-12
 
Web Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à GestaltWeb Design > Princípios do Design e intro à Gestalt
Web Design > Princípios do Design e intro à Gestalt
 
Desenvolvimento de Sites
Desenvolvimento de SitesDesenvolvimento de Sites
Desenvolvimento de Sites
 
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivosResponsive Web Design. Um site, um conteúdo e muitos dispositivos
Responsive Web Design. Um site, um conteúdo e muitos dispositivos
 
Design editorial 2015_matriz
Design editorial 2015_matrizDesign editorial 2015_matriz
Design editorial 2015_matriz
 
Introdução ao design gráfico
Introdução ao design gráficoIntrodução ao design gráfico
Introdução ao design gráfico
 
Lab Integrado de Design IED SP
Lab Integrado de Design IED SPLab Integrado de Design IED SP
Lab Integrado de Design IED SP
 
Responsive web design, conteúdo em todos os dispositivos
Responsive web design, conteúdo em todos os dispositivosResponsive web design, conteúdo em todos os dispositivos
Responsive web design, conteúdo em todos os dispositivos
 
Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01Projeto Grafico V | Aula 01
Projeto Grafico V | Aula 01
 
Responsive web design
Responsive web designResponsive web design
Responsive web design
 
Design Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklistDesign Gráfico Para Web: Website checklist
Design Gráfico Para Web: Website checklist
 
Conceitos e princípios de design
Conceitos e princípios de designConceitos e princípios de design
Conceitos e princípios de design
 
Design Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - MultimídiaDesign Gráfico para Web: HTML 5 - Multimídia
Design Gráfico para Web: HTML 5 - Multimídia
 

Semelhante a Introdução a experiência e design de Interação

Internet e as Redes Sociais
Internet e as Redes SociaisInternet e as Redes Sociais
Internet e as Redes Sociais
Paula Peres
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
wudrs
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
Doisnovemeia Publicidade
 
O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.
O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.
O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.
Henrique Puccini
 
Web Semantica e Ontologias por GT4 FC em EC 2014
Web Semantica e Ontologias por GT4 FC em EC 2014Web Semantica e Ontologias por GT4 FC em EC 2014
Web Semantica e Ontologias por GT4 FC em EC 2014
Rogerio P C do Nascimento
 
Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...
Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...
Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...
Jose Eduardo Santarem Segundo
 
Introdução à Educação Digital NTE 10
Introdução à Educação Digital NTE 10Introdução à Educação Digital NTE 10
Introdução à Educação Digital NTE 10
mariaclarete
 
12. web2parte2
12. web2parte212. web2parte2
12. web2parte2
profajosyane
 
LinkedIn
LinkedInLinkedIn
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informação
pedrinabrasil071
 
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Thalita Oliveira
 
Arquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoArquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacao
eramos7senac
 
Web_2.0 Web Standards Web Semântica
Web_2.0 Web Standards Web SemânticaWeb_2.0 Web Standards Web Semântica
Web_2.0 Web Standards Web Semântica
Crystiam Pereira E Silva
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
Rodrigo Correia
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Cris Fidelix
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
aiadufmg
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
Felipe Fernandes
 
Design Sistemas Centrado Usuario
Design Sistemas Centrado UsuarioDesign Sistemas Centrado Usuario
Design Sistemas Centrado Usuario
Elisabeth Dudziak
 
O arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecarioO arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecario
Rick Santos
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
MBA em Marketing Digital e Gestão de Projetos Web
 

Semelhante a Introdução a experiência e design de Interação (20)

Internet e as Redes Sociais
Internet e as Redes SociaisInternet e as Redes Sociais
Internet e as Redes Sociais
 
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato RosaPalestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
Palestra "Usabilidade: conceito, aplicações e testes" de Renato Rosa
 
Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira Arquitetura de Informação - Rogério Pereira
Arquitetura de Informação - Rogério Pereira
 
O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.
O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.
O que é LinkedIn? Aprenda a usar essa ferramenta de perfil profissional.
 
Web Semantica e Ontologias por GT4 FC em EC 2014
Web Semantica e Ontologias por GT4 FC em EC 2014Web Semantica e Ontologias por GT4 FC em EC 2014
Web Semantica e Ontologias por GT4 FC em EC 2014
 
Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...
Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...
Palestra: Introdução ao Software Livre e Gerenciamento de Documentos com Alfr...
 
Introdução à Educação Digital NTE 10
Introdução à Educação Digital NTE 10Introdução à Educação Digital NTE 10
Introdução à Educação Digital NTE 10
 
12. web2parte2
12. web2parte212. web2parte2
12. web2parte2
 
LinkedIn
LinkedInLinkedIn
LinkedIn
 
Aula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de InformaçãoAula Design Web Arquitetura de Informação
Aula Design Web Arquitetura de Informação
 
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
Design Thinking na prática - Como foi usada a metodologia para desenvolver um...
 
Arquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacaoArquitetura de informacao sistemas de rotulacao e de organizacao
Arquitetura de informacao sistemas de rotulacao e de organizacao
 
Web_2.0 Web Standards Web Semântica
Web_2.0 Web Standards Web SemânticaWeb_2.0 Web Standards Web Semântica
Web_2.0 Web Standards Web Semântica
 
Apresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo SantiagoApresentação PCC - Rodrigo Santiago
Apresentação PCC - Rodrigo Santiago
 
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane FidelixAula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
Aula 01 - Conceitos de IHC - Prof.ª Cristiane Fidelix
 
Arquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e ObjetivosArquitetura da Informação: Conceitos e Objetivos
Arquitetura da Informação: Conceitos e Objetivos
 
Web Design > Aula 00
Web Design > Aula 00Web Design > Aula 00
Web Design > Aula 00
 
Design Sistemas Centrado Usuario
Design Sistemas Centrado UsuarioDesign Sistemas Centrado Usuario
Design Sistemas Centrado Usuario
 
O arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecarioO arquiteto de informacao bibliotecario
O arquiteto de informacao bibliotecario
 
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
Introdução aos Padrões Web e Tecnologias para o Ambiente Digital - Aula 02 - ...
 

Mais de Claudia Bordin Rodrigues

Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015
Claudia Bordin Rodrigues
 
Algumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no AlguresAlgumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no Algures
Claudia Bordin Rodrigues
 
Identidade de marca, breve introdução
Identidade de marca, breve introduçãoIdentidade de marca, breve introdução
Identidade de marca, breve introdução
Claudia Bordin Rodrigues
 
Basicão InDesign
Basicão InDesignBasicão InDesign
Basicão InDesign
Claudia Bordin Rodrigues
 
Projeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasProjeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégias
Claudia Bordin Rodrigues
 
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Claudia Bordin Rodrigues
 
Sobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplosSobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplos
Claudia Bordin Rodrigues
 
Uma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuárioUma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuário
Claudia Bordin Rodrigues
 
Inspirações gráficas para capas de discos
Inspirações gráficas para capas de discosInspirações gráficas para capas de discos
Inspirações gráficas para capas de discos
Claudia Bordin Rodrigues
 
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia MusicalIntrodução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
Claudia Bordin Rodrigues
 
Discussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projetoDiscussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projeto
Claudia Bordin Rodrigues
 
Introdução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de ProjetoIntrodução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de Projeto
Claudia Bordin Rodrigues
 
Briefing e Design Guideline
Briefing e Design GuidelineBriefing e Design Guideline
Briefing e Design Guideline
Claudia Bordin Rodrigues
 

Mais de Claudia Bordin Rodrigues (13)

Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015Projeto Grafico Editorial - 2 Sem 2015
Projeto Grafico Editorial - 2 Sem 2015
 
Algumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no AlguresAlgumas palavrinhas na mesa redonda no Algures
Algumas palavrinhas na mesa redonda no Algures
 
Identidade de marca, breve introdução
Identidade de marca, breve introduçãoIdentidade de marca, breve introdução
Identidade de marca, breve introdução
 
Basicão InDesign
Basicão InDesignBasicão InDesign
Basicão InDesign
 
Projeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégiasProjeto Livro: design guideline e estratégias
Projeto Livro: design guideline e estratégias
 
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
Ideia de cultura - uma ou duas considerações sobre práticas e Cultura no Desi...
 
Sobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplosSobre ex-libris: conceito geral e exemplos
Sobre ex-libris: conceito geral e exemplos
 
Uma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuárioUma visão possível sobre experiência do usuário
Uma visão possível sobre experiência do usuário
 
Inspirações gráficas para capas de discos
Inspirações gráficas para capas de discosInspirações gráficas para capas de discos
Inspirações gráficas para capas de discos
 
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia MusicalIntrodução a disciplina de Projeto Editorial - Projeto Midia Musical
Introdução a disciplina de Projeto Editorial - Projeto Midia Musical
 
Discussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projetoDiscussões sobre a prática de Design e metodologia de projeto
Discussões sobre a prática de Design e metodologia de projeto
 
Introdução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de ProjetoIntrodução a disciplina de Metodologia de Projeto
Introdução a disciplina de Metodologia de Projeto
 
Briefing e Design Guideline
Briefing e Design GuidelineBriefing e Design Guideline
Briefing e Design Guideline
 

Último

Relatório de Atividades 2009 CENSIPAM
Relatório de Atividades 2009 CENSIPAM Relatório de Atividades 2009 CENSIPAM
Relatório de Atividades 2009 CENSIPAM
Falcão Brasil
 
escrita criativa utilizada na arteterapia
escrita criativa   utilizada na arteterapiaescrita criativa   utilizada na arteterapia
escrita criativa utilizada na arteterapia
shirleisousa9166
 
Guia referencial de Apoio - Planejamento Escolar 2024.pdf
Guia referencial de Apoio - Planejamento Escolar 2024.pdfGuia referencial de Apoio - Planejamento Escolar 2024.pdf
Guia referencial de Apoio - Planejamento Escolar 2024.pdf
FLAVIOROBERTOGOUVEA
 
Relatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdfRelatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdf
Falcão Brasil
 
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdfApostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
pattyhsilva271204
 
Mini livro sanfona - Minha Escola Tem História.
Mini livro  sanfona - Minha Escola Tem História. Mini livro  sanfona - Minha Escola Tem História.
Mini livro sanfona - Minha Escola Tem História.
Mary Alvarenga
 
Caça - palavras e cruzadinha com dígrafos
Caça - palavras  e cruzadinha   com  dígrafosCaça - palavras  e cruzadinha   com  dígrafos
Caça - palavras e cruzadinha com dígrafos
Mary Alvarenga
 
IV Jornada Nacional Tableau - Apresentações.pptx
IV Jornada Nacional Tableau - Apresentações.pptxIV Jornada Nacional Tableau - Apresentações.pptx
IV Jornada Nacional Tableau - Apresentações.pptx
Ligia Galvão
 
1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1) educação infantil fu...
1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1)  educação infantil fu...1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1)  educação infantil fu...
1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1) educação infantil fu...
antonio carlos
 
Relatório de Atividades 2016 CENSIPAM.pdf
Relatório de Atividades 2016 CENSIPAM.pdfRelatório de Atividades 2016 CENSIPAM.pdf
Relatório de Atividades 2016 CENSIPAM.pdf
Falcão Brasil
 
A experiência do professor. Publicado EM 08.07.2024
A experiência do professor. Publicado EM 08.07.2024A experiência do professor. Publicado EM 08.07.2024
A experiência do professor. Publicado EM 08.07.2024
Espanhol Online
 
Resolução do Exame de Biologia UEM - 2008.
Resolução do Exame de Biologia UEM - 2008.Resolução do Exame de Biologia UEM - 2008.
Resolução do Exame de Biologia UEM - 2008.
mozalgebrista
 
Painel para comemerorar odia dos avós grátis.pdf
Painel  para comemerorar odia dos avós grátis.pdfPainel  para comemerorar odia dos avós grátis.pdf
Painel para comemerorar odia dos avós grátis.pdf
marcos oliveira
 
Acróstico - Bullying é crime!
Acróstico - Bullying é crime!Acróstico - Bullying é crime!
Acróstico - Bullying é crime!
Mary Alvarenga
 
Trabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdfTrabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdf
marcos oliveira
 
CALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdf
CALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdfCALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdf
CALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdf
CristviaFerreira
 
Relatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdfRelatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdf
Falcão Brasil
 
Relatório de Atividades 2011 CENSIPAM.pdf
Relatório de Atividades 2011 CENSIPAM.pdfRelatório de Atividades 2011 CENSIPAM.pdf
Relatório de Atividades 2011 CENSIPAM.pdf
Falcão Brasil
 
Registros da 8ª edição da FECINTEC - AFV
Registros da 8ª edição da FECINTEC - AFVRegistros da 8ª edição da FECINTEC - AFV
Registros da 8ª edição da FECINTEC - AFV
Yan Kayk da Cruz Ferreira
 
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
Mary Alvarenga
 

Último (20)

Relatório de Atividades 2009 CENSIPAM
Relatório de Atividades 2009 CENSIPAM Relatório de Atividades 2009 CENSIPAM
Relatório de Atividades 2009 CENSIPAM
 
escrita criativa utilizada na arteterapia
escrita criativa   utilizada na arteterapiaescrita criativa   utilizada na arteterapia
escrita criativa utilizada na arteterapia
 
Guia referencial de Apoio - Planejamento Escolar 2024.pdf
Guia referencial de Apoio - Planejamento Escolar 2024.pdfGuia referencial de Apoio - Planejamento Escolar 2024.pdf
Guia referencial de Apoio - Planejamento Escolar 2024.pdf
 
Relatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdfRelatório de Atividades 2015 CENSIPAM.pdf
Relatório de Atividades 2015 CENSIPAM.pdf
 
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdfApostila em LIBRAS - Curso Básico ENAP 2019.pdf
Apostila em LIBRAS - Curso Básico ENAP 2019.pdf
 
Mini livro sanfona - Minha Escola Tem História.
Mini livro  sanfona - Minha Escola Tem História. Mini livro  sanfona - Minha Escola Tem História.
Mini livro sanfona - Minha Escola Tem História.
 
Caça - palavras e cruzadinha com dígrafos
Caça - palavras  e cruzadinha   com  dígrafosCaça - palavras  e cruzadinha   com  dígrafos
Caça - palavras e cruzadinha com dígrafos
 
IV Jornada Nacional Tableau - Apresentações.pptx
IV Jornada Nacional Tableau - Apresentações.pptxIV Jornada Nacional Tableau - Apresentações.pptx
IV Jornada Nacional Tableau - Apresentações.pptx
 
1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1) educação infantil fu...
1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1)  educação infantil fu...1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1)  educação infantil fu...
1°ao5°ano_HISTÓRIA_ORGANIZADOR CURRICULAR BIMESTRAL (1) educação infantil fu...
 
Relatório de Atividades 2016 CENSIPAM.pdf
Relatório de Atividades 2016 CENSIPAM.pdfRelatório de Atividades 2016 CENSIPAM.pdf
Relatório de Atividades 2016 CENSIPAM.pdf
 
A experiência do professor. Publicado EM 08.07.2024
A experiência do professor. Publicado EM 08.07.2024A experiência do professor. Publicado EM 08.07.2024
A experiência do professor. Publicado EM 08.07.2024
 
Resolução do Exame de Biologia UEM - 2008.
Resolução do Exame de Biologia UEM - 2008.Resolução do Exame de Biologia UEM - 2008.
Resolução do Exame de Biologia UEM - 2008.
 
Painel para comemerorar odia dos avós grátis.pdf
Painel  para comemerorar odia dos avós grátis.pdfPainel  para comemerorar odia dos avós grátis.pdf
Painel para comemerorar odia dos avós grátis.pdf
 
Acróstico - Bullying é crime!
Acróstico - Bullying é crime!Acróstico - Bullying é crime!
Acróstico - Bullying é crime!
 
Trabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdfTrabalho Colaborativo na educação especial.pdf
Trabalho Colaborativo na educação especial.pdf
 
CALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdf
CALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdfCALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdf
CALENDÁRIO GRADUAÇÃO 2024-07ddddd-04 (1).pdf
 
Relatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdfRelatório de Atividades 2017 CENSIPAM.pdf
Relatório de Atividades 2017 CENSIPAM.pdf
 
Relatório de Atividades 2011 CENSIPAM.pdf
Relatório de Atividades 2011 CENSIPAM.pdfRelatório de Atividades 2011 CENSIPAM.pdf
Relatório de Atividades 2011 CENSIPAM.pdf
 
Registros da 8ª edição da FECINTEC - AFV
Registros da 8ª edição da FECINTEC - AFVRegistros da 8ª edição da FECINTEC - AFV
Registros da 8ª edição da FECINTEC - AFV
 
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.Atividade Dias dos Pais -  Meu Pai, Razão da Minha História.
Atividade Dias dos Pais - Meu Pai, Razão da Minha História.
 

Introdução a experiência e design de Interação

  • 1. <web>DESIGN</web> UTFPR DESIGN GRÁFICO conceitos gerais de design de interação para web MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
  • 2. 2 O que é experiência? Design de Interação serve para? Metodologia web UxD teoria de hoje
  • 3. definindo A lenda dos monges cegos Imagem: Wikimedia Commons.The Blind Monks and the Elephant. (1652–1724). MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. experiência “ “
  • 4. definindo "The Blind Men and the Elephant" de John Godfrey Saxe (1816–1887).. MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. experiência And so these men of Hindustan Disputed loud and long, Each in his own opinion Exceeding stiff and strong, Though each was partly in the right And all were in the wrong. “ Será? A lenda dos monges cegos “
  • 5. definindo . MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. experiência Aristóteles sustenta que o que está além de nossa experiência não pode ser nada para nós. Encontramos a verdade a partir das evidências no mundo a nossa volta Aristóteles “ “ Perceptível pelos sentidos
  • 6. . MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. É o contato perceptual, direto e característico com aquilo que se apresenta a uma fonte cognitiva de informações. Epistemologia “ memória, aprendizado, imaginação Não tem relação direta com o conteúdo da experiência. Evoca repertórios, tradição e subjetividade. nem é produto dele dimensões culturais da experiência
  • 8. para pensar experiências da sua vida o que te faz lembrar de algo? o que te deixa com raiva/ frustrado?
  • 9. . Stephen P. Anderson. http://poetpainter.com/ Alguns fundamentos “
  • 12. "The Blind Men and the Elephant" de John Godfrey Saxe (1816–1887).. MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. Não é possível controlar a pois ela depende de sujeitos, contexto e suas atividades “ Considerações “ experiência Mas... Objetos, espaços, estímulos (táteis, visuais, sonoros,...), símbolos, linguagem (cultura) são elementos de mediação
  • 13. definindo MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. interação Vygostky “ instrumental simbólica Objetos, instrumentos, coisa físicas Representação, linguagem e sentido artefatos
  • 15. para pensar qual a sua melhor experiência com uma página web ou aplicativo/software? o que te surpreende? o que te deixa com raiva/ frustrado?
  • 16. Interfaces complexas e Interações complexas O papel do Design (e do designer) como “guia” Formas de organizar e apresentar a 'funcionalidade' do produto MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte. o que faz o Design
  • 18. Preece, Rogers e Sharp (2005, p.26) Os tipos de usuários, os tipos de atividade e o contexto de uso. Design de Interação: É o design de produtos interativos que dê suporte as atividades cotidianas das pessoas, em suas atividades domésticas e de trabalho. Sharp, Rogers and Preece (2002) O design de ‘meios’ para a comunicação e interação humanas. Winograd (1997) o que é?
  • 19. metas
  • 20. O que acontece na mente? Perceber Pensar Lembrar Aprender Entender os outros Conversar com os outros Manipular os outros Tomar decisões Resolver problemas Fantasiar Planejar uma viagem Imaginar uma viagem Pintar Escrever Compor cognição
  • 21. Preece, Rogers e Sharp (2005, p.35) “fator que assegura que os produtos sejam fáceis de usar, eficientes e agradáveis — da perspectiva do usuário” facilidade de aprendizado, eficiência de uso, facilidade de memorização, segurança e satisfação subjetiva (NIELSEN, 1994, p.26). uso
  • 22. Norman (2002b, 2004) Efeitos emotivos positivo e negativo e suas implicações no uso dos objetos. Usabilidade têm ligação aos estados de conforto e deleite estético no uso. http://www.designemartigos.com.br/resenha/o-design-do-futuro- donald-a-norman/ uso
  • 26. atividades de hoje Apresentação dos temas Discussão Pesquisa inicial de web referências
  • 27. glossário web MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
  • 28. O que você precisa saber para fazer um website? MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
  • 29. .Do que um website é composto .Como se planeja a estrutura .Como se organizam as páginas e quais as linguagens utilizadas .Como funciona a Internet
  • 30. Um website é composto de múltiplos arquivos também chamados de site assets. Os arquivos mais comuns são: Arquivos HTML; Arquivos CSS; Arquivos JavaScript; Imagens e Arquivos Flash 1. glossário web
  • 31. HyperText Markup Language HTML É a linguagem base de marcação de páginas web, construida por meio de tags (comandos ou instruções). O html estático geralmente tem extensão de arquivo .htm ou .html, mas pode ser gerado automaticamente por uma aplicação do tipo PHP (que neste caso, gera um arquivo de extensão .php) glossário web
  • 32. Cascading Style Sheet CSS É um arquivo que contém informações que determinam a aparência dos elementos de uma página web. A extensão do arquivo é .css. glossário web
  • 33. JavaScript É uma linguagem de programação que permite controlar o comportamento (behaviors) da página no navegador (browser), criando comunicação dinâmica para o website. Um código Javascript pode estar dentro de um arquivo de extensão .html ou fora dele, com extensão .js. glossário web
  • 34. Imagens São arquivos de informação binária, renderizadas visualmente pelos navegadores. Os arquivos de uso corrente são o JPG (utilizado para informação fotorrealística – fotografia com muitas cores), GIF (para imagens de tons contínuos) e PNG (para ambos os tipos de imagens). GIF e PNG suportam fundo transparente, JPG não. glossário web
  • 35. Adobe Flash Files Flash É um arquivo de informação binária que é carregado e apresentado por um plugin chamado Adobe Flash Player. Os arquivos flash suportam animações de alta qualidade, som, vídeos, objetos 3D e outras possibilidades que vão além das capacidades de um navegador web. glossário web
  • 36. Um website também e um elemento de interface entre as pessoas e algum conteúdo de informação. Fazer um website envolve: Entender os usuários; descrever as funções do site; descrever especificações técnicas; explorar o design; executar o projeto; testar e implementar 2. glossário web
  • 37. Users, stakeholders, interagentes, interatores Usuários Para quem se orienta o projeto? Qual a target audience? Quem faz parte das decisões de projeto? Geralmente esta etapa envolve: O dono ou responsável pela empresa/serviço; o responsável pela área de tecnologia da informação; o designer gráfico e webmaster (as vezes na mesma pessoa, outras não); o programador para banco de dados/implementação. glossário web
  • 38. Planejamento das áreas foco de projeto Interação Uma das áreas proeminentes na atualidade que vai discutir o planejamento da interação de um website é o : Design de Interação cujo objetivo é dar suporte as atividades dos usuários por meio de experiências de uso que considerem o indivíduo de modo global (sua cultura, fisiologia e biologia, sociedade...) glossário web
  • 39. Componentes do projeto e funcionalidades Funções Serve como etapa de planejamento de áreas de conteúdo, navegação, estrutura de páginas e interações. Essa etapa as vezes é chamada de arquitetura* da informação e é feita por vários meios de representação, tais como: mapeamentos, esquemas, árvores hierárquicas, organogramas, storyboards de interação, diagramas, etc.. glossário web
  • 40. Escolha das especificações técnicas do projeto Tecnologia Descrição detalhada das específicações técnicas, escolha das linguagem e suportes utilizados (banco de dados, aplicativos webserver, infraestrutura servidor, hospedagem), compatibilidade com navegadores, etc... glossário web
  • 41. webutfpr.tumblr.com MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.