interfaces i - aula 01

DESIGN DE INTERFACES IPara quem e como se faz a web com a qual precisamos interagir?

01

Aula #1: QUE DIABOS ESTAMOS FAZENDO AQUI?! :P

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

O QUE É UMA INTERFACE?

• Um tipo de conexão entre dois ou mais entes que gera a comunicação entre ambos;

• Um instrumento que funciona como uma prótese de nossos membros e de nossos sentidos (a la MacLuhan);

• Uma superfície que nos transmite instruções que nos informam sobre a maneira com que pode ser manejado;

• Um lugar de interação, um espaço onde se desenvolvem trocas e manuseios;

02

Aula #1: O DENOMINADOR COMUM

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

O QUE É UMA INTERFACE?

• É a presença de uma ou mais ferramentas para o uso e movimentação de qualquer sistema de informações, seja ele material, seja ele virtual;

• É um conjunto de meios planejadamente dispostos (sejam eles físicos ou lógicos) com vista a fazer a adaptação entre dois sistemas para se obter um certo fim cujo resultado possui partes comuns aos dois sistemas;

03INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

• Nas Ciências da Computação: circuito eletrônico que controla a interligação entre dois hardwares e os ajuda a trocar dados de maneira confiável;

• Na Informática: interconexão entre dois equipamentos que possuem diferentes funções e que não se poderiam conectar diretamente;

• Na Comunicação: Meio capaz de promover a comunicação ou interação entre dois ou mais grupos;

04INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

• Na Física: superfície que separa as duas fases de um sistema;

• Na Ecologia: área de fronteira entre regiões adjacentes, e que constitui ponto em que interagem sistemas independentes de diversos grupos;

• É um ponto de interação entre dois sistemas ou grupos de trabalho;

• É um meio físico ou virtual de tradução das linguagens de dois ou mais sistemas diferentes que precisam interagir entre si para concretizar uma série de ações.

05INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

06INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

07INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

08INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

09INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

+

Aula #1: O DENOMINADOR COMUM

O QUE É UMA INTERFACE?

10INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: O DENOMINADOR COMUM

REFERÊNCIASGente que conhece interfaces na web e na literatura

11

Aula #1: SIGAM-ME OS BONS! ;)

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

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

12

Aula #1: SITES SOBRE INTERFACES

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

LIVRO #1http://ow.ly/1MQOm

13INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: REFERÊNCIAS “BALA”

LIVRO #2http://ow.ly/1MQJs

14

Aula #1: REFERÊNCIAS “BALA”

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

LIVRO #3http://designinginterfaces.com/

15INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: REFERÊNCIAS “BALA”

LIVRO #4http://ow.ly/1MQ3t

16

Aula #1: REFERÊNCIAS “BALA”

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

LIVRO #5http://ow.ly/1MQGX

17INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: REFERÊNCIAS “BALA”

LIVRO #6http://ow.ly/1MU53

18

Aula #1: REFERÊNCIAS “BALA”

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

LIVRO #7http://ow.ly/1MQ9p

19INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: REFERÊNCIAS “BALA”

LIVRO #8http://ow.ly/1MQW8

20

Aula #1: REFERÊNCIAS “BALA”

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

LIVRO #9http://ow.ly/1MR2E

21INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

Aula #1: REFERÊNCIAS “BALA”

LIVRO #10http://ow.ly/1MR6a

22

Aula #1: REFERÊNCIAS “BALA”

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

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

23

Aula #1: LIÇÃO DE CASA

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010

TNX.C’YA NEXT WEEK! ;)

prof. @heliopazheliopaz@me.com

http://www.slideshare.net/heliopazhttp://www.unisinos.br/digital/

http://quempensaawebfazaweb.com.br/

24

Aula #1: ATÉ A PRÓXIMA! ;)

INTERFACES I • turma 2010, trimestre 2010/2 – 19/05/2010