Prof. Breno Leonardo G. de M. Araújo brenod123@gmail.com http://blog.brenoleonardo.com.br DESIGN DE INTERFACES E USABILIDADE (AULA 1)
Apresentações Quem sou eu? Breno Leonardo http://blog.brenoleonardo.com.br Quem são vocês? Nome? Período? Estágio? Projeto de Aplicação? Iniciação Científica? Experiência prévia em Engenharia de Software? Expectativas?
A disciplina Nome: Design de Interface e Usabilidade Carga Horária: 80 Horas Curso: Gestão da Tecnologia da Informação - 6º período
Conteúdo Programático 1. Introdução a Interação Humano-Computador 1. Conceitos de qualidade em IHC 2. Interação: paradigmas e estilos 2. Fundamentos teóricos 1. Engenharia cognitiva 2. Engenharia semiótica 3. Guias de estilo
Conteúdo Programático 4. Processo de desenvolvimento de sistemas interativos 1. Análise de usuários, tarefas e ambiente de trabalho 2. Projeto de interfaces 1. Modelo de componentes de IHC 2. Qualidades ergonômicas 3. Avaliação de interfaces 1. Técnicas prospectivas 2. Técnicas preditivas 1. Avaliações analíticas 2. Avaliações heurísticas 3. Inspeção ergonômica via checklist 3. Técnicas objetivas 1. Ensaios de interação 2. Os sistemas de monitoramento
Metodologia de ensino Aulas expositivas com o auxílio de projetor multimídia, computador e quadro branco; Estudos de caso; Aulas práticas em laboratório.
Avaliação 1ª Verificação de Aprendizagem: 100% Prova Escrita 2ª Verificação de Aprendizagem: 40% Prova Teórico-prática 60% Projeto Prático (Compreendido pelo desenvolvimento de um projeto de médio porte. Também será exigido um artigo sobre o projeto) Verificação de Aprendizagem Final: 100% Prova Escrita.
INTERFACES
Interface
Interface Homem Máquina É o canal de comunicação entre o homem e o computador, através do qual interagem, visando atingir um objetivo comum. É o conjunto de comandos de controle do usuário + respostas do computador, constituídos por sinais(gráficos, acústicos e tácteis) É parte de um sistema computacional com a qual uma pessoa entra em contato física, perceptual e conceitualmente. [Moran, 1981]
Interface Homem Máquina Trata-se de fazer a conexão entre a imagem externa (interface) do sistema e o homem. Interface com o usuário (IU): porção de um sistema com a qual um usuário mantém contato. Interação: atuação recíproca; envolve como o comportamento do usuário altera o comportamento do sistema.
Interface Homem Máquina Trata-se de fazer a conexão entre a imagem externa (interface) do sistema e o homem. Interface com o usuário (IU): porção de um sistema com a qual um usuário mantém contato. Interação: atuação recíproca; envolve como o comportamento do usuário altera o comportamento do sistema.
Interface Homem Máquina
Preparação para o Estudo de interfaces Saber os momentos de pensar como técnico/projetista; Para produzir tecnologia que auxilie humanos, é necessário antes conhecê-los; Estudar em primeiro plano as necessidades dos usuários e não as tecnologias disponíveis; Aproveitar os conhecimentos do usuário e torná-lo um parceiro no desenvolvimento.
Quem são os usuários? Usuários são impacientes Trazem consigo experiências passadas Se ele não sabe muito a respeito de um objeto ou tarefa, irá associar com algo que já é de seu conhecimento. Usuários odeiam bugs; Usuários têm necessidades diferentes em função da sua experiência (diferentes perfis).
POR QUE ESTUDAR INTERFACE?
Motivos para estudar interface Porque é necessário estabelecer um bom nível de conversação entre o usuário e o sistema computacional A qualidade da interface determina se os usuários aceitam ou recusam um sistema (interesse comercial) Custos de hardware e software barateados permitem que se gaste maior capacidade computacional em troca de conforto para o usuário A qualidade da interface é crítica em certas atividades, como: tráfego aéreo ou usinas nucleares
Interfaces e Tecnologias O sistema ideal deve esconder a tecnologia e o usuário nem deverá notar a sua presença; As pessoas devem aprender a tarefa, não à ferramenta; As ferramentas devem seguir os três princípios básicos do design: simplicidade, versatilidade e satisfação de quem as usa.
Fogão 1.0
Fogão 1.1
Fogão 2.0
Características desejáveis em uma interface Diversidade: suportar, conhecer e se adaptar ao usuário. Complacência: errar é humano por isso o sistema tem que prever os esquecimentos e erros do usuário. Eficiência: quanto menos esforço o usuário fizer melhor para executar uma tarefa melhor. Satisfação: satisfazer o usuário não frustrando-o.
Características desejáveis em uma interface Consistência: manter um modelo a ser usado em todas as telas, tornando o uso do sistema intuitivo. Prestimosidade: a interface deve de alguma maneira ajudar o usuário, principalmente quando o mesmo não souber o que fazer. Naturalidade: a comunicação com o usuário deve conter apenas elementos simples e que tenham a ver com o que o usuário está fazendo.
Características desejáveis em uma interface Passividade: a interface deve se comportar de acordo com as preferências do usuário não com suas preferências. Flexibilidade: A interface deve fornecer várias maneiras para o usuário executar uma determinada tarefa. Imitação: a interface deve se comunicar com o usuário dialogicamente através de analogias, exemplos, comparações etc.
Exercício Escolher um produto qualquer, pesquise e depois faça uma pequena dissertação descrevendo suas características.