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

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

2. nós estamos aqui
O Instituto Faber-Ludens está sediado em Curitiba

3. 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

4. Áreas de Atuação

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

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

7. Consultorias
Avaliação de UX Bootcamp Teste de
Usabilidade InfoGlobo, Goomark Usabilidade
RioShow Webgoal, ApolloTI Electrolux

9. Estratégia de Design
em corporações
Diretoria
Design
Thinking
Design
Design
Participativo
Produção

10. “Nada substitui o ser-humano.”
Instituto Faber-Ludens

11. Design de Interação

12. 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.

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

14. Pare de projetar produtos.
A experiência é a única coisa
com que o usuário se importa.”
Peter Merholz, Adaptive Path, 2006

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

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

17. Outback

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

19. 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...

21. Recall feito para resolver o problema do Fox

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

23. Sistemas são ecologias

24. A base para seu projeto deve ser a atividade humana

25. A base para seu projeto deve ser a atividade humana

26. Os Três Pilares do produto,
Donald Norman
Produto
Marketing Design
Engenharia

27. O objetivo da Engenharia é que o produto funcione.

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

29. O objetivo do Marketing é que o consumidor compre.

30. Enquanto o Marketing se vale da Propaganda para atrair a
atenção, o Design trabalha a sedução pelo próprio produto.

31. o que o o que a administração o que foi
marketing aprovou projetado pela
sugeriu engenharia
o que foi como foi montado o que o
produzido consumidor
queria...

32. Processo de desenvolvimento comum
Engenharia
Marketing Marketing

33. Vantagens/Desvantagens
• Economiza planejamento
• Tentativa e erro
• Design não é importante
• O produto é um frankestein de
funcionalidades
Office XP

34. Design como embelezamento
Marketing
Engenharia Design
Marketing

35. Vantagens/Desvantanges
• Beleza vende
• Que inovação é possível a essa
altura do campeonato?
Windows Vista

36. Ainda é um porco!

37. Design como inovação
Design
Marketing Engenharia
Marketing

38. Vantagens/Desvantagens
• Melhora a qualidade
• Economiza retrabalho
• Diminui a velocidade
• Risco de não obter retorno
Office 2007

39. Design como estratégia
Design
Engenharia
Marketing Marketing

40. 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

41. Recursos para criar
• Fala
• Rabiscos
• Brainstorming
• Cenários hipotéticos

42. Design como um processo

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

44. Filosofia da Caixa Preta
Vilém Flusser

45. “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)

46. A caixa preta do Design

47. Conforto x Alienação

48. Software Livre
• Abertura do código fonte
• Documentação
• É acessível?

49. A caixa preta do Software Livre

50. Um dos milhares de arquivos do LibreOffice

51. Necessário um conhecimento técnico para entender

52. Tornando o design mais 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

54. A caixa do Design Livre

55. Design Livre - Documentação
Reciclagem de ideias

56. Design Livre como Making of

57. Cultura do Remix

58. Design Livre é também uma
forma de disseminar o
conhecimento.
Os projetos se desenvolvem
organicamente com a
participação de todos.

59. Construção do conhecimento de forma
colaborativa

60. Plataforma Corais

61. Ferramentas de colaboração

62. Árvore do Conhecimento

63. Sketchs ou
Rabiscos
Liberte-se!

64. Prototipação
das representações
visuais das interfaces
• Propósito (demonstrar,testar,explorar)
• Fidelidade (alta,baixa)
• Funcionalidade (funcional,semi-funcional)
• Etapa e Competência técnica

65. Criando possibilidades

66. Focalizando no que é viável

67. Storyboard
Ferramenta para edição
de quadrinhos online: Pixton

69. Muito + no Corais.org
+ 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ê

70. Capital Social - Pontuação
Pontuação de um dos alunos do Curso Online de AI

71. Projetos no Corais
Mais de 50 projetos cadastrados

72. Trabalho colaborativo

74. Livro colaborativo
http://designlivre.faberludens.com.br

75. Projetos finais curso de AI no Corais
Os alunos remodelam os sites das ONGs usando os conceitos aprendidos no curso

76. Projetos finais curso de AI no Corais

77. Quem está do outro lado da tela?
Não esqueça de sempre pensar no usuário nas pessoas.

78. Obrigado!
Edyd Junges (@edyd)
edyd.junges@faberludens.com.br
Instituto Faber-Ludens
www.faberludens.com.br