Interação Humano e Computador. Prof. Marcia Pereira

(1)

Interação Humano e Computador

Prof. Marcia Pereira

(2)

Conteúdo

•

Personas

•

Cenários

•

Usando cenários ao longo do design

• Histórias

• Cenários Conceituais

• Cenários Concretos

• Casos de uso

•

Um método de design baseado no cenário

• Requisitos de problemas

• Corpus de cenários

• Modelo Conceitual

• Linguagem de design

• Documentando cenários

IHC - Prof. Marcia Pereira O processo do design de sisemas centrado no humano

2

(3)

Personas

•

São representações concretas dos diferentes tipos de pessoas para as quais o sistema ou serviço está sendo projetado.

Cenário

Contexto

Atividade

Pessoa

Nome, interesses, tarefas, metas e aspirações

3

(4)

Cenários

São histórias sobre pessoas realizando

atividades em contextos, usando

tecnologia

4

(5)

Usando cenários

•

São uma técnica fundamental para o design de sistemas interativos

•

São uteis para

entendimento, antecipação, avaliação dos designs (conceitual e físico), ou seja os quatro estágios-chave.

•

Quatro tipos de cenário:

1. Histórias

2. Cenários conceituais:

• Descrições mais abstratas das quais detalhes foram retirados

3. Cenários concretos

• São gerados a partir dos abstratos acrescentando decisões de design e tecnologias específicas

4. Casos de uso

5

(6)

Usando Cenários ao Longo do Design

6

Cenários Conceituais Abstração

Especificação de restrições de

design

Formalização do design

Histórias Cenários

Concretos Casos de Uso

Servem para entender o que as pessoas fazem e o que querem

Servem para gerar ideias e especificar requisitos

Servem para antecipar ideias e para avaliação

Servem para especificação e implementação

(7)

Usando Cenários ao Longo do Design

•

1. Histórias

• Experienciais reais, ideias, fatos curiosos e conhecimentos das pessoas

• Obter:

• Vídeos, registros diários, fotografias, documentos , resultados de observações e entrevistas etc.

• Ajudam a compreender fragmentos de atividades e contextos nos quais ocorrem.

• São mais ricas de detalhes aparentemente triviais do que se obtidas no modo formal.

7

Qual é a sua história?

(8)

Usando Cenários ao Longo do Design

•

Exemplo: história de alguém descrevendo o que aconteceu na última vez em que marcou uma consulta com o médico.

8

Eu precisava marcar uma consulta para Luiza, minha caçula. Não era urgente – ela vinha tendo muita dor de ouvido sempre que ficava resfriada – mas eu queria consultar o Dr. Geraldo, porque ele se dá muito bem com crianças. E é claro teria que ser quando a Luiza não estivesse em aula e eu pudesse faltar no trabalho. Liguei para a clínica e a recepcionista me disse que o próximo horário disponível com o Dr. Geraldo seria na terça-feira a tarde. Isso não seria bom porque terça-feira à tarde é um dos meus dias mais ocupados e então perguntei qual seria o horário seguinte. A recepcionista disse quinta-feira de manhã. Luiza acabaria chegando tarde à escola, mas concordei porque eles pareciam muito ocupados – ao fundo um outro telefone não parava de tocar e eu mesma estava com pressa. Foi difícil sugerir um horário melhor sem saber quais ainda estavam livres.

(9)

Usando Cenários ao Longo do Design

•

2. Cenários Conceituais

• São mais abstratos do que as histórias

• Úteis para gerar ideias do design e para o entendimentos dos requisitos

• Não usa especificação de tecnologias ou de como as funções serão proporcionadas

9

Uma vez que o designer tenha acumulado uma série de histórias, elementos comuns começarão a surgir. Neste caso, uma série de histórias como a mostrada anteriormente , resultou no cenário conceitual a seguir, que descreve alguns requisitos de um sistema computadorizado para marcar horários.

Marcando um horário:

Pessoas com conhecimento básicos de informática poderão entrar em contato com a clínica em qualquer momento, pela Internet para ver que horários estão livres para cada médico.

Elas podem marar o horário e receber uma confirmação da consulta.

(10)

Usando Cenários ao Longo do Design

• 3. Cenários Concretos

• Cada cenário conceitual pode gerar vários cenários concretos =>

úteis para explorar questões mais específicas

• Quando os designers estão trabalhando em um problema ou questão particular, frequentemente identificam alguma característica que se aplica somente sobre determinadas circunstâncias.

• Iniciam a definição do design de uma interface em particular o de uma determinada alocação de funções entre as pessoas e os dispositivos

• Úteis na prototipação e antecipação das ideias de design e para avaliação, porque eles são mais explícitos quantos alguns aspectos de tecnologia

10

(11)

Usando Cenários ao Longo do Design

• Exemplo: tomadas algumas decisões quanto a utilização de alguns menus drop down, quanto ao fato de que os detalhes das próximas duas semanas têm de ser mostrados e assim por diante. No entanto, as notas que acompanham o cenário mostram que muitas decisões

de design ainda têm de ser tomadas. ^IH

C - Prof. Marcia Pereira O processo do design de sisemas centrado no humano

11

Marcando consulta/01

Adriana Silveira precisa marcar um consulta médica para sua filha caçula Luzia, por volta da próxima semana. A consulta deve ser fora do horário escolar, fora dos horários de pico de trabalho de Adriana e preferencialmente com o Dr. Geraldo, que é pediatra. Adriana usa um PC e a Internet no Trabalho de forma que não tem dificuldades para acessar o sistema de marcação de horários. Ele faz o login[1] e, a partir de uma série de caixas drop down, pede que sejam mostrados os horários livres do Dr. Geraldo [2] nas próximas duas semanas [o cenário continuaria a descrever como Adriana marca a consulta e recebe a confirmação].

Observações sobre marcando uma consulta.

1. O login é necessário? Provavelmente, desencorajar trotes no acesso ao sistema, mas checar com o cliente.

2. Os horários livres podem ser organizados por médico, por hora do dia ou pelo próximo horário livre. As caixas drop down pouparão espaço na tela, mas podem apresentar problemas para usuários menos experientes ou que tenham algum problema de visão.

(12)

Usando Cenários ao Longo do Design

•

4. Casos de uso

• Descreve a interação entre pessoas (ou outros atores) e dispositivos.

• Como o sistema é usado e, portanto, precisa descreve o que as pessoas fazem e o que o sistema faz

• Antes que os casos de uso possam ser especificados, tarefas e funções têm de ser alocadas para os seres humanos ou para os dispositivo.

12

(13)

Método de design baseado no cenário

13

Abstração

Especificação de restrições

de design

Formalização do design

Histórias Cenários

Concretos Casos de Uso Cenários

Conceituais

Requisitos e problemas

Corpus do cenário

Design Conceitual

Design físico Modelo

Conceitual Linguagem de

design

Entendimento

O que as pessoas fazem.

Geração de ideias e especificação de

requisitos

Prototipação Antecipação

Avaliação

Especificação

(14)

Método de design baseado no cenário

•

É o uso de diferentes tipos de cenários ao longo do design

•

Além dos quatro tipos de cenários (história, cenário conceitual, cenário concreto e caso de uso) outros artefatos são produzidos:

1. Requisitos ou problemas 2. Corpus do cenário

3. Modelo de objeto 4. Linguagem de design

14

Para marcar uma consulta:

Vá a home page dos médicos Digite o nome de usuário e senha Escolha as consultas de um

determinado médico

Verifique as datas disponíveis Digite o nome do paciente Clique em ok.

(15)

Método de design baseado no cenário

•

1. Requisitos e problemas

• Ocorre entre os processos de análise e abstração, gerando várias questões e dificuldades

• Estabelece uma lista de requisitos – qualidades ou funções que qualquer novo produto ou sistema deve ter.

15

(16)

Método de design baseado no cenário

•

Corpus de cenários

• Conjunto de cenários, representativos e cuidadosamente pensado

• Histórias de usuários, importantes para definir a visão abstrata e de alto nível das principais atividades que o produto deverá suportar.

16

(17)

Método de design baseado no cenário

•

3. Modelo Conceitual

• Modelo de objeto ou de dados resulta do processo de modelagem conceitual, incluindo desenvolvimento dos cenários e entendendo os objetos e ações evidentes a partir da análise do corpus de cenário

• Parte importante e muitas vezes negligenciada.

17

(18)

Método de design baseado no cenário

•

4. Linguagem de design

• Define os elementos chave do design (como uso da cor, estilo e tipos de botões, controles deslizantes e outros widgets etc

• Consiste de um conjunto de padrões normais de interação e de todos os atributos físicos de um design – cores, formas, ícones e assim por diante.

• Eles são todos reunidos em ações e objetos conceituais e, assim, a apresentação do design fica completa.

18

Um widget é um componente de uma interface gráfica do usuário (GUI), o que inclui janelas, botões, menus, ícones, barras de rolagem, etc..

Outro emprego do termo são os widgets da área de trabalho, pequenos aplicativos que flutuam pela área de trabalho e fornecem funcionalidade específicas ao utilizador (previsão do tempo, cotação de moedas, relógio,...)

(19)

Documentos de cenários

•

É necessário organizar a estrutura, para controlar

•

Podemos usar o PACT, para criticar cenários e estimular designers a obter boa descrição do cenário.

•

Para cada cenário o designer deverá identificar e listar:

• As pessoas envolvidas

• As atividades realizadas

• As tecnologias utilizadas

• Descrições do cenários

• Introdução

• História

• Autoria

• Argumentação para o cenário

• Numeração dos parágrafos

19

(20)

Desafio

•

Considere os processos pelos quais você teria de passar se fosse abrir uma empresa de serviços em um dos cômodos da sua casa.

•

Especifique cada um dos itens a seguir:

• Trabalhe o design conceitual

• Design Físico

• Alguns requisitos

• Um protótipo ou outra solução de antecipação

20

(21)

Atividade

•

Você está recebendo um cliente em sua nova loja de atendimento.

•

Escreva a sua história associada a sua problemática

•

Faça a abstração do cenário conceitual a partir dessa experiência, retirando os detalhes contextuais e outros detalhes sobre a interface especifica para a tecnologia.

•

Pense na solução do problema e gere um cenário concreto

•

Especifique com o caso de uso

21