1 Interação Humano-Computador Design: Primeiras noções www.inf.puc-rio.br/~inf1403
Interação Humano-Computador o sistema é a interface interface usuário funcionalidade
Interação Humano-Computador interface + interação contato + comunicação
Interface e Interação
Usabilidade, Comunicabilidade, Acessibilidade Uma tripla indissociável: cada um dos três conceitos está inevitavelmente ligado aos demais. Foto em: http://www.okokchina.com/files/uppic6/cartier%20trinity%20ring495.jpg
Interação Humano-Computador previsão design centrado no usuário apoiar pessoas explicação avaliação elaborar alternativas interface avaliar alternativas observar o uso medir retorno de investimento
O que é design? Projeto (ou design) é plano ou concepção intelectual que será executada posteriormente Nosso foco em IHC design de produtos interativos que forneçam suporte às atividades cotidianas das pessoas, seja no lar ou no trabalho. 7
Processo de Design de IHC O que é design (de IHC)? Uma intervenção na situação atual (para mudar e melhorar o estado corrente das coisas). Etapas fundamentais do design Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Processo Interpretativo e Iterativo Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Análise da situação atual Síntese de uma intervenção Avaliação da nova situação
Conhecimentos úteis no processo de design Técnicas Técnicas de design (e.g. prototipação, storyboarding) Técnicas de análise (e.g. etnometodologia) Teorias Teorias sociais Teorias da comunicação e semiótica Teorias psicológicas Conhecimento de ergonomia Cultura Geral Estudaremos no decorrer do curso: * Engenharia Cognitiva * Teoria da Atividade * Engenharia Semiótica
Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Etapa de Design: Análise da Situação Atual Estudar e interpretar a situação atual Pessoas (usuários e stakeholders), Contexto Físico, Social e Cultural de uso, Artefatos, Processos,... Qual o foco? Oportunidade ou Problema? Isto dependerá de quais assuntos serão tratados (o domínio), os objetivos das pessoas envolvidas (usuários e demais stakeholders), tempo, orçamento, mão-de-obra disponível e até a folosofia de trabalho. Diferentes focos de análise contribuem para diferentes interpretações.
Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Etapa de Design: Análise da Situação Atual Qual o produto desta etapa? Uma interpretação da realidade estudada Um enquadramento e um recorte particular dela. Necessidades e Oportunidades de melhoria para as quais será projetada uma intervenção. Em IHC representadas por METAS DE DESIGN.
Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Etapa de Design: Análise da Situação Atual Objetivos dos usuários e Critérios de qualidade de Uso Exemplos: Situação 1: Usuários gastam muito tempo processando informações. Um sistema computacional poderia fazer a mesma tarefa mais rapidamente. META DE DESIGN: Aumentar a eficiência das atividades dos usuários (Usabilidade) Situação 2: Vários usuários encontram dificuldades para usar sistemas semelhantes porque não compreendem como funcionam. META DE DESIGN: Comunicar adequadamente através da interface a visão do designer sobre as operações que o usuário pode realizar com o sistema (COMUNICABILIDADE).
Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Etapa de Design: Síntese de uma intervenção Planejar e executar uma intervenção na situação atual Como melhorar a situação atual? SOLUÇÃO Possíveis Soluções Novo sistema interativo Uma nova versão de um sistema Mudança nos processos, sem alteração nos sistemas utilizados.
Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Etapa de Design: Síntese de uma intervenção O projeto de um sistema interativo deve definir uma solução de IHC com alta qualidade de uso para impactar a situação atual e a vida dos usuários conforme pretendido.
Análise da situação atual Síntese de uma intervenção Avaliação da nova situação Etapa de Design: Avaliação da nova situação Verificar o efeito da intervenção, comparando a situação analisada anteriormente com a nova situação, atingida após a intervenção. Quando avaliar? Durante a concepção e desenvolvimento da intervenção Logo antes da introdução da intervenção Depois da intervenção ter sido aplicada O quê avaliar (em IHC)? Onde o custo será menor? Se interface e interação atendem aos critérios de qualidade de uso definidos como prioritários na análise da situação atual.
Resumindo
17 Exemplos de princípios de design e de exemplos ruins Correspondência entre o sistema e o mundo real Utilize conceitos, vocabulário e processos familiares aos usuários O que esses símbolos querem dizer no painel do carro????
Visibilidade Painel de controle de elevador de hotel Como funciona? Apertando o botão do andar que você quer ir? Nada acontece! Aperto outro botão? Nada!!!! O que eu tenho que fazer? www.baddesigns.com Não está visível o que eu tenho que fazer!
Visibilidade você tem que inserir o cartão do seu quarto no slot ao lado dos botões para o elevador funcionar! Como tornar essa ação mais visível? tornar o leitor do cartão mais óbvio mensagem sonora, indicando o que fazer (em que língua?) colocar grande aviso aviso ao lado do leitor, que pisque sempre que alguem entra no elevador tornar partes relevantes visíveis tornar óbvio o que se tem que fazer
Feedback Mandar informação de volta ao usuário em consequência das suas ações Ex.: som, highlighting, animação e combinações disso Ex.: quando clica botão, há feedback sonoro e highlight vermelho: ccclichhk
Mapeamento Onde plugo o mouse? Onde plugo o teclado? Conector de baixo ou de cima? Os ícones coloridos ajudam? www.baddesigns.com
Mapeamento (i) A: mapeamento adjacente entre indicação e conector (ii) B: associação de cores www.baddesigns.com
Consitência Ex: ctrl+c e ctrl+v em todas as aplicações Ex. de inconsistência: (a) Telefones e controles remotos (b) calculadoras, teclados PC 1 2 3 7 8 9 4 5 6 4 5 6 7 8 9 1 2 3 0 0
24 Características-chave chave do processo de design de IHC 1.Manter sempre o foco no usuário 2.Estabelecer objetivos específicos com relação à experiência que se espera que o usuário tenha 3.Iterar o processo 24 24
Processos de Design: Design Centrado no Usuário desenvolvimento centrado no sistema desenvolvimento centrado no usuário desenvolvimento situado no contexto organizacional e social envolvimento de usuários no processo de design considerações sobre grupos de usuários com tarefas e papéis diferentes (ex: gerentes e técnicos) importância da qualidade de IHC 25
Atividade para a próxima aula Exemplo(s) prático(s) do impacto de bom/mau design de interação sobre a vida das pessoas (noticiado ou ilustrado em websites de boa reputação jornalística/documental ou técnica) que encontrem na Rede Discuta [Lacuna(s) de] Competência(s)/conhecimento(s) ou princípio de design (não) utilizado que, na sua opinião, contribuíram para o impacto reportado acima Apresente perguntas que lhe ocorreram e cujas respostas te interessaria saber
Referências Livro capítulo 4 (até 4.1). BARBOSA, S.D.J.; SILVA, B.S. Interação Humano-Computador. Editora Campus-Elsevier, 2010.