design participativo em software livre
DESCRIPTION
Como aplicar Design Participativo em comunidades deSoftware Livre.TRANSCRIPT
![Page 1: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/1.jpg)
Design Participativo em Software Livre
Frederick van Amsteldesigner de interação usabilidoido.com.br
Instituto faberludens.com.br
![Page 2: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/2.jpg)
“Se usuário tivesse extensão, seria .FDP”
![Page 3: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/3.jpg)
Preconceito
• Usuário não sabe nada
• Usuário não lê instruções
• Usuário só faz besteira
• Não adianta perguntar ao usuário o que ele quer, porque ele não sabe
![Page 4: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/4.jpg)
Seria esta a solução?
![Page 5: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/5.jpg)
Design Participativo
representantes
usuários
propostaconsensual
especialistas colaboraçãofacilitam
![Page 6: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/6.jpg)
Origem nos anos 1970 na Escandinávia por pressão dos sindicatos que exigiam participação dos empregados.
![Page 7: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/7.jpg)
Princípios
• Todo usuário é capaz de participar
• O usuário conhece melhor do que ninguém sua rotina de trabalho
• Automatização não é a única solução
![Page 8: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/8.jpg)
Escada da Participação
Sherry Arnstein
ManipulaçãoTerapiaInformaçãoConsultaConcessãoParceriaPoder delegadoControle cidadão
![Page 9: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/9.jpg)
Quem faz Design Participativo?
![Page 10: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/10.jpg)
Nokia Open Studio
![Page 11: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/11.jpg)
Blog sobre o Design do Office 2007
![Page 12: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/12.jpg)
Mozilla Design Challenge
![Page 13: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/13.jpg)
Como fazer Design Participativo?
• Estudando a metodologia
• Exercitando métodos de engajamento de usuários
• Usando ferramentas colaborativas
![Page 14: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/14.jpg)
Estudo de caso:Redesign do portal
BrOffice.org
![Page 15: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/15.jpg)
O que é BrOffice.org?
![Page 16: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/16.jpg)
Suíte de escritório
![Page 17: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/17.jpg)
Sobre a comunidade
• 10 milhões de usuários no Brasil
• Representada por uma ONG
• 150 voluntários ativos
• Espaços de interação virtuais
![Page 18: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/18.jpg)
Portal Web
![Page 19: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/19.jpg)
Equipe Web
S.ToledoAgência Web
Produção do site
Faber-LudensInstituto de Design
Pesquisa do site
BrOffice.orgComunidade de Desenvolvedores
Determinar necessidades
![Page 20: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/20.jpg)
Briefing via Skype
• Como tornar a apresentação mais comercial?
• Como incentivar e reconhecer o voluntariado?
• Como conciliar os interesses da comunidade e do mercado num único portal?
• Como reformular o portal de modo que os membros da comunidade possam participar?
![Page 21: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/21.jpg)
Debates via lista de email dev@
• Como deixar mais clara a relação entre BrOffice.org e OpenOffice.org?
• Que serviços ou conteúdo seriam úteis para os usuários do site? Como podemos melhorar?
• Quem são os usuários do site e quais são seus objetivos?
![Page 22: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/22.jpg)
Reunião via IRC
• Bate-papo informal, mas com uma pauta rígida
• Ritual grupal
• Visão geral da dinâmica de desenvolvimento
![Page 23: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/23.jpg)
Estatísticas de navegação
![Page 24: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/24.jpg)
Página de download
![Page 25: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/25.jpg)
Estatísticas que preocupam
• tempo médio de 2:20 minutos
• 48% deixam o site
• 3% lêem instruções de instalação após o download
• 2% seguem aos links amigos e verificação de integridade
![Page 26: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/26.jpg)
Comparação com Firefox
![Page 27: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/27.jpg)
Protótipo inicial
![Page 28: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/28.jpg)
Versão final
![Page 29: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/29.jpg)
Impacto
![Page 30: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/30.jpg)
Pesquisa do registro de usuário
• O que você achou do site do BrOffice.org? Você encontrou facilmente o que precisava em nosso site?
• Quais as três coisas que você gostaria de mudar em nosso site?
![Page 31: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/31.jpg)
“site muito técnico. embora seja usual para programas open source (...)Acredito que é aí que a microsoft ganha, ela atinge os quase 100%
leigos em informatica, tornando a vida deles simples.”
![Page 32: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/32.jpg)
“O visual do site está bom, mas falta essencialmente um
fórum e uma maior clareza nos menus (talvez falta DropDown? neles), do
tipo com relação ao Wiki por exemplo.”
![Page 33: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/33.jpg)
Diretrizes
Codificação, Navegação, Apresentação e
Tratamento do usuário:
• O usuário não deve ser tratado como um estúpido nem tampouco como um expert em Linux
• O conhecimento da comunidade deve vir num segundo momento, quando o usuário já está engajado no uso do software
![Page 34: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/34.jpg)
Estratégia de re/conhecimento
![Page 35: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/35.jpg)
Aplicação da estratégia
![Page 36: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/36.jpg)
Taxonomia existente
![Page 37: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/37.jpg)
Recriação da taxonomia
![Page 38: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/38.jpg)
Taxonomia preliminar
![Page 39: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/39.jpg)
Requerimentos da ferramenta de diagramação online
• gratuita
• acessível por qualquer configuração
• fácil de usar para quem nunca experimentou
• controle de versão
![Page 40: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/40.jpg)
Writemaps
![Page 41: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/41.jpg)
Gliffy
![Page 42: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/42.jpg)
De volta ao wiki!
![Page 43: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/43.jpg)
Discussão na dev@
• Seções reorganizadas
• Páginas adicionadas e outras removidas
• O wiki, entretanto, não foi alterado diretamente pelos participantes
![Page 44: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/44.jpg)
Taxonomia final
![Page 45: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/45.jpg)
Dilema
• Como conciliar interesses da comunidade e do mercado?
• O que vai ter na página inicial?
• Será que não é melhor ter dois sites?
• Como podemos envolver os participantes periféricos (usuários) na decisão?
![Page 46: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/46.jpg)
Wireframe Participativo
![Page 47: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/47.jpg)
Análise dos resultados
![Page 48: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/48.jpg)
132 contribuições
![Page 49: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/49.jpg)
Síntese
![Page 50: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/50.jpg)
![Page 51: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/51.jpg)
![Page 52: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/52.jpg)
![Page 53: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/53.jpg)
Protótipo demonstrativo
![Page 54: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/54.jpg)
Lições aprendidas
• Design participativo combina com software livre
• Participantes periféricos devem ser levados em consideração
• Colaboração é essencial para suportar diversidades
![Page 55: Design Participativo em Software Livre](https://reader031.vdocuments.mx/reader031/viewer/2022020110/554e80c1b4c90545698b52b8/html5/thumbnails/55.jpg)
Obrigado!Frederick van Amstel
designer de interação usabilidoido.com.brInstituto faberludens.com.br