Design de Interação - SECOMP 2011

Design de Interação ++
Métodos e técnicas essenciais para
Desenvolvedores projetarem artefatos
tecnológicos mais humanos.

Douglas Schmidt
Paulo Ferreira

quinta-feira, 15 de setembro de 11

O que é Design?


elaboração processo

planos criatividade

projética
concepção
forma

técnica
especiﬁcação
arte
projeto


O que é Interação?


Na Visão da Computação

Troca de informação entre o usuário e o
sistema

A qualidade/quantidade de
interação oferecida por um sistema

Ciclo de interferências mútuas


Na visão do Design

Ação mediada por artefatos

Controle da mediação pelo projeto do
artefato

Interação pessoa-objeto, PESSOA-
PESSOA e pessoa-mundo


O Design de Interação tem raízes na
compreensão das pessoas e seus verdadeiros
objetivos e necessidades. Através de práticas
do Design Centrado no Usuário o Designer
de Interação busca criar produtos e serviços
que tragam uma experiência de uso melhor
e mais agradável e que atenda da melhor
forma os desejos dos usuários.


Porque se preocupar com
Design de Interação?


Design Centrado no Sistema

Maximizar E ciência

Demonstrar Habilidades
Técnicas

Muita Exigência do Usuário

Modelo mental do Jargões
desenvolvedor

Design Centrado no Designer

Depende de Inspiração

Expressão Pessoal

Preferências Pessoais

Perfeccionismo e Egocentrismo


http://kalendiar.lenm.cz/

Design Centrado no Usuário

Entender a característica irracional humana

A participação do Usuário no processo

Usuário como Objeto de Pesquisa


Design Emocional

Não se esqueça dos sentimentos

A Diversão como Método


Piano Stairs

http://thefuntheory.com/

Bottle Bank Arcade

http://thefuntheory.com/

Cognitive Bias

Ou “Viés Cognitivo”
Um tipo de Distorção na Forma de Pensar

Nossa razão é irracional!
Nós pensamos diferente das máquinas!


Dan Ariely

http://bit.ly/mVGGAE

Entendendo o
Cognitive Bias no UX

http://slidesha.re/nx1cRg

Efeito Negativo: Ruim é mais forte que Bom.

Não importa o quão boa é a experiência,
o usuário vai prestar mais atenção na
parte ruim. Mesmo que sejam só 5% do
todo.

Em caso de erro:
Deixe claro o problema;
Aponte o próximo passo para a correção.


Distinção e Contraste: O fantasma da escolha.

Opções apresentadas juntas mostram
mais contraste entre sí, e opções muito
discrepantes podem alterar a percepção
de outras.

Se você quer dar mais ênfase a uma
opção fraca, coloque junto a ela outra
mais fraca ainda!


Compromisso: Erramos e persistimos errando.

As pessoas tendem a persistir em uma
ideia ou conceito, mesmo que errada.
Temos um compromisso com nossas
decisões anteriores.

Mesmo que aconteça um erro, passe a
ideia de continuidade, prossiga com a
correção!


Informação: Penso, logo decido.

Tendemos a dar muita atenção a
informação para nos ajudar a decidir
uma questão. Mesmo quando ela não é
pertinente ao nosso objetivo.

Informação demais deixa a interface
menos e ciente. Mantenha visível só o
que for relevante no momento!


Consistência: O clichê chique

Quando nos deparamos com uma coisa
nova, usamos conhecimentos anteriores
para explicar o que vemos.

Por isso é importante manter consistência
com alguns padrões pré-estabelecidos,
como botões


Comprar

Comprar

Sabemos como as coisas devem parecer

Interfaces


Não são só as telas de um site ou
aplicativo, Interface é toda camada que
facilita uma interação, tanto entre
Pessoa-Máquina, Pessoa-Pessoa e até
Máquina-Máquina.


O Processo de Design


Levantamento de dados
Briefing
Reconhecimento do problema

Estudo de similares

Definição de conceito

Senso Geração de alternativas

Comum Definição de solução

Adequação da alternativa

Teste com usuários Adequação

Apresentação ao cliente

Aprovação Não aprovação

Produção

Geração de Ideias


Geração de Ideias

Requisitos


Geração de Ideias

Requisitos

Protótipos


Geração de Ideias

Requisitos

Protótipos

+ Protótipos


Geração de Ideias

Requisitos

Protótipos

+ Protótipos

Solução


Processo
de Ideação


CASES


IDEO
A low-cost PC for Positivo

http://bit.ly/oQlTNO

Frog
Digital Retail

http://bit.ly/olZu6g

Cooper
litl webbook

http://bit.ly/nfwn4l

Kevin Cannon
Little World

http://bit.ly/n5hRpT

Pesquisa
Os porquês e os métodos.

A primeira fase do projeto.

Porque vivemos em um mundo diverso.

Porque nossos contextos de vida são diferentes.

Para criarmos soluções mais Humanas.

Métodos
Questionários e entrevistas.


Pesquisas Quantitativas precisam de
uma amostra considerável e
homogênea. Mostram melhor as
tendências.
As Qualitativas buscam um
entendimento maior do comportamento
humano e não precisam de amostras
estatísticas.


Etnogra a Visual


Observação


A Observação é uma imersão em uma
cultura alienígena. Podemos usar de
fotogra as, videos e anotações para
depois tirar ideias interessantes para o
projeto.


Sondas Culturais


Em contextos mais pessoais onde a
observação é inviável ou difícil, usam-se
aparatos simples que a própria pessoa
usa para fazer registros.


Do not disturb é um projeto que investiga
a solidão em grandes cidades. O designer
mandou uma caixa com perguntas sobre
os momentos, lugares em que as pessoas
se sentiam incomodadas nas cidades e
quais partes do corpo eram afetadas.


Focus e Un-Focus Groups


Em um grupo de Foco reúnem-se pessoas
que compartilham de um interesse para
discutir abertamente sobre um tema. As
informações obtidas tem profundidade e
personalidade.


Similar ao anterior, mas com um grupo
com diferenças culturais bruscas. O
choque de cultura gera discussões
pertinentes a projetos mais amplos.


Frog
Mobile Computing

http://bit.ly/pWLKNM

Ideação

brainstorm
Personas
divergir para convergir
construir ideias em cima das
ideias anteriores
evitar advogados do diabo


Amanhã

Prototipação

Testes


Design de Interação - SECOMP 2011

Mais conteúdo relacionado

Mais procurados

Destaque

Semelhante a Design de Interação - SECOMP 2011

Último

Design de Interação - SECOMP 2011