ENTREGÁVEISProdução de Wireframes e Prototipação | Aula 1
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com quinta-feira, 24 de novembro de 2011
Etapas básicas do design
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Planejar Desenhar TestarDecifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários ( análise de tarefas
Funcionalidades | Conteúdo
Sketching | Storyboard
Argumentação de Referências (Mood board)
Argumentação de Funcionalidades (Mood board)
Wireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Teste A|B
Análise de dados reais
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
ConstruçãoWireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
ConstruçãoWireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
ImplementaçãoTestes
Testes A|B
Análise de dados reais(monitoramento)
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
não é receita de bolo!
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
não é receita de bolo!
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
ConstruçãoWireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
não é receita de bolo!
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
ConstruçãoWireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
ImplementaçãoTestes
Testes A|B
Análise de dados reais(monitoramento)
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
não é receita de bolo!
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas do design
Decifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Entendimento
ConstruçãoWireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
ImplementaçãoTestes
Testes A|B
Análise de dados reais(monitoramento)
Sketching | Storyboard
Argumentação de Referências
Argumentação de Funcionalidades
Concepção
Services Design(resumo)
quinta-feira, 24 de novembro de 2011
Etapas básicas do design
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Planejar Desenhar TestarDecifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Sketching
Argumentação de Referências
Argumentação de Funcionalidades
Wireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Teste A|B
Análise de dados reais
quinta-feira, 24 de novembro de 2011
Decifrando o briefing
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Objetivo do site
Objetivo do negócio
Histórico do produto ou similares
KPIs (Key Performance Indicator) e Mídias
Referências do cliente
Insights do Planejamento
Quando, Onde, Como e queremos chegar + Gerência do Projeto
Governança da empresa, como está, onde quer estar no futuro, fazer e não fazer. + Cliente
Concorrentes, o que fizeram de bom ou de mal. O que eles entendem como estética. + Atendimento
Cases de sucesso e de insucesso do produto e de iniciativas similares. + Cliente
O que indica performance, o sucesso do negócio: clique, views, share? ( definição de ROI ) + BI + Mídia
Público alvo, indicadores de consumo e mídia, qual é o conceito sugerido? + Planejamento
quinta-feira, 24 de novembro de 2011
Etapas básicas do design
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Planejar Desenhar TestarDecifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Sketching
Argumentação de Referências
Argumentação de Funcionalidades
Wireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Teste A|B
Análise de dados reais
quinta-feira, 24 de novembro de 2011
Benchmarking
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Concorrência
Mercado de atuação
Ex. Fiat Uno X Picanto,Pálio, Fiesta, Ka, Gol...
Ex: Setor automobilístico.
quinta-feira, 24 de novembro de 2011
Etapas básicas do design
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Planejar Desenhar TestarDecifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Sketching
Argumentação de Referências
Argumentação de Funcionalidades
Wireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Teste A|B
Análise de dados reais
quinta-feira, 24 de novembro de 2011
Referências
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Interface para você + criação
quinta-feira, 24 de novembro de 2011
Referências
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Interface para você + criação
quinta-feira, 24 de novembro de 2011
Referências
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Interface para você + criação
Interface para atendimento + cliente
quinta-feira, 24 de novembro de 2011
Referências
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Interface para você + criação
Interface para atendimento + cliente
quinta-feira, 24 de novembro de 2011
Etapas básicas do design
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Planejar Desenhar TestarDecifrando o briefing
Benchmarking
Referências
Personas (mental models)
Cenários (mental models)
Funcionalidades | Conteúdo
Sketching
Argumentação de Referências
Argumentação de Funcionalidades
Wireframe
Protótipo
Quality Assurance
Grupo de personas
Cliente
Teste A|B
Análise de dados reais
quinta-feira, 24 de novembro de 2011
Personas
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
PESQUISA COM FOCUS GROUPPESQUISA DE ABORDAGEM PESQUISA INTERNAPESQUISA EM REDES SOCIAISPESQUISA...
quinta-feira, 24 de novembro de 2011
Personas
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
PESQUISA COM FOCUS GROUPPESQUISA DE ABORDAGEM PESQUISA INTERNAPESQUISA EM REDES SOCIAISPESQUISA...
O que? Quando? Porque? Quem? Conte me mais...
quinta-feira, 24 de novembro de 2011
Personas
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Persona
Conclusão da pesquisaOs grupos: emoções, opinião, preferências, restrições, anseios, atual e futuro.
Quem, idade, onde vive, como vive a rotina, quem são suas influências (ambiente e outras pessoas), renda, custo de vida, relação com seu comportamento/objetivos, relação com o “computador” e formas de uso do cotidiano.
quinta-feira, 24 de novembro de 2011
Cenários de uso
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Por persona
Por funcionalidade“Análise de tarefas”Motivações de uso X funcionalidade e influencias de ambiente e comportamento X prioridade.
Grupo Lugares
Insights Regras
quinta-feira, 24 de novembro de 2011
Cenários de uso
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Por persona
Por funcionalidadeMotivações de uso X funcionalidade e influencias de ambiente e comportamento X prioridade.
cc by-Working group at the United Nations, photo by Craig Duncan nc-nd UX Workshops SF 24-Mar-11 110
quinta-feira, 24 de novembro de 2011
Cenários de uso
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Por persona
Por funcionalidadeMotivações de uso X funcionalidade e influencias de ambiente e comportamento X prioridade.
Grupo Maioria
Minoria Prioridades
quinta-feira, 24 de novembro de 2011
Funcionalidades
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Prioridades por grupo de personas
Prioridades por funcionalidades
Geek
altaLogin via Facebook
Está em redes sociais a maior parte do tempo
Priorizar o Facebook em relação ao login do cliente
Justificativa Recomendação Prioridade
Login via Facebook
Acesso mobile
Contador de acessos
quinta-feira, 24 de novembro de 2011
Cenários de uso
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Por persona
Por funcionalidadeMotivações de uso X funcionalidade e influencias de ambiente e comportamento X prioridade.
UX Week 2011 - CC BY-NC-ND 21
quinta-feira, 24 de novembro de 2011
Desafio
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Formar grupos de 5
Criar um produto para venda de sanduíches online
quinta-feira, 24 de novembro de 2011
Bibliografia _ Aula 1
Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com
Mental Models _ Indi Young
Mais informações
http://rosenfeldmedia.com/books/mental-models/
http://amzn.to/vO87Ct
quinta-feira, 24 de novembro de 2011