´metodologia de produção e mídias interativas 1 aula 3 como projetar mylene melly

46
´Metodologia de Produção e Mídias ´Metodologia de Produção e Mídias Interativas Interativas 1 Aula 3 Aula 3 Como Projetar Como Projetar Mylene Melly Mylene Melly

Upload: internet

Post on 17-Apr-2015

112 views

Category:

Documents


5 download

TRANSCRIPT

Page 1: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

´Metodologia de Produção e Mídias Interativas´Metodologia de Produção e Mídias Interativas 11

Aula 3Aula 3

Como ProjetarComo Projetar

Mylene MellyMylene Melly

Page 2: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 22

As Quatro Regras do Método Cartesiano (René As Quatro Regras do Método Cartesiano (René Descartes, 1637)Descartes, 1637)

A primeira consistia em nunca aceitar algo como verdadeiro sem conhecê-lo A primeira consistia em nunca aceitar algo como verdadeiro sem conhecê-lo evidentemente como tal: isto é evitar cuidadosamente a precipitação e a evidentemente como tal: isto é evitar cuidadosamente a precipitação e a prevenção; não incluir nos meus juízos nada que não se apresente tão clara e prevenção; não incluir nos meus juízos nada que não se apresente tão clara e distintamente à minha inteligência a ponto de excluir qualquer possibilidade de distintamente à minha inteligência a ponto de excluir qualquer possibilidade de dúvidadúvida

A segunda era dividir o problema em tantas partes quantas fossem necessárias A segunda era dividir o problema em tantas partes quantas fossem necessárias para melhor poder resolvê-lo.para melhor poder resolvê-lo.

A terceira, conduzir por ordem os meus pensamentos, começando pelos objetos A terceira, conduzir por ordem os meus pensamentos, começando pelos objetos mais simples e mais fáceis de conhecer, para subir pouco-a-pouco, gradualmente, mais simples e mais fáceis de conhecer, para subir pouco-a-pouco, gradualmente, até o conhecimentos dos mais complexos; e admitindo uma ordem mesmo entre até o conhecimentos dos mais complexos; e admitindo uma ordem mesmo entre aqueles que não apresentam nenhuma ligação natural entre sí.aqueles que não apresentam nenhuma ligação natural entre sí.

Por último, sempre fazer enumerações completas e revisões tão gerais, que Por último, sempre fazer enumerações completas e revisões tão gerais, que tivesse a certeza de nada ter omitido.tivesse a certeza de nada ter omitido.

Page 3: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 33

Por que precisamos de método?Por que precisamos de método?

Nosso objetivo é construir sistemas interativos Nosso objetivo é construir sistemas interativos hipermídiahipermídia Objetivam formas mais eficientes de recuperar Objetivam formas mais eficientes de recuperar

informação informação Devem permitir um papel mais pró ativo do leitor Devem permitir um papel mais pró ativo do leitor

(leitor também é autor)(leitor também é autor) Podem ser difíceis de se usarPodem ser difíceis de se usar

Construir sistema interativo é uma tarefa Construir sistema interativo é uma tarefa complexacomplexa Necessita de métodoNecessita de método

De projeto: para lidar com as várias frentesDe projeto: para lidar com as várias frentes De metodologia específicas para se criar um produto De metodologia específicas para se criar um produto

editorialeditorial

Page 4: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 44

Design também precisa de Design também precisa de métodométodo

Projetar não é mais que uma série de Projetar não é mais que uma série de operações necessárias dispostas em ordem operações necessárias dispostas em ordem lógica (ditada pela experiência)lógica (ditada pela experiência)Também no campo do design não se pode Também no campo do design não se pode projetar sem método, pensar de forma projetar sem método, pensar de forma artística procurando logo a solução, sem artística procurando logo a solução, sem antes fazer uma pesquisa sobre o que já foi antes fazer uma pesquisa sobre o que já foi feito de semelhantefeito de semelhante

10% inspiração, 90% transpiração10% inspiração, 90% transpiração

Page 5: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 55

ProjetarProjetar

Projetar é fácil quando sabemos exatamente Projetar é fácil quando sabemos exatamente como proceder para alcançar a solução de um como proceder para alcançar a solução de um problemaproblema

Deve-se sempre quebrar um problema em Deve-se sempre quebrar um problema em problemas menoresproblemas menores

Forma de projetar não muda muitoForma de projetar não muda muito Sozinho x envolvimento de vários especialistasSozinho x envolvimento de vários especialistas Uso na procura de soluções para os problemas Uso na procura de soluções para os problemas

menores de metodologias e técnicas específicasmenores de metodologias e técnicas específicas Cozinhar arroz verde x Construir uma aeronaveCozinhar arroz verde x Construir uma aeronave

Page 6: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 66

Projetos resolvem necessidadesProjetos resolvem necessidades

Necessidade – Problema a ser resolvidoNecessidade – Problema a ser resolvido Resolução de problemas – implica numa soluçãoResolução de problemas – implica numa solução

Um problema não se resolve por sí só; no entanto contém todos Um problema não se resolve por sí só; no entanto contém todos os elementos para sua solução. É necessário conhecê-los e os elementos para sua solução. É necessário conhecê-los e utilizá-los no projeto de soluçãoutilizá-los no projeto de solução

Para se resolver um problema é sempre bom dividi-lo Para se resolver um problema é sempre bom dividi-lo em sub-problemasem sub-problemas

Para se ter certeza que a solução a ser dada será útil é Para se ter certeza que a solução a ser dada será útil é preciso compreender o problema / qual necessidade o preciso compreender o problema / qual necessidade o iniciou, que público irá usá-loiniciou, que público irá usá-lo

Page 7: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 77

Por que projetos falham?Por que projetos falham?

Tempo, dinheiro ou recursos insuficienteTempo, dinheiro ou recursos insuficienteObjetivos e expectativas não clarasObjetivos e expectativas não clarasDivergências não resolvidas entre os Divergências não resolvidas entre os membros da equipemembros da equipeAudiência pobremente definida – tentando Audiência pobremente definida – tentando agradar a todosagradar a todos Bom gerenciamento de projeto Bom gerenciamento de projeto aumenta a chance do projeto dar certoaumenta a chance do projeto dar certo

Page 8: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 88

Gerenciamento de ProjetoGerenciamento de ProjetoAs 5 fases de um projetoAs 5 fases de um projetoInicio: Inicio:

Articular a visão do projeto, estabelecer metas, reunir time, definir Articular a visão do projeto, estabelecer metas, reunir time, definir expectativas e escopo do projetoexpectativas e escopo do projeto

PlanejamentoPlanejamentoRefinar o escopo, identificando tarefas e atividades a serem finalizadas, Refinar o escopo, identificando tarefas e atividades a serem finalizadas,

desenvolvimento de cronograma e budget (qdo for o caso)desenvolvimento de cronograma e budget (qdo for o caso)ExecuçãoExecução

Liderar o time para que todos atinjam suas metas, resolvendo Liderar o time para que todos atinjam suas metas, resolvendo problemas e construindo o projetoproblemas e construindo o projeto

ControleControleMonitorar mudanças no projeto, fazer correções , ajustar cronograma Monitorar mudanças no projeto, fazer correções , ajustar cronograma

ou as expectativasou as expectativasFechamentoFechamento

Entregar o projeto, verificação dos resultados e medição do Entregar o projeto, verificação dos resultados e medição do sucesso.Escrever uma avaliação do projeto e do esforço de sucesso.Escrever uma avaliação do projeto e do esforço de desenvolvimento enumerando também todas as lições aprendidasdesenvolvimento enumerando também todas as lições aprendidas

Page 9: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 99

Início do ProjetoInício do ProjetoBaseado no trabalho já realizado:Baseado no trabalho já realizado:Escrever o máximo possível sobre as metas do site, de forma que Escrever o máximo possível sobre as metas do site, de forma que faça sentido para todos os envolvidos. Considere para isso os faça sentido para todos os envolvidos. Considere para isso os seguintes critérios:seguintes critérios:

Todos os envolvidos concordamTodos os envolvidos concordamRealísticasRealísticasEspecíficasEspecíficasMensuráveis (podem ser colocados num cronograma)Mensuráveis (podem ser colocados num cronograma)Tem um fimTem um fimSeja possível definir um responsável pela execuçãoSeja possível definir um responsável pela execução

Não confundir metas com funcionalidades. Corte tudo que não esteja Não confundir metas com funcionalidades. Corte tudo que não esteja diretamente ligado ao projeto. Considere o fim e não os passos para diretamente ligado ao projeto. Considere o fim e não os passos para conseguir chegar a eleconseguir chegar a ele

Toda a equipe deve possuir uma cópia deste documento.Toda a equipe deve possuir uma cópia deste documento.

Page 10: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1010

PlanejamentoPlanejamentoTranscrever metas em tarefas específicas (quebrar o problema em Transcrever metas em tarefas específicas (quebrar o problema em

tantos pedaços quantos forem necessários)tantos pedaços quantos forem necessários)Criar um plano para completar cada uma das tarefas.Criar um plano para completar cada uma das tarefas.Diferentemente de metas, tarefas são passos a serem seguidos em Diferentemente de metas, tarefas são passos a serem seguidos em

um cronograma que devem ser atribuídos a uma dada pessoa. Tarefas um cronograma que devem ser atribuídos a uma dada pessoa. Tarefas devem serdevem ser

Não ambiguas (devem ser descritas em uma ou duas sentenças)Não ambiguas (devem ser descritas em uma ou duas sentenças) Devem ser executadas sem interrupções (sem outras tarefas no Devem ser executadas sem interrupções (sem outras tarefas no

meio)meio)Associadas a uma pessoa ou a um grupoAssociadas a uma pessoa ou a um grupoUma única pessoa deve ser responsável por dizer que a tarefa Uma única pessoa deve ser responsável por dizer que a tarefa

está finalizadaestá finalizadaNum primeiro momento não se preocupe em listar as tarefas em Num primeiro momento não se preocupe em listar as tarefas em

seqüência, e sim no que precisa ser feito (ex: gravar trilhas de música, seqüência, e sim no que precisa ser feito (ex: gravar trilhas de música, digitalizar vídeo ou áudio, otimizar imagens, etc)digitalizar vídeo ou áudio, otimizar imagens, etc)

Page 11: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1111

PlanejamentoPlanejamentoUma vez que se tenha a lista de tarefas deve-se iniciar um Uma vez que se tenha a lista de tarefas deve-se iniciar um

plano para completá-las. Algumas tarefas são independentes, plano para completá-las. Algumas tarefas são independentes, outras possuem dependência cronológica. Organize as tarefas em outras possuem dependência cronológica. Organize as tarefas em seqüências lógicas. Identifique quem deve ser responsável por seqüências lógicas. Identifique quem deve ser responsável por cada uma delas, e quais recursos serão necessários (ferramentas, cada uma delas, e quais recursos serão necessários (ferramentas, parcerias, espaço em disco, etc). Atente para as tarefas que parcerias, espaço em disco, etc). Atente para as tarefas que dependam de outras.dependam de outras.Uma vez que se tenha uma seqüência deve-se colocar as Uma vez que se tenha uma seqüência deve-se colocar as

mesmas em um cronograma. Tente listar pontos de controle, mesmas em um cronograma. Tente listar pontos de controle, conjunto de tarefas que representem resultados conjunto de tarefas que representem resultados importantes.Exemplo: todas as mídias digitalizadas, todos os importantes.Exemplo: todas as mídias digitalizadas, todos os textos escritos, todas as telas-tipo finalizadas, etc. Especifique textos escritos, todas as telas-tipo finalizadas, etc. Especifique bem as data em que estes pontos de controle acontecerão.bem as data em que estes pontos de controle acontecerão.Durante o projeto, o cronograma deve ser sempre atualizado e Durante o projeto, o cronograma deve ser sempre atualizado e

comunicado a todos os envolvidoscomunicado a todos os envolvidosTenha uma lista de como contactar todas as pessoas Tenha uma lista de como contactar todas as pessoas

envolvidasenvolvidas

Page 12: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1212

ExecuçãoExecução

Inicie o projeto com uma reunião formal para Inicie o projeto com uma reunião formal para discussão do plano do projeto. Planeje reuniões discussão do plano do projeto. Planeje reuniões regulares durante o projeto para sincronizar a regulares durante o projeto para sincronizar a equipe e discutir problemas.equipe e discutir problemas.Lider de projeto deve manter contato constante Lider de projeto deve manter contato constante

com a equipe. Utilizar as ferramentas de com a equipe. Utilizar as ferramentas de comunicação escolhidas diariamente.comunicação escolhidas diariamente.Lider deve pedir para a equipe enviar Lider deve pedir para a equipe enviar

constantemente status do projeto, e comunicar o constantemente status do projeto, e comunicar o status global para todos.status global para todos.

Page 13: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1313

ControleControle

Não importa quanto planejamento se faça, Não importa quanto planejamento se faça, mudanças sempre ocorrem. Cronograma e mudanças sempre ocorrem. Cronograma e planejamento precisarão de constante atualizaçãoplanejamento precisarão de constante atualizaçãoNunca perca contato com a equipe e com o Nunca perca contato com a equipe e com o

andamento do projeto. Se re-planejamentos são andamento do projeto. Se re-planejamentos são necessários, é melhor revisar o escopo que necessários, é melhor revisar o escopo que comprometer o projeto inteiro.comprometer o projeto inteiro.Lembre-se que os 10% finais são os Lembre-se que os 10% finais são os

intermináveis. Identifique todas as tarefas faltantes intermináveis. Identifique todas as tarefas faltantes e faça um plano detalhado para cada uma delas. Se e faça um plano detalhado para cada uma delas. Se não for possível fazer tudo, revise o escopo e não for possível fazer tudo, revise o escopo e expectativasexpectativas

Page 14: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1414

FechamentoFechamento

Escreva detalhadamente o que ocorreu no projeto:Escreva detalhadamente o que ocorreu no projeto:Quais metas foram alcançada e quais não foram?Quais metas foram alcançada e quais não foram?Lider manteve comunicação com o time durante todo o projeto?Lider manteve comunicação com o time durante todo o projeto?Os problemas técnicos foram resolvidos?Os problemas técnicos foram resolvidos?Houve problemas com o time ou com outros recursos?Houve problemas com o time ou com outros recursos?Para quem se pediu aconselhamento? Foi útil?Para quem se pediu aconselhamento? Foi útil?Que conselhos você daria para outros que serão responsáveis Que conselhos você daria para outros que serão responsáveis

por projetos semelhantes?por projetos semelhantes?Liste as lições aprendidasListe as lições aprendidasIncluir cópia das metas originais, lista de tarefas, e cronograma. Incluir cópia das metas originais, lista de tarefas, e cronograma.

O antes e o depois são importantes para análise do projeto.O antes e o depois são importantes para análise do projeto.

Page 15: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1515

MetasMetas

Exemplos de metas a serem detalhadas:Exemplos de metas a serem detalhadas:Ser um site de crítica musical de rock britânico Ser um site de crítica musical de rock britânico

(passado e presente)(passado e presente)

Exemplo de tarefas seqüenciaisExemplo de tarefas seqüenciaisListar álbuns que serão criticados (responsável: Listar álbuns que serão criticados (responsável:

XX)XX)Critica dos álbuns (responsável: XX)Critica dos álbuns (responsável: XX)

Exemplo de pontos de controlesExemplo de pontos de controlesTodas as críticas de álbuns finalizadas (isto é Todas as críticas de álbuns finalizadas (isto é

texto final das críticas prontos) – Data: 09/09texto final das críticas prontos) – Data: 09/09

Page 16: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1616

Cronograma – ExemploCronograma – Exemplo

Page 17: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

´Metodologia de Produção e Mídias Interativas´Metodologia de Produção e Mídias Interativas 1717

Projeto de Sistemas Projeto de Sistemas Centrados no UsuárioCentrados no Usuário

Page 18: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1818

Design centrado em sistemasDesign centrado em sistemas

Page 19: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 1919

Aonde os sistemas falham?Aonde os sistemas falham?Síndrome do umbigo – sintomas crônicosSíndrome do umbigo – sintomas crônicos

Todos os usuários são iguais a mimTodos os usuários são iguais a mim

Page 20: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2020

Aonde os sistemas falham?Aonde os sistemas falham? Síndrome do umbigo – sintomas agudosSíndrome do umbigo – sintomas agudos

Se eles não são iguais a mim, não deveriam ser usuáriosSe eles não são iguais a mim, não deveriam ser usuários

Pensa-se no sistema, e não nos usuáriosPensa-se no sistema, e não nos usuários

Page 21: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2121

Design centrado em usuáriosDesign centrado em usuários

Design é baseado em:Design é baseado em: Habilidades e necessidades reais do usuárioHabilidades e necessidades reais do usuário ContextoContexto TarefasTarefas

Regra de ouro: Conheça seu usuárioRegra de ouro: Conheça seu usuário Desafio: atenda aos objetivos do que se Desafio: atenda aos objetivos do que se

constrói atendendo seus usuários.constrói atendendo seus usuários.

Page 22: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2222

Design centrado em usuáriosDesign centrado em usuários

Resultado: satisfação do usuárioResultado: satisfação do usuário Envolve um processo de colaboração Envolve um processo de colaboração

entre designers e usuáriosentre designers e usuários Processo de trabalho em grupo Processo de trabalho em grupo

multidisciplinarmultidisciplinar

Page 23: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2323

Abordagem ParticipativaAbordagem Participativa

Vantagens:Vantagens: Apresentando-se coisas concretas: usuários reagem Apresentando-se coisas concretas: usuários reagem

de forma excelentede forma excelente Usuários trazem conhecimentos que designers não Usuários trazem conhecimentos que designers não

teriam acessoteriam acesso Produto final gerando satisfação para o usuárioProduto final gerando satisfação para o usuário

DesvantagensDesvantagens Difícil selecionar usuários reais: caroDifícil selecionar usuários reais: caro Usuários detectam problema, não solucionamUsuários detectam problema, não solucionam Nem sempre sabem tudo o que queremNem sempre sabem tudo o que querem

Page 24: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2424

Abordagem ParticipativaAbordagem Participativa

Usuários participam de todas as etapas do Usuários participam de todas as etapas do projetoprojeto Colaboradores ativos ao invés de Colaboradores ativos ao invés de

participantes passivosparticipantes passivos

Usuários considerados como expertsUsuários considerados como experts Processo interativoProcesso interativo

Revisão da cada estágio do projetoRevisão da cada estágio do projeto

Page 25: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2525

Teoria e PráticaTeoria e Prática

TeoriaTeoria Novos produtos deveriam surgir de necessidades Novos produtos deveriam surgir de necessidades

reais de públicosreais de públicos Entendimento das necessidades, gaps, contextos, etc..Entendimento das necessidades, gaps, contextos, etc..

PráticaPrática Muitas vezes é difícil, caro saber as reais Muitas vezes é difícil, caro saber as reais

necessidades do públiconecessidades do público Tem-se uma idéia, e tenta-se moldar a idéia as Tem-se uma idéia, e tenta-se moldar a idéia as

necessidades do públiconecessidades do público Risco: idealizar produtos não necessários Risco: idealizar produtos não necessários Inovação: idealizar produtos que revolucionamInovação: idealizar produtos que revolucionam

Page 26: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2626

Teoria e PráticaTeoria e Prática In 1950, Tokyo Telecommunications Engineering Corp. faced a dilemma. It In 1950, Tokyo Telecommunications Engineering Corp. faced a dilemma. It

had developed Japan's first tape recorder, making a tape by grinding up had developed Japan's first tape recorder, making a tape by grinding up magnets and sticking the powder to strips of paper with rice paste. Now it magnets and sticking the powder to strips of paper with rice paste. Now it had a product, but hardly anyone had a use for it - until a number of had a product, but hardly anyone had a use for it - until a number of educators thought this new-fangled and little-understood gadget had educators thought this new-fangled and little-understood gadget had possibilities in the classroom. The company responded enthusiastically, possibilities in the classroom. The company responded enthusiastically, putting educational radio programs on tape to suit teaching curriculums. It putting educational radio programs on tape to suit teaching curriculums. It visited schools to lecture on how to use the new audio aids. Sales began to visited schools to lecture on how to use the new audio aids. Sales began to take off. Tokyo Telecom had learned its first valuable lesson in commercial take off. Tokyo Telecom had learned its first valuable lesson in commercial life - don't just create a product to fill a market need; create the market with life - don't just create a product to fill a market need; create the market with the product. It was an insight that co-founder Morita Akio would apply over the product. It was an insight that co-founder Morita Akio would apply over

the years as the tiny company grew to become the world giant Sony.the years as the tiny company grew to become the world giant Sony. Ver Ver

http://www.asiaweek.com/asiaweek/features/ahttp://www.asiaweek.com/asiaweek/features/aoc/aoc.morita.htmloc/aoc.morita.html

Page 27: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

´Metodologia de Produção e Mídias Interativas´Metodologia de Produção e Mídias Interativas 2727

Visão Geral da Metodologia Visão Geral da Metodologia para Construção de Mídias para Construção de Mídias

InterativasInterativas

Page 28: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2828

ExercícioExercício

20 minutos + 10 discussão20 minutos + 10 discussão Escrevam as etapas da construção de um Escrevam as etapas da construção de um

livro.livro.

Page 29: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 2929

Visão GeralVisão Geral

Regras básicas de desenvolvimento de Regras básicas de desenvolvimento de projetos se aplicam.projetos se aplicam.

Similaridade com a produção de qualquer Similaridade com a produção de qualquer outro produto editorialoutro produto editorial A mídia no entanto é diferente e suas A mídia no entanto é diferente e suas

particularidades devem ser respeitadasparticularidades devem ser respeitadas Maior enfoque na usabilidadeMaior enfoque na usabilidade

Page 30: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3030

Visão GeralVisão Geral

Entender a Mídia em que se trabalha é fundamentalEntender a Mídia em que se trabalha é fundamental (20 minutos + 10 discussão) (20 minutos + 10 discussão) Exercício: Comparar caracterísiticas da mídia impressa Exercício: Comparar caracterísiticas da mídia impressa

e eletrônicae eletrônica Espaço para as informaçõesEspaço para as informações Custo de produção e reproduçãoCusto de produção e reprodução Formas de acessoFormas de acesso Capacidade de atualizaçãoCapacidade de atualização Resolução x Facilidade de leitura Resolução x Facilidade de leitura Competências envolvidasCompetências envolvidas Maturidade da mídiaMaturidade da mídia Etc...Etc...

Page 31: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3131

Visão GeralVisão Geral

A construção de um sistema virtual está A construção de um sistema virtual está ligado a um empreendimento:ligado a um empreendimento:

Deve, portanto seguir regras e modelos de Deve, portanto seguir regras e modelos de criação e de negócios.criação e de negócios.

A origem das idéias pode vir de diferentes A origem das idéias pode vir de diferentes pontos na organização, empresa, etc.pontos na organização, empresa, etc.

Para o sucesso, como em todo Para o sucesso, como em todo empreendimento, envolvera um time empreendimento, envolvera um time multidisciplinarmultidisciplinar

Page 32: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3232

Visão GeralVisão Geral

Metodologia de DesenvolvimentoMetodologia de Desenvolvimento Porque há muito mais projetos de sistemas virtuais Porque há muito mais projetos de sistemas virtuais

que falham?que falham? Falta de conhecimento do usuárioFalta de conhecimento do usuário Falta de know-how sobre as tecnologiasFalta de know-how sobre as tecnologias Conceito de rápido vence o lentoConceito de rápido vence o lento

Omissão de conceituaçõesOmissão de conceituações Omissão das boas práticas de desenvolvimentoOmissão das boas práticas de desenvolvimento Omissão de controle de qualidadeOmissão de controle de qualidade Parcerias complexasParcerias complexas

Falta de gerenciamento adequadoFalta de gerenciamento adequado Mau uso da mídiaMau uso da mídia

Page 33: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3333

Metodologia para Construção de Metodologia para Construção de SitesSites

ConceituaçãoConceituação Modelo ConceitualModelo Conceitual

ConcepçãoConcepção Arquitetura de InformaçãoArquitetura de Informação Desenvolvimento da linha gráfica e telas tipoDesenvolvimento da linha gráfica e telas tipo Desenvolvimento do estilo editorial – tom de vozDesenvolvimento do estilo editorial – tom de voz

ImplementaçãoImplementação Desenvolvimento de ConteúdoDesenvolvimento de Conteúdo DiagramaDiagramação + HTMLção + HTML Projeto de TIProjeto de TI

Integração e aceiteIntegração e aceite PublicaçãoPublicação Monitoração e-performanceMonitoração e-performance

Page 34: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3434

ExercícioExercício

Imagine que você fosse construir uma Imagine que você fosse construir uma casacasa Abstraia quais seriam as ações a serem Abstraia quais seriam as ações a serem

realizadas nas etapas de:realizadas nas etapas de: ConceituaçãoConceituação ConcepçãoConcepção ImplementaçãoImplementação TesteTeste

Page 35: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3535

ExercícioExercício

Conceituação (objetivos, necessidades, Conceituação (objetivos, necessidades, restrições)restrições) Que tipo de moradia desejo (prédio, casa)Que tipo de moradia desejo (prédio, casa) Qual a distância que estou disposto a morar do Qual a distância que estou disposto a morar do

centro de São Paulocentro de São Paulo Quantas pessoas irão morar na casaQuantas pessoas irão morar na casa Existem restrições (crianças, idosos, deficientes)Existem restrições (crianças, idosos, deficientes) Qual o meu orçamentoQual o meu orçamento Vou construir (quanto tempo tenho) ou comprar Vou construir (quanto tempo tenho) ou comprar

prontapronta Quais as referências que tenho (revistas, moradias Quais as referências que tenho (revistas, moradias

de amigos, etc)de amigos, etc)

Page 36: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3636

ExercícioExercício

Concepção (mapeamento dos conceitos Concepção (mapeamento dos conceitos em modelos palpáveis)em modelos palpáveis)

Que espaços gostaria de terQue espaços gostaria de ter Amplitude de cada um delesAmplitude de cada um deles Proximidade de espaçosProximidade de espaços PrivacidadePrivacidade

Qual o estilo que desejoQual o estilo que desejo Acabamentos / decoração / iluminação / Acabamentos / decoração / iluminação /

pinturapintura

Page 37: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3737

ExercícioExercício

Implementação (tornar o modelo concebido Implementação (tornar o modelo concebido realidade)realidade) Obra propriamente ditaObra propriamente dita

Implementação não é possível sem concepçãoImplementação não é possível sem concepção Concepção sem conceituação pode levar a espaços Concepção sem conceituação pode levar a espaços

inabitáveisinabitáveis Percebam: profissionais envolvidos não podem Percebam: profissionais envolvidos não podem

construir a casa sem obter informações dos donos a construir a casa sem obter informações dos donos a cada etapa (abordagem participativa)cada etapa (abordagem participativa)

Page 38: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3838

Imple

menta

ção

Abordagem ParticipativaAbordagem Participativa

Estra

tégia

Visã

o – M

issão - O

bje

tivos

Arquitetura deInformação

Look & Feel

Arquitetura + Projeto de IT

Conteúdo

Back office infra-estrutura, parcerias,etc

Inte

gra

ção

Teste

s

Ace

ite

Publica

ção

Gerenciamento de Projetos

Boas Práticas / Guideline

Modelo de negócios

Modela

gem

Conce

itual

Opera

ção e

Manute

nçã

o

Pilo

to

Page 39: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 3939

Gaps mesmo com abordagem Gaps mesmo com abordagem participativaparticipativa

ExpectativaUsuários

•Usuário não sabe verbalizar suas necessidades•Usuário não foi compreendido•Custo, legado, políticas

Modelagem Conceitual (sistema)

ModeloMental(usuário)

Exercicio: quais os tipos de testes podem ser aplicados em cada uma das fases para Que se mantenham / diminuam os gaps acima. Proponha realimentações para Diminuição de gaps.

•Tarefas/ contexto do usuário não forma entendidas•Falhas de consistências (AI + L&F)•Custo, legado,políticas

Interface

Page 40: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4040

ConceituaçãoConceituação

VisãoVisão MissãoMissão ObjetivosObjetivos Público Alvo e suas NecessidadesPúblico Alvo e suas Necessidades Levantamento de Requisitos, Escopo, LimitaçõesLevantamento de Requisitos, Escopo, Limitações Modelo de Negócios (viabilidade)Modelo de Negócios (viabilidade) Análise da ConcorrênciaAnálise da Concorrência MetáforasMetáforas ParceriasParcerias PlanejamentoPlanejamento Necessidaes OpercionaisNecessidaes Opercionais

Page 41: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4141

ConcepçãoConcepção

Transformação de conceitos em modelos Transformação de conceitos em modelos funcionaisfuncionais

Simplificação do complexoSimplificação do complexo Uso de wireframes e maquetesUso de wireframes e maquetes Envolve as etapas de:Envolve as etapas de:

Arquitetura de InformaçãoArquitetura de Informação Projeto Gráfico – Identidade VisualProjeto Gráfico – Identidade Visual Estilo Editorial – Tom de vozEstilo Editorial – Tom de voz

Page 42: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4242

ImplementaçãoImplementação

Usando os modelos concebidos Usando os modelos concebidos implementar as várias páginasimplementar as várias páginas

EnvolveEnvolve Editoria de todos os conteúdosEditoria de todos os conteúdos Diagramação em HTMLDiagramação em HTML Projeto de TIProjeto de TI

Page 43: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4343

IntegraçãoIntegração

Unir todas as partesUnir todas as partes

Testes e AceiteTestes e Aceite

PublicaçãoPublicação

MonitoramentoMonitoramento

Page 44: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4444

ComunicaçõesComunicações

Ler para próxima aula:Ler para próxima aula: Cognitive Engineering – Donald Norma Cognitive Engineering – Donald Norma

(xerox)(xerox) A user based design process for web sites – A user based design process for web sites –

E. G. Abels, M.D. White, K. HahnE. G. Abels, M.D. White, K. Hahn

Page 45: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4545

Leituras ComplementaresLeituras Complementares

http://www-3.ibm.com/ibm/easy/http://www-3.ibm.com/ibm/easy/eou_ext.nsf/publish/558eou_ext.nsf/publish/558

http://www.acm.org/~perlman/uidesign.hthttp://www.acm.org/~perlman/uidesign.htmlml - capítulo 1 - capítulo 1

Page 46: ´Metodologia de Produção e Mídias Interativas 1 Aula 3 Como Projetar Mylene Melly

Aula 2Aula 2 Metodologia de Produção de Mídias InterativasMetodologia de Produção de Mídias Interativas 4646

Maus exemplosMaus exemplos

http://www.webpagesthatsuck.comhttp://www.webpagesthatsuck.com http://www.guinnessudv.comhttp://www.guinnessudv.com (MENU) (MENU)

http://digilander.libero.it/chiediloapippo/Enhttp://digilander.libero.it/chiediloapippo/Engineering/iarchitect/index-1.htmgineering/iarchitect/index-1.htm (hall of shame e hall of fame) (hall of shame e hall of fame)