design de interação - secomp 2011

Métodos e técnicas essenciais para Desenvolvedores projetarem artefatos tecnológicos mais humanos.

Design de Interação ++

Douglas SchmidtPaulo Ferreira

quinta-feira, 15 de setembro de 11

O que é Design?

planos

concepção

elaboração

especificaçãotécnica

criatividade

processo

projeto

projética

planos

concepção

elaboração

especificaçãotécnica

criatividade

processo

projeto

projética

O que é Interação?

Na Visão da Computação

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

A qualidade/quantidade deinteraçã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?

Modelo mental do desenvolvedor

Design Centrado no Sistema

Maximizar E!ciência

Demonstrar Habilidades Técnicas

Muita Exigência do Usuário

Jargões

Design Centrado no Designer

Depende de Inspiração

Expressão Pessoal

Preferências Pessoais

Perfeccionismo e Egocentrismo

http://kalendiar.lenm.cz/quinta-feira, 15 de setembro de 11

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

http://thefuntheory.com/

Piano Stairs

http://thefuntheory.com/

Bottle Bank Arcade

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 quinta-feira, 15 de setembro de 11

Entendendo oCognitive Bias no UX

http://slidesha.re/nx1cRg quinta-feira, 15 de setembro de 11

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!

Dan Ariely

http://bit.ly/mVGGAE quinta-feira, 15 de setembro de 11

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

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

Reconhecimento do problema

Estudo de similares

Definição de conceito

Geração de alternativas

Definição de solução

Adequação da alternativa

Teste com usuários

Apresentação ao cliente

Aprovação Não aprovação

Produção

Briefing

Adequação

SensoComum

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

http://bit.ly/oQlTNO

A low-cost PC for PositivoIDEO

Digital RetailFrog

http://bit.ly/olZu6g quinta-feira, 15 de setembro de 11

Digital RetailFrog

litl webbookCooper

http://bit.ly/nfwn4l quinta-feira, 15 de setembro de 11

litl webbookCooper

Little WorldKevin Cannon

http://bit.ly/n5hRpT quinta-feira, 15 de setembro de 11

Little WorldKevin Cannon

http://bit.ly/n5hRpT quinta-feira, 15 de setembro de 11

Os porquês e os métodos.Pesquisa

A primeira fase do projeto.quinta-feira, 15 de setembro de 11

Porque vivemos em um mundo diverso.

Porque nossos contextos de vida são diferentes.

Para criarmos soluções mais Humanas.

MétodosQuestioná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.

http://bit.ly/pWLKNM

Mobile Computing

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

Education

o processo do design de interação

orientacao a objetos e design patterns - secomp londrina

princípios de design de interação

secomp 2011 - node.js - introdução

design de interação - cap 01

slides baseados no livro: design de interaÇÃo além da...

facetas do design de interação

o que é isto, a interação? (design de interação)

design da interação

abordagens para design de interação

design de interação e usabilidade

projeto secomp 2014 - finalizado.pdf

introdução ao design de interação

design de interação estratégico

design de interaÇÃo social: um estudo de design de...

apresentacao secomp 2015

design de interação: além das interfaces

2. design de experiência: design de interação e ux e...

design de interação e robótica

design de interação - introdução