Avalia ção de Interfaces Parte 1 Minicurso Instituto Faber-Ludens de Design de Interação Faculdades Internacionais San-Martin

Minicurso

Instituto Faber-Ludens de Design de Interação

Faculdades Internacionais San-Martin

Programação Manhã Recomendações de usabilidade, listas de verificação, avaliação de especialista, avaliação heurística. Tarde Fundamentos de psicologia cognitiva, percurso cognitivo, técnicas de "guerrilha", avaliação de benchmark.

Manhã

Recomendações de usabilidade, listas de verificação, avaliação de especialista, avaliação heurística.

Tarde

Fundamentos de psicologia cognitiva, percurso cognitivo, técnicas de "guerrilha", avaliação de benchmark.

Classificação dos métodos Formativos ou somativos, Qualitativos ou quantitativos, Empíricos ou analíticos.

Formativos ou somativos,

Qualitativos ou quantitativos,

Empíricos ou analíticos.

Métodos analíticos Tipos de análise Preditiva, Interpretativa, Experimental.

Preditiva,

Interpretativa,

Experimental.

Métodos analíticos Vantagens Não envolvem usuários, Preservam a confidencialidade, Possuem rapidez de avaliação, Reduzem custos de execução: também conhecidos como avaliação econômica.

Não envolvem usuários,

Preservam a confidencialidade,

Possuem rapidez de avaliação,

Reduzem custos de execução: também conhecidos como avaliação econômica.

Etapas para an álise Análise contextual Reconhecer o sistema / Conhecer o contexto de uso da interface ( tarefa, usuário, ambiente) Obter indícios de problemas ( Contatar projetistas e usuários) Avaliação Definir prioridades para critérios de avaliação ( Contatar o cliente) Realizar uma varredura crítica do sistema

Análise contextual

Reconhecer o sistema / Conhecer o contexto de uso da interface ( tarefa, usuário, ambiente)

Obter indícios de problemas ( Contatar projetistas e usuários)

Avaliação

Definir prioridades para critérios de avaliação ( Contatar o cliente)

Realizar uma varredura crítica do sistema

Recomenda ções de Usabilidade São conjuntos de orientações baseados em teorias, experiência e senso comum. Têm o objetivo de auxiliar profissionais a explicar e pensar sobre aspectos de usabilidade dos seus projetos.

São conjuntos de orientações baseados em teorias, experiência e senso comum.

Têm o objetivo de auxiliar profissionais a explicar e pensar sobre aspectos de usabilidade dos seus projetos.

Recomenda ções de Usabilidade Classificação As recomendações podem ser de alto ou baixo nível de orientação, variando entre esse dois extremos. Alto nível Baixo nível

As recomendações podem ser de alto ou baixo nível de orientação, variando entre esse dois extremos.

Recomenda ções de Usabilidade Alto nível Características Abordam aspectos mais fundamentais, gerais São amplamente aplicáveis e mais duradouras Problema Esclarecimento é importante para interpretação correta da orientação

Características

Abordam aspectos mais fundamentais, gerais

São amplamente aplicáveis e mais duradouras

Problema

Esclarecimento é importante para interpretação correta da orientação

Recomenda ções de Usabilidade de Alto Nível Exercício Rápido Esclareçam o significado da seguinte orientação : Controle do usuário Projetar produtos de modo que o nível de controle do usuário sobre as ações realizadas pelo produto e a adequação do seu estado inicial ao usuário sejam maximizadas.

Esclareçam o significado da seguinte orientação : Controle do usuário

Recomenda ções de Usabilidade de Alto Nível Exemplo Oito regras de ouro de Ben Shneiderman: Perseguir a consistência, Fornecer atalhos, Fornecer feedback informativo, Marcar o final dos diálogos, Fornecer prevenção e manipulação simples de erros, Permitir o cancelamento das ações, Fornecer controle e iniciativa ao usuário, Reduzir a carga de memória de trabalho.

Oito regras de ouro de Ben Shneiderman:

Perseguir a consistência,

Fornecer atalhos,

Fornecer feedback informativo,

Marcar o final dos diálogos,

Fornecer prevenção e manipulação simples de erros,

Permitir o cancelamento das ações,

Fornecer controle e iniciativa ao usuário,

Reduzir a carga de memória de trabalho.

Recomenda ções de Usabilidade Baixo nível Características Melhores práticas, baseadas na experiência São aplicadas por projeto ou empresa Ajudam a criar linguagem comum: terminologia, aparência, interação etc.

Características

Melhores práticas, baseadas na experiência

São aplicadas por projeto ou empresa

Ajudam a criar linguagem comum: terminologia, aparência, interação etc.

Recomenda ções de Usabilidade Baixo nível Problemas Muito específicas e incompletas Autores encapsulam experiência Podem estar incorretas

Problemas

Muito específicas e incompletas

Autores encapsulam experiência

Podem estar incorretas

Recomenda ções de Usabilidade de Baixo Nível Exemplo Critério Presteza da Ergolist Os títulos de telas, janelas e caixas de diálogo devem estar no alto, ou centrados ou alinhados e à esquerda. Mas nas mesmas recomendações encontramos: Critério Flexibilidade da Ergolist O usuário deve ter a possibilidade de personalizar o sistema, em função de crescente compreensão que tem dele.

Critério Presteza da Ergolist

Os títulos de telas, janelas e caixas de diálogo devem estar no alto, ou centrados ou alinhados e à esquerda.

Mas nas mesmas recomendações encontramos:

Critério Flexibilidade da Ergolist

O usuário deve ter a possibilidade de personalizar o sistema, em função de crescente compreensão que tem dele.

Recomenda ções de Usabilidade Terminologia Alguns termos usados pelos autores da área são: princípios, regras, heurísticas, diretrizes, critérios, padrões, metas, conceitos, entre outros. Autores Alto nível Baixo nível Preece et al Metas e princípios Princípios e regras Shneiderman et al Princípios Diretrizes Baecker et al Princípios e regras Diretrizes

Alguns termos usados pelos autores da área são: princípios, regras, heurísticas, diretrizes, critérios, padrões, metas, conceitos, entre outros.

Recomenda ções de Usabilidade Exercício Escolham 4 conjuntos de recomendações e posicionem na escala, Tempo 15 minutos.

Escolham 4 conjuntos de recomendações e posicionem na escala,

Tempo 15 minutos.

Listas de Verifica ção São listas com diretrizes que garantem a usabilidade de um produto.

São listas com diretrizes que garantem a usabilidade de um produto.

Listas de Verifica ção Como fazer Recrutar avaliadores, Criar lista, Reunir avaliadores, Executar avaliação, Redigir e apresentar relatório.

Recrutar avaliadores,

Criar lista,

Reunir avaliadores,

Executar avaliação,

Redigir e apresentar relatório.

Listas de Verifica ção Exemplos Ergolist do LabUtil http://www.labiutil.inf.ufsc.br/ergolist/check.htm Checklist da Xerox Corporation http://www.stcsig.org/usability/topics/articles/he-checklist.html

Ergolist do LabUtil http://www.labiutil.inf.ufsc.br/ergolist/check.htm

Checklist da Xerox Corporation http://www.stcsig.org/usability/topics/articles/he-checklist.html

Listas de Verifica ção Vantagens Não envolvem necessariamente especialistas, Reduzem a subjetividade, Podem levar direto a soluções, Podem ser usadas no levantamento de requisitos.

Não envolvem necessariamente especialistas,

Reduzem a subjetividade,

Podem levar direto a soluções,

Podem ser usadas no levantamento de requisitos.

Listas de Verifica ção Desvantagens Dependem da competência do criador da lista, Dependem da interpretação do avaliador, Depende do ambiente da avaliação, Dificuldade de priorizar os problemas.

Dependem da competência do criador da lista,

Dependem da interpretação do avaliador,

Depende do ambiente da avaliação,

Dificuldade de priorizar os problemas.

Listas de Verifica ção Exercício Avaliar website da sua empresa com base em um dos critérios da Ergolist, Tempo 20 minutos.

Avaliar website da sua empresa com base em um dos critérios da Ergolist,

Tempo 20 minutos.

Avalia ção de Especialista É um julgamento fundamentado sobre aspectos de usabilidade de produtos feito por especialista com estudo e prática no assunto.

É um julgamento fundamentado sobre aspectos de usabilidade de produtos feito por especialista com estudo e prática no assunto.

Avalia ção de Especialista Como fazer Recrutar especialistas, Reunir especialistas, Executar avaliação, Redigir relatório.

Recrutar especialistas,

Reunir especialistas,

Executar avaliação,

Redigir relatório.

Avalia ção de Especialista Relatório Exemplo de formatação

Exemplo de formatação

Avalia ção de Especialista Prós e contras Vantagens Melhor rela ção custo x benefício. Desvantagens Dependem da competência do avaliador, Incerteza sobre veracidade da previsão.

Vantagens

Melhor rela ção custo x benefício.

Desvantagens

Dependem da competência do avaliador,

Incerteza sobre veracidade da previsão.

Avalia ção Heurística Tipo de avaliação de especialista, na qual os avaliadores baseiam-se em princípios de usabilidade próprios ou desenvolvidos por outros especialistas.

Tipo de avaliação de especialista, na qual os avaliadores baseiam-se em princípios de usabilidade próprios ou desenvolvidos por outros especialistas.

Avalia ção Heurística Como fazer Recrutar avaliadores,

Recrutar avaliadores,

Avalia ção Heurística Como fazer (continuação) Reunir avaliadores para passar: Visão do projeto, Contexto de uso, Priorização de heurísticas e abordagens.

Reunir avaliadores para passar:

Visão do projeto,

Contexto de uso,

Priorização de heurísticas e abordagens.

Avalia ção Heurística Como fazer (continuação) Executar avaliação, Especialistas trabalham em paralelo, Anotações ou registro das verbalizações, Modelo de descrição de problema.

Executar avaliação,

Especialistas trabalham em paralelo,

Anotações ou registro das verbalizações,

Modelo de descrição de problema.

Avalia ção Heurística Como fazer (continuação) Redigir relatório. Classificar por severidade: freqüência, impacto e persistência

Redigir relatório.

Classificar por severidade: freqüência, impacto e persistência

Avalia ção Heurística Abordagens Por tarefa realizadas pelo usuário, Pela estrutura do menu, Pelos níveis de abstração, Pelos elementos da interface, Pelas qualidades esperadas.

Por tarefa realizadas pelo usuário,

Pela estrutura do menu,

Pelos níveis de abstração,

Pelos elementos da interface,

Pelas qualidades esperadas.

Avalia ção Heurística Vantagens Encontra mais problemas de usabilidade, Maior gravidade dos problemas encontrados.

Encontra mais problemas de usabilidade,

Maior gravidade dos problemas encontrados.

Avalia ção Heurística Desvantagens Depende das heurísticas escolhidas, Depende da competência dos especialistas, Pode encontrar problemas equivocados, Pode propor soluções superficiais.

Depende das heurísticas escolhidas,

Depende da competência dos especialistas,

Pode encontrar problemas equivocados,

Pode propor soluções superficiais.

Avalia ção Heurística Exercício Avaliar website da sua empresa com base nas 10 heurísticas de Nielsen, Tempo 40 minutos.

Avaliar website da sua empresa com base nas 10 heurísticas de Nielsen,

Tempo 40 minutos.

Avalia ção de Interfaces Parte 2 Minicurso Instituto Faber-Ludens de Design de Interação Faculdades Internacionais San-Martin … continuação

Minicurso

Instituto Faber-Ludens de Design de Interação

Faculdades Internacionais San-Martin

Introdu ção à Psicologia Cognitiva Estudo de como as pessoas percebem , aprendem , estruturam , armazenam e usam o conhecimento. Cognitivismo defende que grande parte do comportamento humano pode ser entendida em termos de como as pessoas pensam.

Estudo de como as pessoas percebem , aprendem , estruturam , armazenam e usam o conhecimento.

Cognitivismo defende que grande parte do comportamento humano pode ser entendida em termos de como as pessoas pensam.

Introdu ção à Psicologia Cognitiva O sistema nervoso é a base da capacidade de percepção , adaptação e interação com o mundo. Por meio desse sistema recebemos , processamos e depois respondemos às informações. O córtex cerebral nos possibilita pensar. É dividido entre direito e esquerdo .

O sistema nervoso é a base da capacidade de percepção , adaptação e interação com o mundo.

Por meio desse sistema recebemos , processamos e depois respondemos às informações.

O córtex cerebral nos possibilita pensar. É dividido entre direito e esquerdo .

Psicologia Cognitiva Memória É o meio pelo qual mantemos e acessamos nossas experiências passadas para usar a informação no presente. Existem 3 operações comuns de memória: codificação , armazenagem e recuperação . Capacidade de Recordação < Reconhecimento

É o meio pelo qual mantemos e acessamos nossas experiências passadas para usar a informação no presente.

Existem 3 operações comuns de memória: codificação , armazenagem e recuperação .

Capacidade de Recordação < Reconhecimento

Psicologia Cognitiva Memória Existe uma distinção entre memória explícita e implícita. Explícita: recordar ou reconhecer palavras, fatos, imagens de um determinado conjunto de itens. Implícita: recordamos algo, mas não temos consciência de que estamos tentando fazê-lo.

Existe uma distinção entre memória explícita e implícita.

Explícita: recordar ou reconhecer palavras, fatos, imagens de um determinado conjunto de itens.

Implícita: recordamos algo, mas não temos consciência de que estamos tentando fazê-lo.

Psicologia Cognitiva Busca cognitiva Varredura do ambiente para procurar características específicas – procurar ativamente alguma coisa quando não se tem certeza onde ela está. Alarmes falsos podem interferir na busca, assim como fatores de distração . O número de alvos e fatores de distração afeta a dificuldade de realização da tarefa .

Varredura do ambiente para procurar características específicas – procurar ativamente alguma coisa quando não se tem certeza onde ela está.

Alarmes falsos podem interferir na busca, assim como fatores de distração .

O número de alvos e fatores de distração afeta a dificuldade de realização da tarefa .

Psicologia Cognitiva Busca cognitiva

Psicologia Cognitiva A atenção cognitiva Sensações + Memórias + Processos de pensamento ATENÇÃO (processos controlados + processos automáticos) Ações

www.abril.com.br

Percurso Cognitivo É uma forma de avaliação de especialista, mas não se baseia só em princípios de design e usabilidade É uma forma de avaliação do ponto de vista do usuário A análise é feita através da execução das tarefas propostas na interface

É uma forma de avaliação de especialista, mas não se baseia só em princípios de design e usabilidade

É uma forma de avaliação do ponto de vista do usuário

A análise é feita através da execução das tarefas propostas na interface

Percurso Cognitivo Como fazer Procedimento para a avaliação: Sobre uma proposta de design, os avaliadores simulam a execução da tarefa, efetuando uma série de perguntas sobre cada passo: O que o usuário precisa saber antes de realizar a tarefa? O que o usuário deve aprender ao realizar a tarefa ?

Procedimento para a avaliação:

Sobre uma proposta de design, os avaliadores simulam a execução da tarefa, efetuando uma série de perguntas sobre cada passo:

O que o usuário precisa saber antes de realizar a tarefa?

O que o usuário deve aprender ao realizar a tarefa ?

Percurso Cognitivo Vantagens Não requer participantes Rápido para diagnosticar erros e prescrever melhorias N ão há análise de dados

Não requer participantes

Rápido para diagnosticar erros e prescrever melhorias

N ão há análise de dados

Percurso Cognitivo Desvantagens Recai sobre o especialista o julgamento sobre a interface Ele deve ter ótimos conhecimentos sobre fatores humanos e habilidades cognitivas.

Recai sobre o especialista o julgamento sobre a interface

Ele deve ter ótimos conhecimentos sobre fatores humanos e habilidades cognitivas.

Percurso Cognitivo Atividade

Técnica de Guerrilha Avaliações de usabilidade informais, em razão a tempo e dinheiro

Avaliações de usabilidade informais, em razão a tempo e dinheiro

Técnica de Guerrilha Como fazer É comum utilizar táticas de guerrilha para tentar estabelecer a usabilidade num ambiente hostil: Alertar para a importância da abordagem de design centrado no usuário; Lutar pelo orçamento de forma a alocar profissionais ao &quot;projeto usabilidade“; Institucionalizar a usabilidade na empresa.

É comum utilizar táticas de guerrilha para tentar estabelecer a usabilidade num ambiente hostil:

Alertar para a importância da abordagem de design centrado no usuário;

Lutar pelo orçamento de forma a alocar profissionais ao &quot;projeto usabilidade“;

Institucionalizar a usabilidade na empresa.

Técnica de Guerrilha Como fazer Custo em usabilidade [estimativa de Mantei&Teorey] +-$130,000 Uso de protótipos em papel - $2,160 Testes de usabilidade com 3 participantes, não 5 - $11,520 Estudos “thinking aloud” + notas pessoais ao invés de softw. - $5,520 Sem necessidade de sala de observação - $17,600 Apenas 2 focus groups ao invés de 3 pesquisas de mercado - $2,000 Apenas1 focus group ao invés de 3 análises de espec. - $4,000 Especialista de usabilidade para avaliação heurística + $3,000 (…) Custo da técnica de redução: $65,330

Técnica de Guerrilha Como avançar Colaborar nos grupos de pesquisa e de CRM Contatar call center [ou seja] Armar-se de dados e provas [para] Desenvolver uma forte argumentação de negócio

Colaborar nos grupos de pesquisa e de CRM

Contatar call center

[ou seja] Armar-se de dados e provas

[para] Desenvolver uma forte argumentação de negócio

Técnica de Guerrilha Prós e contras Vantagens Melhor rela ção custo x benefício. Desvantagens Incerteza sobre o comprometimento da avaliação; Representa apenas um primeiro passo para política de usabilidade na empresa.

Vantagens

Melhor rela ção custo x benefício.

Desvantagens

Incerteza sobre o comprometimento da avaliação;

Representa apenas um primeiro passo para política de usabilidade na empresa.

Benchmarking Comparar os produtos em desenvolvimento com produtos já existentes no mercado (seu desempenho), e identificar oportunidades de melhoria.

Comparar os produtos em desenvolvimento com produtos já existentes no mercado (seu desempenho), e identificar oportunidades de melhoria.

Benchmarking

Benchmarking Como fazer Identificar as empresas Coletar dados Determinar os marcos de referência Verificar o gap de desempenho entre marcas Estabelecer metas funcionais Implementar ações específicas Recalibrar marcos de referência

Identificar as empresas

Coletar dados

Determinar os marcos de referência

Verificar o gap de desempenho entre marcas

Estabelecer metas funcionais

Implementar ações específicas

Recalibrar marcos de referência

Benchmarking Como fazer (continuação) Recorrer a boas práticas da área Pesquisa sobre empresas concorrentes / líderes Pesquisar dados específicos do produto

Recorrer a boas práticas da área

Pesquisa sobre empresas concorrentes / líderes

Pesquisar dados específicos do produto

Benchmarking Como fazer (continuação) recorrer a boas práticas da área. www.smashingmagazine.com / www.sitepoint.com / www.welie.com / //interactions.acm.org / //thinkvitamin.com / www.interaction-design.org / www.thinkflowinteractive.com / Livros sobre usabilidade e design pesquisa sobre empresas concorrentes / líderes. Associações representativas / Estudos “opensource” (ex. FISTERA) / Pesquisa adquiridas ($)

Benchmarking Atividade

Benchmarking Atividade

www.faberludens.com.br