31
ENTREGÁVEIS Produção de Wireframes e Prototipação | Aula 1 Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com quinta-feira, 24 de novembro de 2011

Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

Embed Size (px)

DESCRIPTION

Aula 1_ Pós Graduação Arquitetura da Informação: planejando seus entregáveis. Oficina de Integração de Disciplinas: protótipo e wireframe. Professora Melina Alves_Novembro de 2011

Citation preview

Page 1: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 2: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 3: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 4: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 5: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 6: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 7: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 8: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 9: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 10: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 11: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 12: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 13: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 14: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 15: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 16: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 17: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

Referências

Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com

Interface para você + criação

quinta-feira, 24 de novembro de 2011

Page 18: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

Referências

Prof. Melina Alves | @melinalves | [email protected] | melinaalves.com

Interface para você + criação

quinta-feira, 24 de novembro de 2011

Page 19: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 20: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 21: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 22: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 23: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 24: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 25: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 26: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 27: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 28: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 29: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 30: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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

Page 31: Aula 1 _ Construindo estratégia para definir entregáveis de Arquitetura da Informação

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