Desenvolvimento de Interfaces de Usuário de Sistemas Web

Jair C Leite

Material de referência Slides do curso "Design e Usabilidade em Sistemas Web"  Parte I Parte II Parte III

Objetivos

A rápida expansão da Internet tem aberto inúmeras novas possibilidades para a implantação de serviços computacionais. A Web é, atualmente, o principal veículo para a prestação destes serviços, permitindo atingir um número cada vez maior e mais diversificados de usuários. A demanda por sistemas computacionais na Web é muito grande e urgente, mas desenvolvedores não podem abrir mão da usabilidade. O aumento da oferta dos sistemas torna o usuário cada vez mais exigente, escolhendo aqueles que melhor resolvam os seus problemas. A interface de usuário é uma parte fundamental no sucesso de um sistema Web, pois é a responsável direta em fazer com que o usuário consiga realizar suas tarefas de maneira fácil, rápida e satisfatória.

Este tutorial tem por objetivo apresentar os conceitos e características de interfaces de usuário em sistemas computacionais para a Web, apresentando os principais estilos de interface, técnicas de interação e tecnologias de desenvolvimento e implementação. Será mostrado como o processo de design da interface pode ser conduzido e quais as principais formas de avaliação da usabilidade.

O que este tutorial aborda?

• Visão de IHC para o desenvolvimento de Sistemas Web
• Importância da Interface de Usuário no sucesso de um Sistema Web
• Estudo dos modelos teóricos, técnicas e princípios para o design da interação em Sistemas Web

O que este tutorial não aborda?

• Não é um curso de Engenharia de Sistemas Web
• Não é um curso sobre HTML, CSS, JavaScript, Flash ou qualquer tecnologia de implementação
• Não é um curso de design gráfico ou comunicação visual
• Não é um curso sobre dicas e segredos

Público-alvo

O tutorial destina-se a profissionais e estudantes que queiram conhecer as principais técnicas de interatividade em Sistemas Web, as características do processo de design e as técnicas que permitam avaliar a sua usabilidade.

Conteúdo

Introdução aos Sistemas Web: conceitos, modelos, arquitetura e tecnologias. Engenharia de Software para a Web e o Processo de Design de Interfaces. Análise de domínio, análise de usuário e análise de tarefas.  Modelos teóricos para a interação usuário-sistema. Engenharia Semiótica aplicada ao Design de Interfaces. Técnicas de Modelagem de Interfaces Web. Arquitetura da Informação, Design da Interação e Design Gráfico.  Avaliação: Técnicas e métricas para avaliação de usabilidade e comunicabilidade de sistemas Web.

Atividades

As atividades do tutorial serão aulas expositivas ilustradas com vários exemplos de casos reais. Serão realizados pequenos exercícios práticos que possibilitem uma aplicação imediata das técnicas apresentadas.

Blibliografia

Siegel, D. Criando Sites Arrasadores na Web III. Ed. Market Books Brasil, 1999.

de Souza, C. S.; Leite, J. C.; Prates, R.O. & Barbosa, S.D.J. - "Projeto de Interfaces de Usuário: Perspectivas Cognitiva e Semiótica", Anais da Jornada de Atualização em Informática, XIX Congresso da Sociedade Brasileira de Computação, Rio de Janeiro, julho de 1999. (Atencão! Este material possui Copyright. Sua utilização está restrita a trabalho acadêmicos) 

Mullet, K. & Sano, D.. Designing Visual Interfaces. SunSoft Press - Sun MicroSystems Inc. Mountain View. 1995. 

Nielsen, J. Projetando Websites: A Prática da Simplicidade. Ed. Campus, 2000.

Norman, D. & Draper, S.1986a. User Centered System Design. Hillsdale, NJ. Lawrence Erlbaum. 1986.

Norman, D. The Design of Everyday Things 

Preece, J. et al. Human-Computer Interaction - Addison-Wesley, 1994. 

Rosenfeld, L. & Morvile, P. Information Architecture for the World Wide Web, O'reilly, 1998.

Winograd, T. (Ed.) Bringing Design to Software. Addison-Wesley, 1996.