78
Instituto Faber-Ludens Edyd Junges (@edyd) Instituto Faber-Ludens (@faberludens)

Design Interação: por um Design Livre

Embed Size (px)

DESCRIPTION

Palestra na Semana acadêmica Integra Design em Pelotas/RS

Citation preview

Page 1: Design Interação: por um Design Livre

Instituto Faber-Ludens

Edyd Junges (@edyd) Instituto Faber-Ludens (@faberludens)

Page 2: Design Interação: por um Design Livre

O Instituto Faber-Ludens está sediado em Curitiba

nós estamos aqui

Page 3: Design Interação: por um Design Livre

Instituto Faber-Ludens

• Entidade sem fins lucrativos fundada em 2007

• Promover Design + Tecnologia = Inovação Social

• Quatro áreas de atuação

• Ensino

• Pesquisa

• Consultoria

• Projetos Sociais

Page 4: Design Interação: por um Design Livre

Áreas de Atuação

Page 5: Design Interação: por um Design Livre

Experiências na Pós-Graduação em Design de Interação com Post-It, Lego Mindstorms e Arduino.

Lego Mindstorms

Arduino

Especialização Design de Interação

Page 6: Design Interação: por um Design Livre

Treinamentos In-Company com dinâmicas práticas e divertidas sobre os assuntos que as empresas precisam dominar

Page 7: Design Interação: por um Design Livre

Avaliação de Usabilidade RioShow

Consultorias

UX Bootcamp

InfoGlobo, Goomark Webgoal, ApolloTI

Teste de

Usabilidade

Electrolux

Page 8: Design Interação: por um Design Livre
Page 9: Design Interação: por um Design Livre

Estratégia de Design em corporações

Diretoria

Produção

Design Thinking

Design Design

Participativo

Page 10: Design Interação: por um Design Livre

“Nada substitui o ser-humano.”

Instituto Faber-Ludens

Page 11: Design Interação: por um Design Livre

Design de Interação

Page 12: Design Interação: por um Design Livre

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 13: Design Interação: por um Design Livre

Diferencial

Engenharias IHC / Design de Interface Design de Interação Antropologia / Marketing

Page 14: Design Interação: por um Design Livre

Pare de projetar produtos.

A experiência é a única coisa

com que o usuário se importa.”

Peter Merholz, Adaptive Path, 2006

Page 15: Design Interação: por um Design Livre

User Experience (UX) são aqueles momentos na vida em que tudo está perfeito ao seu redor.

Page 16: Design Interação: por um Design Livre

Design é o projeto de ambientes, produtos e serviços visando uma User Experience integrada.

Page 17: Design Interação: por um Design Livre

Outback

Page 18: Design Interação: por um Design Livre

Nós somos descuidados. Não nos planejamos. Deixamos até a última hora!

Page 19: Design Interação: por um Design Livre

Nokia busca renda em seu legado de patentes Magazine Luiza tem baixas vendas e acumula prejuízo de R$ 40,7 mi Sony anuncia prejuízo recorde devido à queda no mercado de smartphones

As empresas também, só investem quando o negócio fica grave...

Page 21: Design Interação: por um Design Livre

Recall feito para resolver o problema do Fox

Page 22: Design Interação: por um Design Livre

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

Page 23: Design Interação: por um Design Livre

Sistemas são ecologias

Page 24: Design Interação: por um Design Livre

A base para seu projeto deve ser a atividade humana

Page 25: Design Interação: por um Design Livre

A base para seu projeto deve ser a atividade humana

Page 26: Design Interação: por um Design Livre

Os Três Pilares do produto, Donald Norman Produto

Marketing

Engenharia

Design

Page 27: Design Interação: por um Design Livre

O objetivo da Engenharia é que o produto funcione.

Page 28: Design Interação: por um Design Livre

O objetivo do Desenvolvimento é que o serviço funcione.

Page 29: Design Interação: por um Design Livre

O objetivo do Marketing é que o consumidor compre.

Page 30: Design Interação: por um Design Livre

Enquanto o Marketing se vale da Propaganda para atrair a

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

Page 31: Design Interação: por um Design Livre

o que o marketing sugeriu o que foi

produzido

o que a administração aprovou como foi montado

o que foi projetado pela engenharia o que o consumidor queria...

Page 32: Design Interação: por um Design Livre

Processo de desenvolvimento comum Engenharia

Marketing Marketing

Page 33: Design Interação: por um Design Livre

Vantagens/Desvantagens

• Economiza planejamento

• Tentativa e erro

• Design não é importante

• O produto é um frankestein de

funcionalidades

Office XP

Page 34: Design Interação: por um Design Livre

Engenharia

Design como embelezamento Marketing

Design Marketing

Page 35: Design Interação: por um Design Livre

Vantagens/Desvantanges

• Beleza vende

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

Windows Vista

Page 36: Design Interação: por um Design Livre

Ainda é um porco!

Page 37: Design Interação: por um Design Livre

Engenharia

Marketing

Design como inovação Design

Marketing

Page 38: Design Interação: por um Design Livre

Vantagens/Desvantagens

• Melhora a qualidade

• Economiza retrabalho

• Diminui a velocidade

• Risco de não obter retorno

Office 2007

Page 39: Design Interação: por um Design Livre

Marketing

Design como estratégia Design Engenharia

Marketing

Page 40: Design Interação: por um Design Livre

• Integra Pesquisa & Desenvolvimento

• Aumenta o ritmo de inovação

• Fortalece a marca

• Custo elevado

• Depende da cultura organizacional

Loja Apple em Nova Iorque

Vantagens/Desvantagens

Page 41: Design Interação: por um Design Livre

Recursos para criar

• Fala

• Rabiscos

• Brainstorming

• Cenários hipotéticos

Page 42: Design Interação: por um Design Livre

Design como um processo

Page 43: Design Interação: por um Design Livre

Todo mundo está apto a projetar. Os projetos são feitos de pessoa para pessoa.

Page 44: Design Interação: por um Design Livre

Vilém Flusser

Filosofia da Caixa Preta

Page 45: Design Interação: por um Design Livre

“Quem vê input e output vê o canal e não o

processo codificador que se passa no interior da

caixa preta”. Vilém Flusser (1985)

Page 46: Design Interação: por um Design Livre

A caixa preta do Design

Page 47: Design Interação: por um Design Livre

Conforto x Alienação

Page 48: Design Interação: por um Design Livre

• Abertura do código fonte

• Documentação

• É acessível?

Software Livre

Page 49: Design Interação: por um Design Livre

A caixa preta do Software Livre

Page 50: Design Interação: por um Design Livre

Um dos milhares de arquivos do LibreOffice

Page 51: Design Interação: por um Design Livre

Necessário um conhecimento técnico para entender

Page 52: Design Interação: por um Design Livre

• Software Livre tem Design. Mas não usa métodos para trabalhar com Design.

• No Software Livre você compartilha o código.

• No Design Livre você compartilha a metodologia de desenvolvimento: abre o processo

Tornando o design mais livre

Page 53: Design Interação: por um Design Livre
Page 54: Design Interação: por um Design Livre

A caixa do Design Livre

Page 55: Design Interação: por um Design Livre

Design Livre - Documentação

Reciclagem de ideias

Page 56: Design Interação: por um Design Livre

Design Livre como Making of

Page 57: Design Interação: por um Design Livre

Cultura do Remix

Page 58: Design Interação: por um Design Livre

Design Livre é também uma forma de disseminar o

conhecimento. Os projetos se desenvolvem

organicamente com a participação de todos.

Page 59: Design Interação: por um Design Livre

Construção do conhecimento de forma colaborativa

Page 60: Design Interação: por um Design Livre

Plataforma Corais

Page 61: Design Interação: por um Design Livre

Ferramentas de colaboração

Page 62: Design Interação: por um Design Livre

Árvore do Conhecimento

Page 63: Design Interação: por um Design Livre

Rabiscos Sketchs ou

Liberte-se!

Page 64: Design Interação: por um Design Livre

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

Prototipação das representações

visuais das interfaces

Page 65: Design Interação: por um Design Livre

Criando possibilidades

Page 66: Design Interação: por um Design Livre

Focalizando no que é viável

Page 67: Design Interação: por um Design Livre

Ferramenta para edição

de quadrinhos online: Pixton

Storyboard

Page 68: Design Interação: por um Design Livre
Page 69: Design Interação: por um Design Livre

+ 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 70: Design Interação: por um Design Livre

Capital Social - Pontuação

Pontuação de um dos alunos do Curso Online de AI

Page 71: Design Interação: por um Design Livre

Projetos no Corais

Mais de 50 projetos cadastrados

Page 72: Design Interação: por um Design Livre

Trabalho colaborativo

Page 73: Design Interação: por um Design Livre
Page 74: Design Interação: por um Design Livre

Livro colaborativo

http://designlivre.faberludens.com.br

Page 75: Design Interação: por um Design Livre

Projetos finais curso de AI no Corais

Os alunos remodelam os sites das ONGs usando os conceitos aprendidos no curso

Page 76: Design Interação: por um Design Livre

Projetos finais curso de AI no Corais

Page 77: Design Interação: por um Design Livre

Não esqueça de sempre pensar no usuário nas pessoas.

Quem está do outro lado da tela?

Page 78: Design Interação: por um Design Livre

Obrigado!

Edyd Junges (@edyd) [email protected]

Instituto Faber-Ludens www.faberludens.com.br