design de interação - ifsul 27/02/2013

54
Design de Interação

Upload: edyd-junges

Post on 07-Jul-2015

1.095 views

Category:

Design


2 download

DESCRIPTION

Apresentação realizada no 2º Seminário de Design do IF

TRANSCRIPT

Page 1: Design de interação - IFsul 27/02/2013

Design de Interação

Page 2: Design de interação - IFsul 27/02/2013

Quem?

• Publicitário

• Desenvolvedor

• Designer de Interação

• Consultor em UserExperience

Edyd Junges

Page 3: Design de interação - IFsul 27/02/2013

Análise de Usabilidade Portal Rio Show

Treinamento em Design de Interação

Treinamento em Usabilidade e Arquitetura

da Informação

Page 4: Design de interação - IFsul 27/02/2013

“Nada substitui o ser-humano.”

Instituto Faber-Ludens

Page 5: Design de interação - IFsul 27/02/2013
Page 6: Design de interação - IFsul 27/02/2013

vO galo cantouCom os passarinhos no esplendor da manhãAgradeço a Deus por ver o dia raiarO sino da igrejinha vem anunciarPreparo o café, pego a viola, parceira de féCaminho da roça, e semear o grão...Saciar a fome com a plantaçãoÉ a lida...Arar e cultivar o soloVer brotar o velho sonhoAlimentar o mundo, bem viverA emoção vai florescer

Ô muié, o cumpadi chegouPuxa o banco e vem prosearBota água no feijão já tem lenha no fogãoFaz um bolo de fubá

Pinga o suor na enxadaA terra é abençoadaPreciso investir, conhecerProgredir, partilhar, proteger...Cai a tarde, acendo a luz do lampiãoA lua se ajeita, enfeita a procissãoDe noite, vai ter cantoriaEstá chegando o povo do sambaÉ a Vila, chão da poesia, celeiro de bambaVila, chão da poesia, celeiro de bamba

Festa no arraiá,É pra lá de bomAo som do fole, eu e vocêA Vila vem plantarFelicidade no amanhecerFesta no arraiá,É pra lá de bomAo som do fole, eu e vocêA Vila vem colherFelicidade no amanhecer

A Vila Canta o Brasil Celeiro do Mundo - Água no feijão que chegou mais um...

Page 7: Design de interação - IFsul 27/02/2013
Page 8: Design de interação - IFsul 27/02/2013

Novas Atuais Tecnologias

Page 9: Design de interação - IFsul 27/02/2013

Computação Ubiqua

Page 11: Design de interação - IFsul 27/02/2013

Como trabalhar com isso?

Page 12: Design de interação - IFsul 27/02/2013

pessoasDesign para as

Page 13: Design de interação - IFsul 27/02/2013

HCI – Human Computer Interaction

Page 14: Design de interação - IFsul 27/02/2013

Modelo mental

Page 15: Design de interação - IFsul 27/02/2013

Bill Moggridge

Page 16: Design de interação - IFsul 27/02/2013

Design de Interação

Page 17: Design de interação - IFsul 27/02/2013

Design de Interação é uma área profissional, uma sub-disciplina do Design

e um processo voltado ao projeto das interações entre pessoas e sistemas.

Page 18: Design de interação - IFsul 27/02/2013

cEngenharias

IHC / Design de Interface

Design de Interação

Antropologia / Marketing

Diferencial

Page 19: Design de interação - IFsul 27/02/2013

Experiência do Usuário não é requisito. É estratégia.

Page 20: Design de interação - IFsul 27/02/2013

Sistemas são ecologias

Page 21: Design de interação - IFsul 27/02/2013

A base para seu projeto deve ser a atividade humana

Page 22: Design de interação - IFsul 27/02/2013

Os Três Pilares do produto,Donald Norman

Produto

Marketing

Engenharia

Design

Page 23: Design de interação - IFsul 27/02/2013

O objetivo da Engenharia é que o produto funcione.

Page 24: Design de interação - IFsul 27/02/2013

O objetivo do Marketing é que o consumidor compre.

Page 25: Design de interação - IFsul 27/02/2013

Enquanto o Marketing se vale da Propaganda para atrair a

atenção, o Design trabalha a sedução pelo próprio produto.

Page 26: Design de interação - IFsul 27/02/2013

o que omarketing

sugeriu

o que foi

produzido

o que a administraçãoaprovou

como foi montado

o que foiprojetado pela

engenharia

o que oconsumidorqueria...

Page 27: Design de interação - IFsul 27/02/2013

Métodos

Page 28: Design de interação - IFsul 27/02/2013

Etnografia

Busca a compreensão aprofundada do comportamento a partir da observaçãode situação reais.

Page 29: Design de interação - IFsul 27/02/2013

Estudos etnográficos sobre uso de TV Móvel realizados pela Nokia

Page 30: Design de interação - IFsul 27/02/2013
Page 31: Design de interação - IFsul 27/02/2013

Estudo etnográfico realizado no espaço

digital, baseado na participação em redes

sociais na web.

“Etnografia” virtual

Page 32: Design de interação - IFsul 27/02/2013
Page 33: Design de interação - IFsul 27/02/2013
Page 34: Design de interação - IFsul 27/02/2013

Algumas palavras-chave dos boleiros:moral (e não "força",por exemplo)fera (e não "jogador",por exemplo)time (e não "equipe",por exemplo)

Page 35: Design de interação - IFsul 27/02/2013

• Propósito (demonstrar,testar,explorar)• Fidelidade (alta,baixa)• Funcionalidade (funcional,semi-funcional)• Etapa e Competência técnica

Prototipaçãodas representações

visuais das interfaces

Page 36: Design de interação - IFsul 27/02/2013

RabiscosSketchs ou

Liberte-se!

Page 37: Design de interação - IFsul 27/02/2013

Criando possibilidades

Page 38: Design de interação - IFsul 27/02/2013

Focalizando no que é viável

Page 39: Design de interação - IFsul 27/02/2013

Ferramenta para edição

de quadrinhos online: Pixton

Storyboard

Page 41: Design de interação - IFsul 27/02/2013

Representa a interaçãoentre papéis de usuários

Diagrama Sequencial

Page 42: Design de interação - IFsul 27/02/2013
Page 43: Design de interação - IFsul 27/02/2013

Diagrama SequencialNegativo

Page 44: Design de interação - IFsul 27/02/2013

Momento de definição:Wireframe

especificação

Page 45: Design de interação - IFsul 27/02/2013
Page 46: Design de interação - IFsul 27/02/2013

Wireflow

Page 48: Design de interação - IFsul 27/02/2013

• Portátil

• Arquivos HTML apenas com asopções de menu

• Tarefas de recuperação de

informação

Teste com protótipo

Page 49: Design de interação - IFsul 27/02/2013
Page 50: Design de interação - IFsul 27/02/2013

Protótipo em altafidelidade

Page 52: Design de interação - IFsul 27/02/2013

+ acompanhamento (shadowing)

+ fly on the wall

+ diários de uso continuado

+ sondas culturais (cultural probes)

+ história de vida

+ um dia na vida (real ou simulado)

+ levantamento demográfico

+ questionários

+ porquê,porquê,porquê

Muito + no Corais.org

Page 53: Design de interação - IFsul 27/02/2013

Livro colaborativo

http://designlivre.org/

Page 54: Design de interação - IFsul 27/02/2013

Obrigado!

Edyd Junges (@edyd)[email protected]