A aula introduz o conceito de interface e discute suas definições em diferentes áreas. Apresenta referências sobre o tema em sites e livros. Por fim, pede aos alunos que leiam um artigo online e baixem uma apresentação sobre hipertexto para a próxima aula.
1. Aula #1: QUE DIABOS ESTAMOS FAZENDO AQUI?! :P
DESIGN DE INTERFACES I
Para quem e como se faz a web com a qual precisamos interagir?
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 01
2. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
• Um tipo de conexão • Uma superfície que nos
entre dois ou mais entes transmite instruções que nos
que gera a comunicação informam sobre a maneira
entre ambos; com que pode ser
manejado;
• Um instrumento que
funciona como uma prótese • Um lugar de interação, um
de nossos membros e de espaço onde se
nossos sentidos (a la desenvolvem trocas e
MacLuhan); manuseios;
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 02
3. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
•É a presença de uma ou •É um conjunto de meios
mais ferramentas para o uso planejadamente dispostos
e movimentação de (sejam eles físicos ou
qualquer sistema de lógicos) com vista a fazer a
informações, seja ele adaptação entre dois
material, seja ele virtual; sistemas para se obter um
certo fim cujo resultado
possui partes comuns aos
dois sistemas;
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 03
4. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
• Nas Ciências da • Na Informática:
Computação: circuito interconexão entre dois
eletrônico que controla a equipamentos que possuem
interligação entre dois diferentes funções e que não
hardwares e os ajuda a trocar se poderiam conectar
dados de maneira confiável; diretamente;
• Na Comunicação: Meio
capaz de promover a
comunicação ou interação
entre dois ou mais grupos;
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 04
5. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
• Na Física: superfície que • É um ponto de interação
separa as duas fases de um entre dois sistemas ou grupos
sistema; de trabalho;
• Na Ecologia: área de • É um meio físico ou virtual de
fronteira entre regiões tradução das linguagens de
adjacentes, e que constitui dois ou mais sistemas
ponto em que interagem diferentes que precisam
sistemas independentes de interagir entre si para
diversos grupos; concretizar uma série de
ações.
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 05
6. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 06
7. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 07
8. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 08
9. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
+
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 09
10. Aula #1: O DENOMINADOR COMUM
O QUE É UMA INTERFACE?
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 10
11. Aula #1: SIGAM-ME OS BONS! ;)
REFERÊNCIAS
Gente que conhece interfaces na web e na literatura
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 11
12. Aula #1: SITES SOBRE INTERFACES
REFERÊNCIAS
• http://www.mackido.com/Interface/index.html
• http://www.usabilidoido.com.br/
• http://imasters.uol.com.br/artigo/16799/cms/
design_de_interfaces_em_cms/
• http://webinsider.uol.com.br/author/marcello-povoa/
• http://luli.com.br
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 12
13. Aula #1: REFERÊNCIAS “BALA”
LIVRO #1
http://ow.ly/1MQOm
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 13
14. Aula #1: REFERÊNCIAS “BALA”
LIVRO #2
http://ow.ly/1MQJs
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 14
15. Aula #1: REFERÊNCIAS “BALA”
LIVRO #3
http://designinginterfaces.com/
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 15
16. Aula #1: REFERÊNCIAS “BALA”
LIVRO #4
http://ow.ly/1MQ3t
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 16
17. Aula #1: REFERÊNCIAS “BALA”
LIVRO #5
http://ow.ly/1MQGX
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 17
18. Aula #1: REFERÊNCIAS “BALA”
LIVRO #6
http://ow.ly/1MU53
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 18
19. Aula #1: REFERÊNCIAS “BALA”
LIVRO #7
http://ow.ly/1MQ9p
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 19
20. Aula #1: REFERÊNCIAS “BALA”
LIVRO #8
http://ow.ly/1MQW8
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 20
21. Aula #1: REFERÊNCIAS “BALA”
LIVRO #9
http://ow.ly/1MR2E
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 21
22. Aula #1: REFERÊNCIAS “BALA”
LIVRO #10
http://ow.ly/1MR6a
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 22
23. Aula #1: LIÇÃO DE CASA
PRÓXIMA AULA
• LER: http://imasters.uol.com.br/artigo/16799/cms/
design_de_interfaces_em_cms/
• BAIXAR E LER: http://www.slideshare.net/heliopaz/
aula-03-caracterizao-do-hipertexto
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 23
24. Aula #1: ATÉ A PRÓXIMA! ;)
TNX.
C’YA NEXT WEEK! ;)
prof. @heliopaz
heliopaz@me.com
http://www.slideshare.net/heliopaz
http://www.unisinos.br/digital/
http://quempensaawebfazaweb.com.br/
INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010 24