O processo de Design de Interação
1
Design de Interação
Introdução
• Atividades Básicas do Design de Interação
• Características-chave do Processo de Design de Interação
Modelos de ciclo de vida • Ciclo de Vida Simples para o DI
• Ciclo de Vida Estrela
• Ciclo de Vida da Engenharia da Usabilidade
• Requisitos Funcionais
• Requisitos de Dados
Identificando necessidades e • Requisitos Ambientais
estabelecendo requisitos • Requisitos do Usuário
• Requisitos de Usabilidade
Modelos de ciclos de vida
3
Design de Interação
Introdução
• Sabemos que o design é uma atividade prática e criativa e que depende muito
do talento/esforços individuais.
Imagem: Shutterstock
Design de Interação
Introdução
• Então, será que podemos construir sistemas interativos de maneira ad hoc?
• Utilizando apenas a intuição?
• Sem seguir nenhum modelo de processo de desenvolvimento?
• Sem preocupações relacionadas as atividades que devem ser realizadas?
• Sem planejamento?
Design de Interação
Introdução
• O ato de projetar ou realizar design envolve fundamentalmente o conhecimento
sobre o seu uso e domínio-alvo;
• Precisamos ter conhecimento sobre o que se quer do sistema -> Requisitos
• Quem pode nos dizer estes requisitos?
• Usuários e clientes;
• E quando se tratar de um novo produto, quem vai nos dizer tais requisitos?
Design de Interação
Introdução
• Exemplos de Requisitos:
• O site deve conter uma página com um formulário para contato;
• O site deve conter uma página com as perguntas mais frequentes;
• O portal deve permitir o cadastro de clientes;
• O site deve conter uma página com as últimas notícias;
• Etc.
Design de Interação
Introdução
• O ato de projetar ou realizar design envolve também:
• Restrições materiais, financeiras, de recursos humanos, etc.;
• A construção de designs alternativos;
• Gerar várias opções de design;
• Gerar vários esboços preliminares;
“To get a good idea, get lots of ideas”
(Marc Rettig, 1994)
Design de Interação
Atividades básicas do Design de Interação
• 04 Atividades:
1. Identificar necessidades e estabelecer requisitos;
2. Desenvolver designs alternativos para atender os requisitos;
3. Construir versões interativas;
4. Avaliar as versões.
Design de Interação
Atividades básicas do Design de Interação
1. Identificar as Necessidades do Produto e Estabelecer Requisitos
– Necessidades do produto:
• Tudo aquilo que o produto deve fazer para dar suporte às atividades das
pessoas;
• Por isso, devemos conhecer nossos usuários (público-alvo);
– Estabelecer Requisitos
• Documentar formalmente tais necessidades;
Design de Interação
Atividades básicas do Design de Interação
2. Desenvolver Designs Alternativos para Atender os Requisitos
– Esta é atividade central do design;
– Isto é, sugerir ideias que atendam aos requisitos;
– Pode ser dividida em 02 subatividades:
• Desenvolver design conceitual;
• Desenvolver design físico;
Design de Interação
Atividades básicas do Design de Interação
2. Desenvolver Designs Alternativos para Atender os Requisitos
– Design Conceitual
• Modelos/Diagramas/Textos que descrevem o que o produto deve fazer,
como deve se comportar e com o que deve parecer;
– Design Físico
• Modelos/Diagramas/Imagens que descrevem o produto incorporando
detalhes como cores, sons, imagens, projeto do menu, etc.
Design de Interação
Atividades básicas do Design de Interação
3. Construir Versões Interativas
– Construção de versões com as quais os usuários possam interagir;
– Por exemplo:
• Protótipos em papel;
• Protótipos funcionais;
Design de Interação
Atividades básicas do Design de Interação
4. Avaliar as Versões
– Processo para determinar a usabilidade e aceitabilidade do produto final ou de
uma versão (design);
– Pode ser mensurado a partir de diversos critérios:
• Nº de erros cometidos pelos usuários;
• Tempo de execução das tarefas;
• Se o produto atende aos requisitos;
• Se o produto é atraente;
• Dentre outros.
Design de Interação
Características chave do processo de DI
• 03 características-chave:
• Foco no usuário
• Critérios de usabilidade específicos
• Iteração
Imagem: Shutterstock
Design de Interação
Características chave do processo de DI
• 03 características-chave:
• Foco no usuário
• O Processo de Design de Interação não pode garantir a participação dos
usuários;
• Isso depende da equipe de desenvolvimento, da empresa, e de uma série
de outros fatores;
• No entanto, o processo pode encorajar a participação dos usuários;
• Através de atividades, técnicas, métodos que envolvam os usuários;
Design de Interação
Características chave do processo de DI
• 03 características-chave:
• Critérios de usabilidade específicos
• Os critérios de usabilidade devem ser identificados, documentados e
acordados no início do projeto
• Auxiliará os designers a escolherem entre diferentes alternativas de
design;
• Auxiliará os designers na avaliação das versões do produto;
Critérios de Usabilidade ≠ Metas de Usabilidade
Imagem: Shutterstock
Design de Interação
Características chave do processo de DI
• 03 características-chave:
• Iteração
• Permite refinar o design com base no feedback (opinião) dos usuários
• Assim, ideias diferentes irão surgir ao longo do processo;
Cuidado! iteração ≠ iNteração
Imagem: Shutterstock
Design de Interação
O processo de Design de Interação
• Alguns questionamentos...
• Quem são os usuários?
• O que são necessidades?
• Como criar designs alternativos?
• Como escolher uma alternativa de design?
Imagem: Shutterstock
Design de Interação
O processo de Design de Interação
• Quem são os usuários?
• Atividade Básica Estudada:
• Identificar as Necessidades do Produto e Estabelecer Requisitos
• Só teremos condições de fazer esta atividade se conhecermos nossos
usuários;
• Ou seja, quem devemos consultar para identificar as necessidades e
estabelecer os requisitos? Os usuários!!!
Design de Interação
O processo de Design de Interação
• Quem são os usuários?
• Definição mais simples/óbvia:
• São aqueles indivíduos que interagem diretamente com o produto;
• Definição mais ampla/completa:
• São aqueles que:
• gerenciam usuários diretos;
• recebem produtos do sistema (por exemplo, relatórios);
• testam o sistema;
• tomam decisões de compra;
• utilizam produtos concorrentes.
Design de Interação
O processo de Design de Interação
• Quem são os usuários?
• Usuários Primários
• Usuários frequentes do sistema;
• Usuários Secundários
• Usuários ocasionais ou que utilizam o sistema por meio de um
intermediário;
• Usuários Terciários
• Usuários que terão influência na compra.
Design de Interação
O processo de Design de Interação
• Quem são os usuários?
• Além dos usuários, outros indivíduos também terão participação (stake) no
desenvolvimento de um produto:
• São os stakeholders;
• Stakeholders:
• Indivíduos ou organizações que serão afetados pelo sistema e que
possuem influência direta ou indireta nas necessidades do sistema.
Design de Interação
O processo de Design de Interação
• Quem são os usuários?
Stakeholders
• Stakeholders
• Usuários diretos e indiretos;
• Clientes;
Usuários
• Gerentes;
• Organizações concorrentes;
• Pessoas que perderão emprego por causa deste novo produto;
• Etc.
Design de Interação
O processo de Design de Interação
• Quem são os usuários?
• Stakeholders
Cuidado! Não se sugere o envolvimento de todos os
stakeholders numa abordagem centrada no usuário;
Mas é importante identificá-los;
Imagem: Shutterstock
Design de Interação
O processo de Design de Interação
• O que são necessidades?
• Basta perguntarmos aos usuários quais são suas necessidades?
• “Usuário, do que você precisa?”
• Às vezes, eles não sabem o que é possível construir
• Necessidades nunca antes imaginadas...
Imagem: Shutterstock
Design de Interação
O processo de Design de Interação
• O que são necessidades?
• As capacidades dos usuários podem afetar o design:
• Grau de instrução;
• Experiência de uso.
• Se o produto for uma nova invenção, será difícil identificar usuários para tal
produto
Design de Interação
O processo de Design de Interação
• Como criar designs alternativos?
• A tendência do ser humano é apegar-se a algo que já existe e funciona bem;
• Mas não podemos deixar de considerar outras boas alternativas;
• Além do uso da criatividade do designer...
• Observar vários designs inspira os designers a considerar outras perspectivas e
soluções alternativas;
• Normalmente, as inovações surgem a partir da junção de várias ideias de
aplicações/produtos distintos;
Design de Interação
O processo de Design de Interação
• Como escolher uma alternativa de Design?
• Escolher alternativas de design significa tomar decisões;
• Questionamentos:
• A entrada de dados será via teclado ou tela sensível ao toque?
• Uma função de salvamento automático será disponibilizada?
• Faremos uso abundante de cores ou não?
• Faremos uso abundante de imagens ou não?
Design de Interação
O processo de Design de Interação
• Existe um modelo único?
• Não.
• Projetos simples com envolvimento de poucos desenvolvedores:
• Mais adequado o uso de um modelo de ciclo de vida mais simples;
• Projetos maiores com envolvimento de dezenas e centenas de
desenvolvedores e de usuários:
• Um processo simples não vai conseguir estruturar e disciplinar o
desenvolvimento;
Design de Interação
Modelos de ciclo de vida
• Ciclo de vida simples
• Proposto por Preece, Rogers & Sharp (2005);
• Baseado nos modelos de ciclo de vida da engenharia de software e nos
ciclos de vida de IHC;
• Incorpora a iteração e possui foco centrado no usuário (características-
chave);
• A especificação dos critérios de usabilidade é contemplado na atividade
de identificar necessidades e estabelecer requisitos (3ª característica-
chave);
Design de Interação
Modelos de ciclo de vida
• Ciclo de vida simples
Identificar
necessidades/
estabelecer requisitos
(Re) Design Avaliar
Construir uma
Produto Final
versão interativa
Design de Interação
Modelos de ciclo de vida
• Ciclo de vida estrela
• Atividades interconectadas e sem ordem pré-definida;
• Para passar de uma atividade para outra tem que obrigatoriamente fazer
Avaliação;
Design de Interação
Modelos de ciclo de vida
• Ciclo de vida estrela
Análise das
Implementação Tarefas/ Análise
Funcional
Avaliação
Projeto Conceitual/ Requisitos/
Prototipação Representação Especificação
Formal do Design
Design de Interação
Modelos de ciclo de vida
• Ciclo de vida estrela
• Não foi amplamente utilizado nem obteve muito sucesso junto a grandes projetos
em empresas por ser muito flexível;
• Não permite aos desenvolvedores e gerentes ter uma visão geral do esforço de
desenvolvimento, de forma que:
• o progresso possa ser rastreado;
• as metas, especificadas;
• os recursos, alocados;
• etc.
Design de Interação
Modelos de ciclo de vida
• Qual a importância de termos um processo?
• Permite à equipe ter uma visão macro/global do desenvolvimento
• Permite aos gerentes um melhor acompanhamento das atividades
• Estrutura e disciplina as atividades de desenvolvimento
• Encoraja a realização de atividades-chave para o sucesso do projeto:
• Focar no usuário, prototipar, iterar, realizar avaliações, etc.
Imagem: Shutterstock
Identificando necessidades e estabelecendo requisitos
37
Design de Interação
Requisitos
• Já aprendemos que a primeira atividade no processo de desenvolvimento de um
produto interativo é a identificação das Necessidades e Estabelecimento dos
Requisitos;
• Ou seja, as necessidades, as aspirações e as expectativas dos usuários devem ser
investigadas, discutidas, esclarecidas.
• Para isso, exige-se um entendimento dos usuários e de suas capacidades, suas tarefas
e metas, as condições de uso do produto e as restrições de desempenho do produto.
Design de Interação
Requisitos
• 1º Objetivo: Identificar as necessidades
• Entender os usuários, suas atividades e o contexto de uso/de trabalho;
• 2º Objetivo: Estabelecer os requisitos
• Produzir um conjunto de requisitos estáveis para passar para o design;
• Requisitos estáveis quer dizer que não sofrerão alterações radicais durante o
desenvolvimento;
Imagem: Shutterstock
Design de Interação
Requisitos
• Identificar necessidades e estabelecer requisitos
• Por que é importante?
• Pesquisas apontam que a definição de necessidades falha e o
estabelecimento de requisitos pouco claros são as principais causas de
fracasso nos projetos;
• Outros termos utilizados:
• Coleta de requisitos, captura de requisitos, elicitação de requisitos, análise
de requisitos e engenharia de requisitos;
Design de Interação
Requisitos
• O que é um requisito?
• Consiste em uma declaração sobre um produto que especifica o que ele deveria fazer
ou como deveria operar.
• Os requisitos devem ser únicos, claros e não-ambíguos;
• Exemplo:
• O tempo de download de uma página não deve ser superior a 5 segundos.
Design de Interação
Requisitos
• Preciso comprar um sofá, quais os
requisitos que quero encontrar
neste sofá?
Imagem: Shutterstock
• Preciso de um liquidificador, quais
os requisitos que quero encontrar
neste liquidificador?
Imagem: Shutterstock
Design de Interação
Requisitos
• Tipos:
• Requisitos Funcionais
• Requisitos de Dados
• Requisitos Ambientais
• Requisitos do Usuário
• Requisitos de Usabilidade
Imagem: Shutterstock
Design de Interação
Requisitos
• Requisitos Funcionais:
• Descrevem aquilo que o produto deve fazer;
• Por exemplo:
• A geladeira inteligente deve informar quando a gaveta de carnes estiver
vazia;
• O site deve permitir vendas com cartão de crédito e boleto bancário;
• O portal de notícias deve permitir que leitores cadastrem-se para
receberem uma newsletter diária com as principais notícias;
Design de Interação
Requisitos
• Requisitos de Dados:
• Todo produto interativo lida com dados.
• Descrevem o tipo, volatilidade, tamanho, precisão e valor dos dados exigidos.
• Por exemplo:
• O termômetro eletrônico deve apresentar a temperatura lida em graus
Celsius com precisão de 1 casa decimal (e.g., 36,5º C);
• Os dados do sistema bancário devem ser precisos e persistir no sistema
por 5 décadas;
Design de Interação
Requisitos
• Requisitos Ambientais:
• Descrevem as circunstâncias nas quais o produto irá funcionar;
• 4 aspectos do ambiente devem ser considerados:
• Ambiente Físico:
• Presença/ausência de barulho, luz, poeira, roupas especiais para os
usuários, etc.
• Por exemplo, o uso de interação via voz em ambientes barulhentos é
adequado?
Design de Interação
Requisitos
• Requisitos Ambientais:
• Descrevem as circunstâncias nas quais o produto irá funcionar;
• 4 aspectos do ambiente devem ser considerados:
• Ambiente Social:
• Aspectos sociais do design de interação, tais como colaboração e
coordenação;
• Por exemplo, os dados serão compartilhados entre os usuários?
• Por exemplo, usuários colaboradores precisarão comunicar-se a distância?
Design de Interação
Requisitos
• Requisitos Ambientais:
• Descrevem as circunstâncias nas quais o produto irá funcionar;
• 4 aspectos do ambiente devem ser considerados:
• Ambiente Organizacional:
• Haverá suporte organizacional para o produto?
• Há recursos para treinamento?
Design de Interação
Requisitos
• Requisitos Ambientais:
• Descrevem as circunstâncias nas quais o produto irá funcionar;
• 4 aspectos do ambiente devem ser considerados:
• Ambiente Técnico:
• Quais tecnologias o produto utilizará?
• Com quais tecnologias precisará ser compatível?
Design de Interação
Requisitos
• Requisitos do Usuário:
• Descrevem as características do grupo de usuários do produto;
• Descrevem o perfil dos usuários;
• Por exemplo:
• A grande maioria dos usuários estão na faixa etária acima dos 50 anos e
possuem pouca familiaridade no uso de sistemas informatizados;
Design de Interação
Requisitos
• Requisitos de Usabilidade
• Descrevem as metas e critérios de usabilidade;
• Metas: Eficácia, eficiência, segurança, utilidade, capacidade de aprendizagem e
capacidade de memorização;
• Por exemplo:
• As mensagens de erro do sistema devem ser diferenciadas sonoro e
visualmente de outros tipos de mensagens;
• Qualquer página do site deve ser encontrada em no máximo 5 cliques;
Design de Interação
Requisitos
• Exemplo 01:
• Vamos sugerir requisitos para um sistema a ser implantado num restaurante self-service
da universidade e que permita aos usuários pagar a própria refeição utilizando o cartão
de crédito.
Imagem: Shutterstock
Design de Interação
Requisitos
• Exemplo 1:
• Requisitos Funcionais:
• O sistema deve calcular o custo total do almoço;
• O sistema deve imprimir um recibo com os itens consumidos;
• Requisitos de Dados:
• O sistema deve ter acesso ao preço de cada produto do restaurante;
• As vendas registradas no sistema devem permanecer, no mínimo, por 5 anos na
base de dados;
Design de Interação
Requisitos
• Exemplo 1:
• Requisitos de Usuário:
• Usuários concentram-se principalmente na faixa etária dos 18 aos 25 anos;
• Usuários possuem boa familiaridade com uso de sistemas informatizados;
• Requisitos Ambientais:
• Os usuários estarão, provavelmente, carregando uma bandeja durante o
pagamento;
• Os usuários estarão, provavelmente, com pressa;
• O ambiente físico será barulhento e cheio de pessoas
Design de Interação
Requisitos
• Exemplo 1:
• Requisitos de Usabilidade
• O sistema deve ser simples para que novos usuários possam utilizá-lo sem
dificuldades;
• O sistema deve ser rápido o suficiente para que o usuário não se canse (lembre-
se que ele está de pé e segurando uma bandeja);
Design de Interação
Requisitos
• Modelo de especificação de Requisitos:
Design de Interação
Requisitos
• Ferramentas de especificação de Requisitos:
Design de Interação
Conclusão da Unidade II
Imagem: Shutterstock
Obrigado!
[Link]@[Link]