palestra - princípios de usabilidade

Especialista em Usabilidade e Avaliação de Interfaces

Princípios de Usabilidade

e Experiência do Usuário

SISPRO - 15/10/2013

Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > O que é?

O que é?

• Está relacionada aos estudos de Ergonomia e de Interação Humano-computador (IHC);

• É diretamente ligada ao diálogo na interface e a capacidade em permitir que o usuário alcance suas metas de interação com o sistema;

• É a extensão na qual uma interface pode ser usada por usuários específicos para alcançar objetivos específicos com efetividade, eficiência e satisfação. Eficiência se refere à quantidade de esforço e recursos necessários para se chegar a um determinado objetivo;

• A preocupação fundamental do profissional que atua nessa área é agregar os conceitos de usabilidade com o planejamento da interface, garantindo que o usuário final atinja seus objetivos de forma intuitiva.

efetividade, eficiência e satisfação =facilidade no uso

Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > Onde se Aplica?

Onde se Aplica?

• Celulares

• Eletrodomésticos

• Embalagens

• Interfaces

diferentes mídias e dispositivos

• Intranets

• Aplicativos

• Jogos

• ProdutosOutros...

Especialista em Usabilidade e Avaliação de InterfacesPrincípios de Usabilidade > Como perceber sua ausência?

Como perceber sua ausência?

Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > Uso de Guidelines

Uso de Guidelines

• Conjunto de regras e orientações consideradas na elaboração de uma interface;• Limita a busca por soluções;• Podem variar para cada projeto e produto;• Uma das mais utilizadas são as 10 heurísticas de Nielsen*

*Jacob Nielsen é cientista da computação com PHD em IHC. Fundador da Nielsen Norman Group (www.nngroup.com) É considerado um dos maiores especialistas em usabilidade.

Visibilidade do Status

Equivalência entre o sistema e o mundo real

Controle do usuário e liberdade

Consistência e Padrões

Prevenção de Erros

Reconhecer ao invés de lembrar

Flexibilidade e eficiência de uso

Estética e Design minimalista

Auxílio ao usuário

Ajuda e documentação

1

2

3

4

5

6

7

8

9

10

http://www.nngroup.com/

Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > Uso de Guidelines

Uso de Guidelines

• Interface ser evidente por si só;• Ser capaz de entender, o que é e como usar sem desprender esforço nisso.

Não me faça Pensar ! 0

Especialista em Usabilidade e Avaliação de InterfacesPrincípios de Usabilidade > Uso de Elementos de Interface

Uso de Elementos de InterfaceTextos

Estudos mostram que usuários lêem texto pretoEm fundo branco até 32% mais rápido

Aparência dos Textos•Fontes Adequadas•Contraste

Aparência dos Textos•Fontes Adequadas•Contraste

Aparênc i a d o s Tex t o s•Fontes Adequadas•Contraste


Uso de Elementos da Interface Princípio de Design: C.R.A.P

ContrastElementos diferentes devem aparentar serem assim.

RepetitionConsistência ajuda ao usuário a entender melhor.

AlignmentTudo deve estar conectado visualmente a alguma coisa.

PositioningElementos que se relacionam entre si devem estar próximos.


Uso de Elementos da Interface Princípio de Design: C.R.A.P


Uso de Elementos de Interface

prover raciocínio óbvio

Buscar Palavra Buscar

Buscar Palavra Buscar


Uso de Elementos de Interface

contribua com a experiência do usuário

• Saber procurar e onde procurar;• Escolher uma linguagem que o usuário entenda;• Não quebrar convenções.

Download NAV for Windows 95 / 98

Dúvidas:•Existe uma nova versão 95/98?•Existe um novo Produto NAV?

Rua 1 Rua 1 Rua 2Rua 2

Dúvidas:•Existe uma nova convenção?•Qual o nome desta rua?

Especialista em Usabilidade e Avaliação de InterfacesPrincípios de Usabilidade > Experiência do Usuário

Experiência do Usuário

Envolve os sentimentos de uma pessoa em relação à utilização de um determinado produto, sistema ou serviço



• Antes do lançamento de um produto e durante a análise de comportamento do usuário, tudo é uma hipótese.(ux design for startups – marcin treder)

Solução

Problema

Cliente



Elementos da experiência do usuário. (Jesse James Garret, 2001)

• Conjunto de sensações estimulados do início ao fim da atividade;• É determinada pela maneira como o usuário interage com a interface;• Esta relacionada as necessidades do usuário e seus objetivos.


Quanto mais motivado, mais facilmente a tarefa será concluída.

Experiência do Usuário B = MAT Behavior = motivation, hability and triggers

Princípios de Usabilidade > Experiência do Usuário


Experiência do Usuário B = MAT

• O comportamento (B) acontece quando a motivação (M) a habilidade (A) e os Triggers (T) estão juntos ao mesmo tempo.

Behavior = motivation, hability and triggers


Especialista em Usabilidade e Avaliação de InterfacesPrincípios de Usabilidade > Arquitetura da Informação

Arquitetura da Informação

categorização da informação em uma estrutura coerente

• Disciplina relacionada ao modelo mental do usuário;• Organiza os elementos de forma estruturada.



categorização da informação em uma estrutura coerente

• Elementos cognitivos: Leitura de cima para baixo, da esquerda para a direita.• Previlegiar áreas com maior visibilidade


Arquitetura da InformaçãoCélulas de Informação

visualização de organização do conteúdo

• Exemplo de documentação

Controles da Interface:•Expandir/colapsarO usuário deverá ser capaz de alguns elementos como o menu lateral e o dashboard presente no conteúdo.•Configurar VisualizaçãoConfigurar a visualização dos elementos da tela, como gráficos, botões de ações e filtros de pesquisa.•Drag and DropCapacidade de "arrastar" alguns elementos na tela como os agrupamentos presentes no dashboard.


estudo com heat map para mapear as células

Arquitetura da InformaçãoCélulas de Informação – Case Webb


Arquitetura da InformaçãoCélulas de Informação – Case Webb

estudo com heat map para mapear as células


Arquitetura da InformaçãoWireframes

• Arquiteto busca representar os elementos que irão compor a interface;• Utilizados na criação de protótipos em baixa fidelidade;• Estruturas sem texturas ou acabamentos.



• Seria o similar ao “esqueleto” de uma interface, posteriormente são atribuídas cores;• O projeto de engenharia de uma casa assemelha-se a esse método.



• Podem ser desenvolvido em baixa, média ou alta fidelidade.



Adaptar as células de informação de acordo com a plataformaIdentificando as “hot zones”



Experiências em dispositivos diferentes podem demandar interfaces diferentes

Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > Algumas Técnicas

Algumas Técnicas:

avaliar qual técnica empregar dependendo do estudo

• Avaliação Cooperativa

• Avaliação Heurística

• Tabela GxUxT

• Questionários

• Card Sorting

• Focus Group


Algumas TécnicasAvaliação Cooperativa

• Análise de problemas em interfaces;• Participantes e pesquisador avaliam juntos determinada interface;• Possibilita trabalhar com protótipos para a simulação.

1. Protótipo

2. Recrutar Usuários

3. Preparar Tarefas

4. Cuidados Especiais

5. Interagir / Gravar

6. Tabular informações

7. Mesa Redonda


Algumas TécnicasAvaliação Heurística

• Avaliação realizada pelo perito em usabilidade;• Análise de problemas através de um conjunto de princípios ou guidelines;• Pode-se tabular o resultado utilizando-se a tabela GxUxT.

Tabela GxUxT – Gravidade x Urgência x Tendência

Valor Gravidade (G) Urgência (U) Tendência (T) GXUXT

5 Prejuízos ou dificuldades

extremamente graves

Ação imediata Nada feito a

situação pode piorar rápido

125

4 Muito grave Alguma Providência Piorar em pouco tempo 64

3 Grave Mais cedo Possível Piorar a médio prazo 27

2 Pouco Grave Esperar um pouco Piorar a longo prazo 8

1 Sem gravidade Não tem pressa Não piorar mas pode

melhorar

1


Avaliação de InterfacesQuestionários

• Como resultado espera-se obter dados com mínimo de distorção possível;• Podem ser definidos como listas impressas com questões abertas ou fechadas.

feedback para os usuários

Princípios de Usabilidade > Algumas Técnicas


Avaliação de InterfacesCardsorting

• Validar a organização da informação;• Validar a nomenclatura utilizada;• Podem ser abertos ou fechados.

exemplifica o modelo mental do usuário



Avaliação de InterfacesFocus Group

• Opinião e sentimento do usuário;• Podem ser utilizados no início do processo ou para validação;• Não é um teste de usabilidade;• Avalia conceitos e identifica problemas.

exemplifica o modelo mental do usuário


Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > Vantagens

Vantagens da Usabilidade

• Melhora a comunicação;• Permite que determinada tarefa seja concluída de maneira fácil;• Diminuição da evasão de usuários;• Aumento na eficiência.

Vantagens que Afetam o Custo x Investimento

• Menor custo de treinamento;• Retenção de consumidores;• Menor custo de manutenção;• Menor custo de desenvolvimento.

Especialista em Usabilidade e Avaliação de Interfaces Princípios de Usabilidade > Vantagens

Obrigado ;[email protected]

palestra - princípios de usabilidade

Technology