DESIGN DE INTERAÇÃO - HOMEM E COMPUTADOR.

Londrina

2011

KLEBER DELGADO MENEZES

CENTRO DE CIÊNCIAS HUMANAS, EDUCAÇÃO, COMUNICAÇÃO E ARTES – CCECA

ARTES VISUAIS – MULTIMÍDIA

DESIGN DE INTERAÇÃO – HOMEM E COMPUTADOR.

A interatividade e usabilidade para interface.

Londrina

2011

DESIGN DE INTERAÇÃO – HOMEM E COMPUTADOR.

A interatividade e usabilidade para interface.

Trabalho de Conclusão de Curso apresentado à Universidade Norte do Paraná - UNOPAR, como requisito parcial para a obtenção do título de Bacharel em Artes Visuais – Multimídia.

Orientador: Prof. Dhiego Augusto S. Bicudo

KLEBER DELGADO MENEZES

Londrina, _____de ___________de 20___.

Prof. Orientador

Universidade Norte do Paraná

Prof. Membro 2

Universidade Norte do Paraná

Prof. Membro 3

Universidade Norte do Paraná

KLEBER DELGADO MENEZES

DESIGN DE INTERAÇÃO – HOMEM E COMPUTADOR.

A interatividade e usabilidade para interface.

Trabalho de Conclusão de Curso aprovado, apresentado à UNOPAR - Universidade Norte do Paraná, no Centro de Ciências Empresariais e Sociais Aplicadas, como requisito parcial para a obtenção do título de Bacharel em Nome do Curso, com nota final igual a _______, conferida pela Banca Examinadora formada pelos professores:

Dedico este trabalho a Deus pela constante companhia e apoio em todos os momentos de minha vida, aos meus pais pela educação, formação e amor que sempre me deram e pelo auxilio fundamental em mais esta fase da minha vida e a minha namorada Tayana M. Michels que me apoiou e esteve ao meu lado.

AGRADECIMENTOS

Primeiramente a Deus, que é minha fonte e razão de viver, Meu verdadeiro Pai que me deu forças para correr em busca dos meus sonhos, a vencer os obstáculos e alcançar o meu objetivo.

Ao Prof. Dhiego Augusto S. Bicudo, meu orientador e amigo, que acompanhou todo o processo e esteve apoiando e incentivando. Obrigado.

Agradeço a toda minha família, pelo apoio e compreensão. Em especial aos meus pais Alairson Menezes e Rosane Delgado Menezes que apesar de toda dificuldade e luta sempre me incentivou e esteve do meu lado. Obrigada por sempre acreditar.

Agradeço também por todos meus colegas de sala. Esses três anos de convivência diária fez com que eu conhecesse a cada um e aprendesse com as diferenças e juntos conseguimos estabelecer grandes amizades. Aos professores que contribuíram com este projeto.

"Para conquistarmos algo na vida não basta ter talento, não basta ter força, é preciso também viver um grande amor."

(Mozart)

MENEZES, Kleber Delgado. DESIGN DE INTERAÇÃO – HOMEM E COMPUTADOR. A interatividade e usabilidade para interface. 2011. 46 folhas. Trabalho de Conclusão de Curso Artes Visuais – Multimídia – Centro De Ciências Humanas, Educação, Comunicação E Artes – CCECA, Universidade Norte do Paraná, Londrina, 2011.

RESUMO

Este trabalho de conclusão de curso visa demonstrar a importância dos conceitos de interatividade e usabilidade que determinam a facilidade do uso e interação com interfaces. Seus princípios, elementos, definição e metodologia que orientam a interface com foco na Interação entre Homem e Computador – IHC. Será feito um levantamento de cenários ou interfaces avaliando os conceitos e os detalhes de ordem prática que devem ser definidos em um design interação.

Palavras-chave: IHC; Interatividade; Usabilidade.

MENEZES, Kleber Delgado. Interaction of Design - Man and Computer: The Interactivity, usability for interface. 2011. 46 leaves. End of Course Visual Arts – Multimedia – Center Humanities, Education, Communication and Arts – CCECA, Universidade Norte do Paraná, Londrina, 2011.

ABSTRACT This conclusion of course work aims to demonstrate the importance of the concepts of interactivity and usability that determine the ease of use and interaction with interfaces. His principles, elements, definition and methodology underlying the interface with a focus on Human and Computer Interaction - HCI. There will be a collection of scenes or interfaces evaluating the concepts and practical details that must be defined in an interaction design.

Keywords: IHC; Interactivity; Usability.

LISTA DE FIGURAS

Figura 1 – Os elementos da experiência do usuário. Garrett(2003) .......................... 28

Figura 2 – Cronograma de desenvolvimento............................................................. 30

LISTA DE ABREVIATURAS E SIGLAS

ABNT

Associação Brasileira de Normas Técnicas

UNOPAR

Universidade do Norte do Paraná

IHC

Interação humano-computador

SUMÁRIO

1 INTRODUÇÃO ....................................................................................................... 14

2 CONCEITO E ESTÉTICA ...................................................................................... 17

2.1 EXEMPLOS DO PRINCÍPIO DA PROXIMIDADE NO DESIGN WEB ................. 19

2.2 EXEMPLOS DO PRINCÍPIO DE ALINHAMENTO APLICADA NA WEB............. 24

2.3 EXEMPLOS DO PRINCÍPIO DA EXPERIÊNCIA PASSADA APLICADA WEB .. 27

3 APRESENTAÇÃO DA METODOLOGIA ............................................................... 30 3.1 EXEMPLO DE ARQUITETURA DA INFORMAÇÃO (AI)..................................... 32

3.2 EXEMPLO DE WIREFRAME