O documento discute conceitos fundamentais de design para web, incluindo a metodologia de J.J. Garrett para análise de experiência do usuário em sites. Ele também fornece instruções para um exercício no qual os alunos escolhem um site e analisam suas categorias usando a metodologia proposta. Por fim, aborda brevemente conceitos de literacia digital e codificação web.
2. Exercício 01
Analisando a experiência
de um website
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
UTFPR
DESIGN
GRÁFICO
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
3. “a experiência de comprar um livro na net”
sequência de decisões feitas pelo usuário,
orientadas por um ‘caminho’
9. Exercício 01
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Escolha um website:
- Institucional
- Comércio eletrônico
- Serviços
- Rede Social
- Sistema
- Editorial/blog
- Portal de Conteúdo
E analise as categorias
propostas por
J.J. Garrett
20 min
print
das telas
USE um PLUGIN
do Fire ou Chrome
Exemplo:
UPLOAD
SCREENSHOT
12. Um pouco sobre
Literacia
Digital
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
UTFPR
DESIGN
GRÁFICO
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
14. Conjunto de habilidades
MATERIAL DE APOIO da Profa. Claudia Bordin Rodrigues Se quiser usar, seja legal e cite a fonte.
Envolve compreender, compartilhar e criar
sentido e significado com ferramentas digitais,
nos diversos meios.
Mas também....
Fazer isso de modo crítico e contextual,
buscando os meios estratégicos de
comunicação de uma ideia ou sentido.
15.
16.
17.
18.
19. Origens
Arpanet e a Guerra Fria
J.C.R. Licklider, 1962 MIT | Leonard Kleinrock 1961 | Ivan Sutherland, Bob Taylor, e Lawrence G. Roberts
“Pacotes” de dados
Telefonia base para transmissão
de dados
Conexões entre universidades
Thomas Merril, 1964.
20. Origens
Anos 80 - NSF e a fibra ótica
No Brasil
1991 RNP (Rede Nacional de Pesquisas) - Universidade e Setor Público
1995 provedores comerciais
National Science Foundation
21. mas afinal,
que raios é a Internet?
Projeto An Atlas of Cyberspace - finalizou em 2004
http://personalpages.manchester.ac.uk/staff/m.dodge/cybergeography/atlas/geographic.html
22. O original não está disponível:
Ver backup e post comentado em http://ansonalex.com/technology/the-world-map-of-internet-connections/
31. o que acontece quando...
http://www.utfpr.edu.br
PROTOCOLO DE
COMUNICAÇÃO ENDEREÇO - URL DOMÍNIO
vira um endereço IP
200.134.95.110 VIA DOMAIN NAME
SYSTEM (DNS)
41. É 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.
javascript
É uma biblioteca de acesso aberto de códigos javascripts, que se
tornaram populares desde sua criação em 2006. Serve, dentre outras
coisas, para organizar, diminuir código, dar segurança a interações de
baixo nível (servidor).
jqueries
42. São linguagens de suporte ao html utilizadas para a comunicação
com servidores de dados, e servem, dentre várias coisas, para
administrar a comunicação entre cliente-servidor gerando páginas
dinamicamente.
php, asp, asp., aspnet,...