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

Design de Interação Estratégico

Jul 01, 2015

Download

Documents

Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
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