Design de Interação Estratégico

115
Design de Interação Estratégico Frederick van Amstel www.usabilidoido.com.br

Transcript of Design de Interação Estratégico

Page 1: Design de Interação Estratégico

Design de InteraçãoEstratégico

Frederick van Amstelwww.usabilidoido.com.br

Page 2: Design de Interação Estratégico

Pesquisa Ensino

ConsultoriaPolítica

Internet das Coisas Pós-graduação com FISAM

DesInterac - Lista de discussãoPortal BrOffice.org

Page 3: Design de Interação Estratégico

O que é Design de Interação?

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 4: Design de Interação Estratégico

Engenharia de Software

sistema usuário

Page 5: Design de Interação Estratégico

Interação Humano-Computador

sistema usuário

Page 6: Design de Interação Estratégico

Diferencial

Engenharias

IHC / Design de Interface

Design de Interação

Antropologia / Marketing

Page 7: Design de Interação Estratégico

Design de Interação como artefato

Page 8: Design de Interação Estratégico

Design de Interação como comunicação

usuário usuárioartefato

Page 9: Design de Interação Estratégico

Design de Interação como redes sociotécnicas

U

A

U

U

U

U

U

U

UA

A

A

A

Page 10: Design de Interação Estratégico

Aplicações do Design de Interação

Page 11: Design de Interação Estratégico

Publicidade e Marketing

Page 12: Design de Interação Estratégico

Urbanismo

Page 13: Design de Interação Estratégico

Brinquedos

Page 14: Design de Interação Estratégico

Lojas conceito

Page 15: Design de Interação Estratégico

Tecnologias Educacionais

Page 16: Design de Interação Estratégico

Medicina

Page 17: Design de Interação Estratégico

Jogos

Page 18: Design de Interação Estratégico

Música

Page 19: Design de Interação Estratégico

Por que esses exemplos ainda são raros?

Page 20: Design de Interação Estratégico

A anedota do balanço da árvore

o que o marketing sugeriu

o que a administração aprovou

o que foi projetado pela engenharia

o que foi produzido como foi montado o que o consumidor queria...

Page 21: Design de Interação Estratégico

Processo de desenvolvimento comum

Engenharia

MarketingMarketing

Page 22: Design de Interação Estratégico

Vantagens/Desvantagens

• Economiza planejamento

• Tentativa e erro

• Design não é importante

• O produto é um frankestein de funcionalidades

Office XP

Page 23: Design de Interação Estratégico

Design como embelezamento

Engenharia

Marketing

Marketing

Design

Page 24: Design de Interação Estratégico

Vantagens/Desvantanges

• Beleza vende

• Que inovação é possível a essa altura do campeonato?

Windows Vista

Page 25: Design de Interação Estratégico

Design como inovação

Engenharia

Marketing

Design

Marketing

Page 26: Design de Interação Estratégico

Vantagens/Desvantagens

• Melhora a qualidade

• Economiza retrabalho

• Diminui a velocidade

• Risco de não obter retorno

Office 2007

Page 27: Design de Interação Estratégico

Design como estratégia

Engenharia

Marketing

Design

Marketing

Page 28: Design de Interação Estratégico

Vantagens/Desvantagens

• Integra Pesquisa & Desenvolvimento

• Aumenta o ritmo de inovação

• Fortalece a marca

• Custo elevado

• Depende da cultura organizacional

Loja Apple em Nova Iorque

Page 29: Design de Interação Estratégico

Discurso da Microsoft

Page 30: Design de Interação Estratégico

Como o mercado de produtos evolui

novo mercado

inovação qualitativa

mercado saturado

competição pela qualidade

inovação quantitativa

início da competição competição pela

quantidade

sem competição

Page 31: Design de Interação Estratégico

Modelos imaginados pela Motorola nos anos 70 e o que foi comercializado

Page 32: Design de Interação Estratégico

De ferramenta de trabalho a comunicador pessoal

Page 33: Design de Interação Estratégico

Razr Dolce&Gabbana: celular como acessório fashion

Page 34: Design de Interação Estratégico

O diferencial do iPhone é a interface

Page 35: Design de Interação Estratégico

Bebê ensina a usar o iPhone

Page 36: Design de Interação Estratégico

Limites: iPhone não permite muita customização

Page 37: Design de Interação Estratégico

iPod: cada um na sua, mas com algo em comum

Page 38: Design de Interação Estratégico

Sony Walkman: tecnologia que faz parte de você

Page 39: Design de Interação Estratégico

Sony Walkman: tem um que é no seu estilo

Page 40: Design de Interação Estratégico

Computador Apple: melhor que PC, mas não combina com qualquer coisa

Page 41: Design de Interação Estratégico

Design é inovação?De qual tipo?

Page 42: Design de Interação Estratégico

Inovação técnica

Page 43: Design de Interação Estratégico

Inovação formal

Page 44: Design de Interação Estratégico

Inovação social

Page 45: Design de Interação Estratégico

Situação atual do mercado de tecnologia brasileiro

• Sempre correndo atrás do déficit

• Competir em hardware é impossível

• Competir em software é possível, mas

• Ninguém sabe mais o que inventar

Page 46: Design de Interação Estratégico

Outra possibilidade

• Investir em design

• Aproveitar a criatividade do povo brasileiro

• Terceirizar a produção

• Novos meios de distribuição (on demand, Internet, redes P2P)

Page 47: Design de Interação Estratégico

Características do Design“Design é a alma das criações humanas”,

Steve Jobs

Page 48: Design de Interação Estratégico

Modelo Triádico

Pessoas

Artefatos

Atividades

Page 49: Design de Interação Estratégico

Multilingüe

Gestual

Visual Sonora

Tátil

Olfativa

Page 50: Design de Interação Estratégico

Futurologia aplicada

• A diferença entre a abelha e o arquiteto é que este último imagina o todo antes de construir

• Visão holística

• Observar tendências é a melhor forma de prever o futuro

Page 51: Design de Interação Estratégico

Articulação de interesses

• Design é deliberação, mesmo que implícita

• Desejos e necessidades são culturais

• Cada um tem uma história distinta

Page 52: Design de Interação Estratégico

Idealista

Positivista

Lógico

Individualista

Materialista

Crítico

Dialético

Coletivo

Page 53: Design de Interação Estratégico

Processo de Design

Design é o design de um design para um design.John Heskett

Page 54: Design de Interação Estratégico

Modelo Linear

Page 55: Design de Interação Estratégico

Modelo Errático

Page 56: Design de Interação Estratégico

Criando possibilidades

Page 57: Design de Interação Estratégico

Recursos para criar

• Rabiscos

• Brainstorming

• Cenários hipotéticos

• Prototipação rápida

• Abdução

Page 58: Design de Interação Estratégico

Processo dialético

ImagemOperante

Visão

Especificação

Visão

Img. Operante

Especificação

Tempo

Lowgren e StoltermanThoughtful Interaction Design, MIT Press

Page 59: Design de Interação Estratégico

Modelo Espiralado

Page 60: Design de Interação Estratégico

“O Design não está lá, nem cá; está no meio, ora pendendo para um lado, ora para o outro, num movimento que se assemelha à uma dança graciosa. É preciso saber o momento e o lugar certo para ser rígido ou flexível, de acordo com as intenções da performance e com a guia musical. O Design é assim: não cria, mas recombina; não define, mas propõe; não julga, mas avalia; não é arte, mas também gosta de dançar… Para entendê-lo, é preciso dar o primeiro passo!”

Instituto Faber-Ludens de Design de Interação

Page 61: Design de Interação Estratégico

Aspectos e métodos de Design“Design é uma atividade criativa cuja finalidade é estabelecer as qualidades multifacetadas de objetos, processos, serviços e seus sistemas,

compreendendo todo seu ciclo de vida.” The International Council of Design Societies

Page 63: Design de Interação Estratégico

Metodologia e método

• Metodologia é o estudo crítico dos métodos a partir de uma perspectiva teórica

• Método é uma estrutura coerente de técnicas necessárias para atingir um resultado

Page 64: Design de Interação Estratégico

Metodologia Ágil

• Ver funcionando é melhor do que prever

• Evoluir por iterações

• Diálogo com usuários

• Equipe enxuta

• Compartilhar conhecimento

Page 65: Design de Interação Estratégico

Métodos de Design de Interaçao

• Prototipação

• Teste de Usabilidade

• Entrevista

• Shadowing

• etc...

Page 67: Design de Interação Estratégico

Utilidade

Produtos Google

Page 68: Design de Interação Estratégico

Análise de requisitos não-funcionais

Page 69: Design de Interação Estratégico

Pesquisa etnográfica

Page 70: Design de Interação Estratégico

Análise da tarefa

Page 71: Design de Interação Estratégico

Teste com protótipos

Page 72: Design de Interação Estratégico

Fantasia Direcionada

Page 73: Design de Interação Estratégico

Usabilidade

Jitterburg

Page 74: Design de Interação Estratégico

Teste de Usabilidade

Page 75: Design de Interação Estratégico

Eye-tracking

Page 76: Design de Interação Estratégico

Eye-tracking

Page 77: Design de Interação Estratégico

Análise de Especialista

Page 78: Design de Interação Estratégico

Significado

Charmr

Page 79: Design de Interação Estratégico

Entrevistas

Page 80: Design de Interação Estratégico

Grupo de Foco

Page 81: Design de Interação Estratégico

Card-sorting

Page 82: Design de Interação Estratégico

Icon-sorting

contagemregressiva

Page 83: Design de Interação Estratégico

Beleza

Sony Digital Walkman

Page 84: Design de Interação Estratégico

Baralho de “gostabilidade” (desirability)

Page 85: Design de Interação Estratégico

Perfil Semiótico

Page 86: Design de Interação Estratégico

Sustentabilidade

Carona USP

Page 87: Design de Interação Estratégico

Análise do ciclo de vida

Page 88: Design de Interação Estratégico

Workshop Participativo

Page 89: Design de Interação Estratégico

Balanceando aspectos

• Uma coisa não exclui a outra

• Os aspectos não devem ser tomados em separado > visão holística

• O critério final deve ser a apropriação para a situação específica

Page 90: Design de Interação Estratégico

Sistemas não se restringem à funcionalidades

Page 91: Design de Interação Estratégico

Sistemas são ecologias

Page 92: Design de Interação Estratégico

A base para seu projeto deve ser a atividade humana

Page 93: Design de Interação Estratégico

A base para seu projeto deve ser a atividade humana

Page 94: Design de Interação Estratégico

Resumindo o Processo

artefatos

atividade atividade

artefatos

Page 95: Design de Interação Estratégico

Importância da pesquisa

• Perceber e compreender a diferença entre as pessoas

• Mapear as atividades

• Descobrir oportunidades para inovação

• “Botar o pé no chão”

Page 96: Design de Interação Estratégico

Expansão da consciência

Page 97: Design de Interação Estratégico

Esse é nosso diferencial!

Engenharias

IHC / Design de Interface

Design de Interação

Antropologia / Marketing

Page 98: Design de Interação Estratégico

Empresas que investem

Page 99: Design de Interação Estratégico

Nokia: oportunidades em mercados emergentes

Page 100: Design de Interação Estratégico

Motorola: correndo atrás da concorrência

Page 101: Design de Interação Estratégico
Page 102: Design de Interação Estratégico

Apple: esconder pesquisa e patentear tudo

Page 103: Design de Interação Estratégico

Estudos de Caso

Page 104: Design de Interação Estratégico

Stobag do Brasil

• Customização em massa de toldos

• Venda complexa

• Especificação dos sistemas de apoio à revenda

Page 105: Design de Interação Estratégico

Visitas e entrevistas

• Compreender o negócio sob múltiplas perspectivas

• Funcionários e revendedores (usuários)

• Identificação de situações de baixa eficiência

Page 106: Design de Interação Estratégico

Processo de venda

Page 107: Design de Interação Estratégico

Design do ecossistema

Page 108: Design de Interação Estratégico

Financeiro Web - Brame

Page 109: Design de Interação Estratégico

ADM - Análise de Helpdesk

Page 110: Design de Interação Estratégico

Automação do Lar - Specto

Page 111: Design de Interação Estratégico

Visualização de atividade em prédios

Page 112: Design de Interação Estratégico

Ozonin - Spherical

Page 113: Design de Interação Estratégico

CIMM

Page 114: Design de Interação Estratégico

Proposta de redesign

Page 115: Design de Interação Estratégico

Obrigado! Dúvidas?

Frederick van Amstelwww.usabilidoido.com.br www.faberludens.com.br