SERG 2014 SEMIOTIC ENGINEERING RESEARCH GROUP

Transcrição

1 1 Interação Humano-Computador Design: Primeiras noções

2 Interação Humano-Computador o sistema é a interface interface usuário funcionalidade

3 Interação Humano-Computador interface + interação contato + comunicação

4 Interface e Interação

5 Usabilidade, Comunicabilidade, Acessibilidade Uma tripla indissociável: cada um dos três conceitos está inevitavelmente ligado aos demais. Foto em:

6 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

7 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

8 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

9 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

10 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.

11 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.

12 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).

13 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.

14 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.

15 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.

16 Resumindo

17 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????

18 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? Não está visível o que eu tenho que fazer!

19 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

20 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

21 Mapeamento Onde plugo o mouse? Onde plugo o teclado? Conector de baixo ou de cima? Os ícones coloridos ajudam?

22 Mapeamento (i) A: mapeamento adjacente entre indicação e conector (ii) B: associação de cores

23 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

24 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

25 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

26 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

27 Referências Livro capítulo 4 (até 4.1). BARBOSA, S.D.J.; SILVA, B.S. Interação Humano-Computador. Editora Campus-Elsevier, 2010.