perfil do usuário, personas, cenários, storyboard em ihc
TRANSCRIPT
![Page 1: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/1.jpg)
ERGONOMIA
INFORMACIONAL E IHCInteração Humano-Computador
Rosendy Jess Fernandez Galabo
@zndgalabo
![Page 2: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/2.jpg)
Atividades básicas do design de IHC
![Page 3: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/3.jpg)
PESQUISA DE USUÁRIOO que estudam, qual idade, o que sabem, como vivem?
Hoje! No Globo Repórter
![Page 4: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/4.jpg)
![Page 5: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/5.jpg)
Passos básicos de uma pesquisa de
usuários (UNGER e CHANDLER, 2009)
1. Defina os seus grupos de usuários primários – Isso
envolve a criação de uma estrutura que descreve os
principais tipos de usuários para quem você está
projetando.
2. Planeje o envolvimento do usuário – Isso inclui a
escolha de uma ou mais técnicas de envolvimento de
grupos de usuário na pesquisa.
3. Conduza a pesquisa
4. Valide as definições do seu grupo de usuário –
Solidificar o modelo de grupos.
5. Crie requisições de usuário – São declarações dos
recursos e funções que o projeto pode incluir
![Page 6: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/6.jpg)
Técnicas para coleta de dados
• Entrevistas
• Questionários
• Estudos de campo e
investigação
contextual
• Grupos de foco
• Teste de usabilidade
![Page 7: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/7.jpg)
Defina os seus grupos de usuários (UNGER e CHANDLER, 2009)
• Uma maneira de começar é criar uma definição
inicial ou provisória dos usuários para os
quais você estará projetando. Isso descreve os
grupos de usuários primários do seu site, que
podem ajudá-lo a focar nos esforços da sua
pesquisa para os papéis
certos, a demografia ou outras
variáveis que podem ter um
impacto sobre como será a
experiência dos usuários em
seu site.
![Page 8: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/8.jpg)
Defina os seus grupos de usuários (UNGER e CHANDLER, 2009)
Passos básicos para definir os seus grupos de usuário
1. Crie uma lista de atributos que o ajudarão a definir os
diferentes usuários do seu site
2. Discuta os atributos com aqueles na empresa que
têm contato com os tipos relevantes de usuários
3. Priorize os atributos que parecem ter o maior impacto
sobre o porquê e como um usuário potencial usaria o
seu site ou aplicação.
4. Defina os grupos de usuário que focarão na pesquisa
e no design
![Page 9: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/9.jpg)
Defina os seus grupos de usuários (UNGER e CHANDLER, 2009)
Listar os atributos mais comuns dos usuários que podem ter impacto sobre a experiência do uso do site, tais como:
• Objetivos primários - Por que acessam o site e o que eles estão tentando fazer.
• Papéis – Este pode ser definido de várias maneiras, pode unir os papéis ao objetivo primário, podem ser subdivididos por diferentes necessidades ou estilo.
• Demografia – Incluindo idade, sexo, família (solteiro, casado, filhos), nível salarial e região.
• Experiência incluindo nível educacional – Nível de familiaridade com tecnologias relevantes, nível de conhecimento do assunto e frequência de uso.
• Atributos organizacionais – Tamanho da empresa, tipo de trabalho, estabilidade e os padrões de trabalho
![Page 10: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/10.jpg)
Priorizar e definir
• Quais atributos listados possui maior influênciasobre como e por que diferentes grupos de usuários podem usar o site?
• Focalize nos atributos que terão maior impacto nos objetivos ou no comportamento do usuário.
![Page 11: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/11.jpg)
ORGANIZAÇÃO DO
ESPAÇO PROBLEMAUtilizando representações para o design
Técnicas de análise contextual
![Page 12: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/12.jpg)
Análise dos dados
• Uma parte importante de qualquer método de análise ou
design são os modelos e as representações utilizados
para registrar o que foi aprendido ou definido.
• Existem diversas representações e modelos utilizados
para registrar, organizar, refinar e analisar dados
coletados. (BARBOSA e SILVA, 2010)
• Perfil do usuário
• Personas
• Cenários
• Análise de tarefas
• Análise hierárquica de tarefas
• GOMS
• Árvores de Tarefas Concorrentes
![Page 13: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/13.jpg)
Perfil do usuário (BARBOSA e SILVA, 2010)
• É uma descrição detalhada das características dos
usuários cujos objetivos devem ser apoiados pelo
sistema projetado
• Um perfil de usuário é caracterizado por dados sobre o
próprio usuário, dados sobre sua relação com
tecnologia, sobre seu conhecimento do domínio do
produto e tarefas que deverá realizar utilizando o produto.
• Uma vez que a faixa de respostas para cada uma das
características e a porcentagem de usuários nessa
faixa tiverem sido determinadas, podemos categorizar
seus usuários em grupos, com base em suas
semelhanças.
![Page 14: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/14.jpg)
Personas
• Uma persona é um personagem fictício, arquétipo
hipotético de um grupo de usuários reais, criada para
descrever um usuário típico. (Cooper et. al., 2007)
• É utilizada principalmente para representar um grupo de
usuários finais durante discussões de design, mantendo
todos focados no mesmo alvo. (BARBOSA e SILVA, 2010)
• As personas são definidas principalmente por seus
objetivos, que são determinados num processo de
refinamentos sucessivos durante a investigação inicial
do domínio. (BARBOSA e SILVA, 2010)
![Page 15: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/15.jpg)
Criando Personas
• A “criação” deve estar
baseada nas
informações coletadas
por meio de entrevistas e
questionários junto à
população-alvo do
sistema. (Cybis et. al 2010)
![Page 16: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/16.jpg)
Criando Personas
Para definir uma persona, Courage e Baxter (2005)
enumeram os seguintes elementos característicos:
• Identidade - Nome e sobrenome e dados demográficos
representativos o perfil e incluir uma foto.
• Status – Primário, secundário, stakeholder ou antiusuário
• Objetivos – Quais os objetivos desta persona?
• Habilidades – Qual é sua especialidade?
Educação, treinamento e competências específicas.
![Page 17: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/17.jpg)
Criando Personas
Para definir uma persona, Courage e Baxter (2005)
enumeram os seguintes elementos característicos:
• Tarefas – Quais tarefas básicas e críticas a persona
realiza? Qual é a frequência, importância e duração das
tarefas?
• Relacionamentos – Entender quem a persona se
relaciona, ajuda a identificar outros stakeholders.
• Requisitos – De que a persona precisa: Inclua citações
que ajudam a dar mais vida a essas necessidades.
• Expectativas – Como a persona acredita que o produto
funciona? Como ela organiza as informações no seu
domínio ou trabalho?
![Page 18: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/18.jpg)
![Page 19: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/19.jpg)
http://www.slideshare.net/Zabisco/personas-audience-segmentation-methodology
http://www.zabisco.com/
![Page 20: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/20.jpg)
![Page 21: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/21.jpg)
Individuais
Grupais
Motivacionais
Emocionais
Personas
![Page 22: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/22.jpg)
DA DEFINIÇÃO PARA A
CRIAÇÃOVisualizando, Priorizando e Planejando
![Page 23: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/23.jpg)
Design de IHC
• O design de IHC visa elaborar um modelo conceitual de
entidades e atributos do domínio e do sistema, estruturar
as tarefas e projetar a interação e a interface de um
sistema interativo visando apoiar melhor os usuários
no alcance dos seus objetivos.
• Para isso, podem ser utilizadas diversas
representações, cada qual endereçando uma ou mais
questões de IHC
![Page 24: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/24.jpg)
![Page 25: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/25.jpg)
Cenários de interação
• Cenários são narrativas sobre pessoas realizando uma
atividade para alcançar um ou mais objetivos (Rosson
e Carroll, 2002).
• Os cenários de problemas investigados na atividade de
análise descrevem a situação atual, evidenciando
problemas e oportunidades de melhora
• Os cenários de interação representam intervenções para
endereçar esses problemas e oportunidades.
• Nos cenários de interação são feitas referências a
perguntas exploradas na narrativa.
![Page 26: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/26.jpg)
Storyboard
A técnica é uma a criação
colaborativa de storyboards:
visualizações de cenários
particulares do usuário
esquematizados no papel ou
em um quadro branco durante
uma reunião de brainstorming. O
projetista trabalha, então, a partir
desses esquema para
acrescentar detalhes.
![Page 27: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/27.jpg)
Storyboard
Em uma sessão de storyboard deve-se criar uma lista de
cenários que gostariam de explorar. Para criar o
cenário, devemos considerar as seguintes questões e
trazer as respostas para a sessão:
• Quem é o usuário principal nesse cenário: Que
papel ele está exercendo?
• O usuário escolhido é um usuário pela primeira
vez no site: Se não, ele é um usuário esporádico
ou ele usa o site com frequência?
• Que necessidade imediata levou esse usuário ao
site? O que ele está tentando fazer e por quê?
![Page 28: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/28.jpg)
Storyboard
![Page 29: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/29.jpg)
Referências bibliográficas
• BARBOSA, S.D.J.; SILVA, B.S. Interacao Humano-Computador. Editora Campus - Elsevier, 2010.
• COOPER,A.; Reinamann, R.; Cronin, D. About face 3: The Essentials of Interaction Design. New York, NY: John Wiley & Sons, 2007.
• COURAGE,C.; BAXTER, K. Understanding your users: a practicalguide to user requirements, methods, tools, and techniques. San Francisco, CA: Morgan Kaufmann Publishers, 2005.
• CYBIS, W. A.; BETIOL, A. H.; FAUST, R . Ergonomia e Usabilidade: conhecimentos, métodos e aplicações. 2. ed. São Paulo: NovatecEditora, 2010. 422p.
• ROSSON,M.B.; CARROLL. J.M. Scenario-Based Development ofHumano-Computer Interaction. San Francisco, CA: Morgan Kaufmann Publishers, 2006.
• UNGER, R. CHANDLER, C. O Guia para Projetar UX: A Experiência do Usuário (UX) para projetistas de conteúdo digital, aplicações e web sites. Rio de Janeiro: Alta Books, 2009. 268p.
![Page 30: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/30.jpg)
NA PRÓXIMA AULA...Mapas de site,
Fluxos de Tarefa,
Wireframe
Prototipagem
![Page 31: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/31.jpg)
Wireframe
![Page 32: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/32.jpg)
Mapas de site
![Page 33: Perfil do usuário, Personas, Cenários, Storyboard em IHC](https://reader030.vdocuments.net/reader030/viewer/2022013105/55a9e4591a28ab00738b4686/html5/thumbnails/33.jpg)
Prototipos