IEC - INSTITUTO DE EDUCAÇÃO CONTINUADA aula 05/08 Projetando a interface Prototipação rápida Produção e Ferramentas Colaborativas Pós-Graduação em Produção em Mídias Digitais Marcello de Campos Cardoso | www.mcardoso.com.br | [email protected]Monday, October 24, 2011
Aula para a disciplina Produção e Ferramentas Colaborativas
Pós-Graduação em Produção em Mídias Digitais
Prof. Marcello de Campos Cardoso www.mcardoso.com.br 2o semestre de 2011
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
IEC - INSTITUTO DEEDUCAÇÃO CONTINUADA
aula 05/08
Projetando a interfacePrototipação rápida
Produção e Ferramentas ColaborativasPós-Graduação em Produção em Mídias DigitaisMarcello de Campos Cardoso | www.mcardoso.com.br | [email protected]
Plano de cursoApresentação do curso, aquecimento e posicionamento teórico
CMS + Social Media
Conversando com usuários: Questionários e entrevistas
Técnica de Modelagem: Personas ágeis
Projetando a interface: Prototipação rápida em papel
Criando seu blog no Wordpress
Implantação do blog
Apresentação final
Monday, October 24, 2011
recapitulando...
Monday, October 24, 2011
Personas ágeis
Técnica para a definição de modelos de usuários do sistema,
no intuito de melhorar a visibilidade, compreensão e comunicação sobre seu comportamento de uso.
Auxilia no levantamento de user stories.
Nome, Idade Papel
descrição, frase emblemática
Tarefas no sistema para necessidades
Necessidades no mundo real
Monday, October 24, 2011
1o passo: Determinar tipos de usuários
2o passo: Listar características de cada tipo
3o passo: Determinar usuários focais
Personas ágeis
Monday, October 24, 2011
Ciclo de vida do produto
personas
pesquisa
planejam
ento
desenvolvim
ento
validação
Questionários e entrevistasBen
chmarki
ng
Story mappingprototipa
ção
Monday, October 24, 2011
Prototipaçãoquebrando ovos para fazer omeletes
Monday, October 24, 2011
Protótipo = modelo~
Monday, October 24, 2011
São ferramentas simples e poderosas para melhorar a visibilidade, compreensão e a
comunicação de informações.
lembrando...
Modelos
Monday, October 24, 2011
Podem ser de baixa ou alta resolução
Baixa: Para explorar ideias, conceitos, fluxos
Alta: para validar decisões pontuais
Monday, October 24, 2011
“Devemos criar exatamente quanta documentação necessitamos para
executar bem um projeto, e não mais.”-Dan Saffer
Monday, October 24, 2011
Nós <3 PAPEL!• Nada digital é mais rápido, flexível e fácil de prototipar
• Não requer habilidades específicas• É mais barato e colaborativo;
• Variedade = possibilidades: Diferentes cores, tamanhos, texturas, adesivos...
• Tamanho é documento (difícil ter um monitor do tamanho de uma cartolina)
• Estimula desapego
• Reciclável, divertido, estimula a equipe
Monday, October 24, 2011
Cenário• Os protagonistas são as PERSONAS• Devem refletir comportamento no sistema
• Uma boa prática é passar diferentes personas pelo mesmo cenário
• Um bom cenário é imaginar o primeiro uso
“São protótipos feitos de palavras”
Monday, October 24, 2011
CenárioUma imagem vale mil palavras.Mas as palavras certas podem valer algumas boas imagens.
Lúcia Maria loga em sua conta Sacolao.com. Vê seu pedido da semana passada e decide usá-lo de novo para esta semana. Remove alguns itens arrastando-os de sua Cestinha®, e o valor ajusta automaticamente. Satisfeita com a compra, clica no botão Entrega rápida e confirma o débito em seu cartão de crédito previamente salvo. A tela de confirmação informa para esperar a entrega nas próximas 2 horas.