Palestra impacta

AI NA CRIAÇÃO E SUA FUNÇÃO NA ESTRATÉGIA CRIATIVAMELINA ALVES - 28 E 29/09/2010 - AUDITÓRIO IMPACTA - SÃO PAULO - SP

@MelinalvesMELINA ALVES

Arquiteta de Informação e User Experience Specialist Sênior da Ínsula Comunicação, agência digital daNeogamaBBH.

Criação de campanhas, widgets e experiências digitais para diversas plataformas e formatos, incluindoAdverGames, Flashmobs, ARGs para grandes marcas nacionais e multinacionais. Atual responsável pelaArquitetura da Informação e Expêriencia do Usuário em projetos digitais, envolvendo ações de Ativação,Marketing Direto, Marketing de Relacionamento e Branded para Bradesco, Bradesco Seguros ePrevidência, TIM, Schincariol, Ajinomoto entre outros.

Criação e Gerência de SEO e Links Patrocinados: qualificada pelo Google Adwords Advanced Professional.

Passagens pelas agências GreyZest, Fábrica, Sun/MRM do grupo Mccann Erickson.

Pós-Graduada e Professora de Arquitetura da Informação pela FIT-SP.Graduada em Publicidade e Propaganda pela Cásper Líbero.Roteirista de Cinema, Direção e Produção por Syd Field, Walter Webb e Romeu Di Sessa.Curso em Psicologia e Filosofia por Oswaldo Giacóia Júnior.E constante observadora do comportamento humano e social.

OPORTUNIDADES E INSPIRAÇÃO

@Melinalves

“...ambiciosas políticas sociais permitiram a milhões de brasileirosmigrarem de classe de renda, o que refletiu no seu padrão de gastos ehábitos de consumo...”

O Estado de S. Paulo - 03 de agosto de 2010

“...mercados em rupturas são bons ambientes para ganhos acentuados...”ProXXima – Agosto 2010

“... 97% dos brasileiros tem celular, sendo que 82,20% usam pré-pago, sem contar aqueles que tem mais de 1 aparelho...”

O Globo – 21 de setembro de 2010

OPORTUNIDADES DO MERCADO E INSPIRAÇÃO

@MelinalvesOPORTUNIDADES DO MERCADO E INSPIRAÇÃO

“...os internautas da classe C já tem um perfil semelhante ao deinternautas maduros. ...buscam fotos e vídeos sobre produtos eendereço de lojas, além de comentários no Twitter...”Folha de São Paulo - 21 de setembro de 2010

“...Plano Nacional de Banda Larga prevê levar a internet rápida para 40milhões de brasileiros em 2014...”Estado de São Paulo – 21 de setembro de 2010

“...no Brasil e no mundo, o iPad abre espaço para as tablets, que estimaa chegada do mais famoso deles por aqui custando aproximadamente R$ 1.200,00, mais barato que o iPhone e não requer pacote com operadora...”

ProXXima – Agosto 2010


“...união entre telefonia e redes sociais provocam revolução no comportamento e criam novas opções de lazer e trabalho com base nainternet...”O Dia - 05 de agosto de 2010

“...87% dos internautas têm perfis em redes sociais.3º idioma mais falado no Twitter é o português20 milhões de brasileiros usam o YoutubeO Linkedin tem mais de 1,5 milhões de brasileiros...”O Dia – 05 Agosto 2010

“...5ª nação mais populosa do planeta = 192.304.735 habitantes...”IBGE 2010

@Melinalves

“...o motor da evolução fica cada vez mais acelerado, abrindo portas paranovas oportunidades...”New York Times - 25 de agosto de 2010

“...aparelhos móveis exigem design simples e de fácil uso...”New York Times - 25 de agosto de 2010

“...Inovação e experimentação com capacidade de adaptação, essaé a regra num período de mudanças bruscas...”New York Times - 25 de agosto de 2010



MELO, Eliana; PRADOS, Rosália; GRARCIA, Wilton:Linguagens, tecnologias, culturas: discursos contemporâneos.Ed.Fatash Editora- 2008 - pg. 11 e 135

RELAÇÃO SÓCIO-CULTURAL

“...linguagens são reveladoras de nossas marcas e das mudanças que somos capazes de empreender...”

- ESCALA DE IMPORTÂNCIA +

EDUCAÇÃO/COMPORTAMENTO

“Comportamentalismo:é o conjunto das teorias psicológicas que postulam o comportamento como o mais adequado objeto de estudo da Psicologia.”

BANCO DE REFERÊNCIAS

“Todos os sites,exposições, filmes,informações para montar sua rede de pesquisa,benchmarking e banco de ideias”


Acesso:24/09/2010: http://homes.dcc.ufba.br/~frieda/mat061/cognitiv.htmAcesso:24/09/2010: http://www.eps.ufsc.br/disserta97/longen/cap3.htm

• Behaviorismo teve inicio pelo americano John B. Watson(1878-1958) em 1913.• Homem começa a ser estudado como produto do processode aprendizagem pelo qual passa desde a influência, ou seja,como produto de associações estabelecidas durante sua vida, entre estímulos (do meio) e respostas (manifestaçõescomportamentais) a estes estímulos.• Duas vertentes: o comportamento respondente (reflexo) e o comportamento operante (voluntário). Watson, não existealgo chamado de consciência. Toda aprendizagem depende do meio externo.• Skinner 1930 - Behaviorismo radical: afirma-se que a organização do comportamento não se localiza no indivíduo,mas nas suas relações: é o o que ele vai chamar de "contingênciada tríplice": estímulo - resposta - consequência.

EDUCAÇÃO/COMPORTAMENTO

“Comportamentalismo:é o conjunto das teorias psicológicas que postulam o comportamento como o mais adequado objeto de estudo da Psicologia.”

@Melinalves

Um esboço do processo de condicionamento clássico usando a terminologiado behaviorismo

Acesso:24/09/2010: www.scottsdalecc.edu/ricker/psy101/readings/section_5/5-7.html


CONDITIONEDSTIMULUS

(CS)Followed By

UNCONDITIONEDSTIMULUS

(UCS)

CONDITIONEDRESPONSE

(CR)

UNCONDITIONEDRESPONSE

(UCR)

�

�

�

@MelinalvesOPORTUNIDADE E INSPIRAÇÃO

http://www.youtube.com/watch?v=R-Ez5YXezxE&NR=1


MELO, Eliana; PRADOS, Rosália; GRARCIA, Wilton: Linguagens, tecnologias, culturas:discursos contemporâneos. Ed.Fatash Editora- 2008 - pg. 11 e 135Acesso:24/09/2010: http://homes.dcc.ufba.br/~frieda/mat061/cognitiv.htm

Algumas vertentes importantes surgiram a partir da insatisfaçãodo Behaviorism no qual a mente era só uma "passagem" deinformações e/ou estímulos:

Cognitivismo nas suas principais abordagens:

PROCESSAMENTO DA INFORMAÇÃO analisam a maneiracomo as pessoas solucionam difíceis tarefas mentais e constroemmodelos para essas explicações.

CONEXIONISTA todo processo pelo qual o input sensorial é transformado, reduzido, elaborado, armazenado, recuperadoe usado.

“ A cultura digital, talvez, possa modificar particularmente asensibilidade percepto-cognitiva, cada vez mais abastecidapela expectativa da eficiência online.”

RELAÇÃOSÓCIO CULTURAL

“...linguagens são reveladoras de nossas marcas e das mudanças que somos capazes de empreender...”

@Melinalves

SCOOTER MINI E, DA BMW: o iPhone fica no cockpit, funcionando como chave de ignição como um aparelho de GPS. Tem fone Bluetooth plugado e um aplicativo que avisa a posição de outrasscooters Mini E ao redor de você para poder criar uma gangue de scooters elértricas.

Acesso 24/08 http://gizmodo.com.br/conteudo/scooter-mini-e-da-bmw-e-um-dock-de-iphone-de-duas-rodas


@Melinalves

“Por exemplo, você poderia assistir a um programa de culinária na TV que foi sincronizado com o seu IPAD. O menu do IPAD lhe diz exatamente o que está acontecendo e você pode clicar sobre osingredientes para fazer uma lista de compras.”

Acesso 24/09/2010 http://www.fastcodesign.com/1662096/how-ipad-could-transform-the-tv-watch-ing-experience


@Melinalves

EADS ASTRIUM SPACE PLANE. Este é um protótipo para o turismo espacial comercial. Concebidaem 2007, é projetado para transportar quatro passageiros 62 milhas para o espaço, dando mais detrês minutos de gravidade zero.

Acesso 22/09/2010 http://www.fastcodesign.com/1662330/looking-back-on-marc-newsons-vision-ary-transportation-designs#2


@Melinalves

CONTROLE REMOTO PARA WEB TV. Sem botões e totalmente intuitivo você pode navegar por canais,ajustar o volume, dar uma passada no Facebook - tudo sem apertar um botão. O controle remoto foiprojetado por Lunar Europa, Ident Technology AG, e zinosign e, apesar de que parece um cruzamentoentre um mouse touchpad e um celular touchscreen, ele age mais como um sensor de movimento.

Acesso 22/09/2010 http://www.fastcodesign.com/1662267/a-magical-gestural-remote-for-control-ling-web-tv-content-video


http://www.youtube.com/watch?v=1CcG9BOQwBs&feature


1 - EARLY ADAPTERS 2 - EARLY MAJORITY

3 - LATE MAJORITY

LEUNG, Linda; Digital Experience Design (Gawlinski 2003: 229)- Ed. Intellect - 2008.

Como acontece com qualquer nova tecnologia, os consumidores são classificados em quatro grupos:

4 - MASS MARKET

@Melinalves

ONDE ESTAMOS?

PRÓXIMOS PASSOS?


3D INTERFACE TOUCHSCREEN

HOLOGRAM IPHONE 1

HOLOGRAM IPHONE 2

http://www.youtube.com/watch?v=1IshHkcl5_g&feature=PlayList&p=9064754F9A553D80&index=0&playnext=1

http://www.youtube.com/watch?v=_jxDd4NCaqc&p=9064754F9A553D80&index=15

http://www.youtube.com/watch?v=_n83XjFSSvM&p=9064754F9A553D80&index=16

METODOLOGIA DE TRABALHO: BASE PARA INSUMOS CRIATIVOSEM POUCO TEMPO.

@Melinalves

OPORTUNIDADES NO TRABALHOONDE FICA O AI/UX?

ATENDIMENTO

• Reuniões• Clientes

PLANEJAMENTO

• Cenário• Persona• Benchmarking• Relatórios

GERENTEPROJETOS

• Requisitos• Escopo• Prioridades• Fases de

implementação• QA• Relatórios

CRIAÇÃO

• Interface• Conceito• Conteúdo• QA

MÍDIA

• Relatórios• Formatos

especiais

GERENTETECNOLOGIA

• Oportunidades

- ESCALA DE RELACIONAMENTO +

AI/UX

@Melinalves


• Participa das Reuniões, especialmente aquelas que apresentamo projeto.

• Entende o modelo de negócio do cliente e suas expectativas

ATENDIMENTO


AI/UX

@Melinalves


PRIMEIRO

• Ajuda a fechar o escopo do projeto• Análise de requisitos• Definem fases de implementação

para cronograma de entregas

ATENDIMENTO


GERENTEPROJETOS



AI/UX

@Melinalves


• Definem personas• Definem cenários• Faz benchmarking de funcionalidades

enquanto planejamento faz do negócio• Preparam/discutem Objetivo, Estratégia e Tática.

PLANEJAMENTO


AI/UX

@Melinalves

TRINCA DE CRIAÇÃO


• Scketch de Interface• Prioridades de assuntos (heurística, taxonomias, categorias)• Definição de conceito criativo

CRIAÇÃO


AI/UX

DIR.ARTE/DESIGNER ARQUITETO DA INFORMAÇÃO WEBWRITTING/REDATOR

@Melinalves


• Validação do que é viável de acordo com criação e requisitos técnicos

GERENTE DETECNOLOGIA

• Oportunidades

AI/UX

@Melinalves


ATENDIMENTO


PLANEJAMENTO


GERENTEPROJETOS



CRIAÇÃO


MÍDIA

• Relatórios• Formatos

especiais

GERENTETECNOLOGIA

• Oportunidades

- ESCALA DE RELACIONAMENTO +

AI/UX

POR ONDE COMEÇAR?METODOLOGIA ÁGIL DE TRABALHO

@Melinalves


ANÁLISE DA CONCORRÊNCIA

PLANEJAMENTO ARQUITETO DA INFORMAÇÃO

“DEFINA SEUS PONTOS DE OBSERVAÇÃO”

PLANEJAMENTO Conceito, marca, posicionamento, estratégias, táticas, objetivos.

ARQUITETO DA INFORMAÇÃO Todos esses dados dentro da experiência do usuário,estrutura, navegação, funcionalidades, categorização e na taxonomia.

@Melinalves


“ANTECIPE E ORGANIZE SEU BANCO DE REFERÊNCIAS”

PLANEJAMENTO Pontos positivos e negativos da empresa analisada que podem ser adaptados ou melhorados dentro doa definição de conceito, marca, posicionamento, estratégias, táticas, objetivos.

ARQUITETO DA INFORMAÇÃO Pontos positivos e negativos da empresa analisada que podemser adaptados ou melhorados pela experiência do usuário, estrutura, navegação, funcionalidades,categorização e na taxonomia.

BENCHMARKING


@Melinalves


“ANTECIPE E ORGANIZE SEU BANCO DE REFERÊNCIAS”

PORQUE NÃO UMA PESQUISA?• Propor perguntas indiretas para se descobrir comportamento• Perguntas diretas para descobrir cenários

BENCHMARKING


@Melinalves


PERSONAS E CENÁRIOS


“TENHA EM MENTE O PERFIL E COMPORTAMENTO DOS SEUS USUÁRIOS”

PLANEJAMENTO Define o público pelo macro - público-alvo segmentado em classe social.Define cenário de uso pelo comportamento da classe.

ARQUITETO DA INFORMAÇÃO Analisa públicos pelo nicho - distintos grupos de personas.Define cenários de uso conforme interesses e comportamento de cada grupo junto a interface e ambientes (interno e externo) de uso.

@Melinalves


PERSONAS E CENÁRIOS E UMA COMPARAÇÃO COM TÉCNICAS DE SCREENPLAY

O principal do trabalho de um roteirista é achar um personagem principal para começara decupar todo o enredo. E o principal para um arquiteto, antes de começar seu protótipo, é definir bem suas personas.1

@Melinalves



O personagem de roteiro tem um comportamento específico e um modelo mental quevai guiar sua decisões no momento de escrever um determinado Plot Point ou cena.E como arquiteto, cada grupo de personas se comporta de maneira diferente em determinada situação, direcionando as funcionalidades aplicadas na interface.

2

@Melinalves



Se o roteirista não entender bem o modelo mental dos seus personagens, a históriaperde atração. Se o arquiteto perder o foco das suas personas, o site perde a consistênciae usabilidade.3

@Melinalves



Um roteirista monta cena por cena e não pode perder a ligação do enredo, mesmo quea história não seja linear. O arquiteto, constrói frame a frame e, mesmo que não seja umanavegação linear, todos os links tem que fazer sentido entre as seções conectadas.4

@Melinalves



O roteirista, antes de começar a escrever, precisa saber como vai ser o começo, o meioe o fim da história, se não quiser perder tempo. O arquiteto, se não quiser perder seu trabalho ou seu cliente, tem que saber como vai ser arquivadas ou processadas as informações para guardar ou devolver os dados gerados e usar adequadamente o banco de dados para melhorar os negócios.

5

@Melinalves



O roteirista define como vai ser o filme com uma história que fica para sempre marcada na mente das pessoas, sejam boas ou ruins. O arquiteto da informação definecomo vai ser o site/interface e, se fizer bem feito, vai gerar fidelidade à marca ou produto vendido e seu site ou platatorma web poderão ser "assistidos" mais uma vez.

6

@Melinalves


CARD SORTING

USUÁRIO ARQUITETO DA INFORMAÇÃO

“USE SUA EXPERIÊNCIA EM EDITORAÇÃO.SE PRECISAR, CONVIDE COLEGAS DE TRABALHO”

USUÁRIOS Dão insights de taxonomias e ajudam a categorizar melhor as informações.

ARQUITETO DA INFORMAÇÃO Categoriza as informações, de preferência com a participaçãode grupos de personas para verificar taxonomias.

@Melinalves


CARD SORTING

Acesso 25/09/2010 http://www.melissarobinson.co.uk/card_sorting.jpg

@Melinalves


ANÁLISE DE FUNCIONALIDADES

GERENTES DE PROJETOS ARQUITETO DA INFORMAÇÃO

“MESMO COM UM ESCOPO E SOW DEFINIDOS,VOCÊ É O RESPONSÁVEL POR PROPOR INOVAÇÕES”

EXEMPLO: FUNCIONALIDADE | JUSTIFICATIVA | IMPORTÂNCIA

GERENTE DE PROJETOS Define funcionalidades para uma aprovação de escopo com cliente.

ARQUITETO DA INFORMAÇÃO Usa escopo como briefing do projeto. Adiciona ou elimina funcionalidades que não tenham a ver com a experiência de uso ou com o modelo de negócio docliente. Monta matriz de funcionalidades para orçamento mais aproximado.

@Melinalves


SITEMAP


“USE. MAS SE FOR PRECISO”

ARQUITETO DA INFORMAÇÃO Desenha fluxos como workflow, por exemplo. Muitas vezes,com um fluxos detalhados, o sitemap se faz desnecessário. Existem sites que dispensam sitemaps eprecisam de documentos que organizem o fluxo da informação.

DEFINIÇÃO “um documento de produto que procura comunicar a estrutura geral e a navegação de um site -incluindo a possibilidade telas, páginas, objetos, estados e fluxos… Então, sitemaps precisam sercapaz de envolver e comunicar efetivamente a estrutura e conceitos”

Fonte: http://www.slideshare.net/UserIntelligence/evolution-of-the-sitemap-2082184

@Melinalves


SITEMAP


“USE. MAS SE FOR PRECISO”

Fonte: http://www.slideshare.net/UserIntelligence/evolution-of-the-sitemap-2082184

@Melinalves


SITEMAP

@Melinalves


SITEMAP

@Melinalves


SITEMAP

@Melinalves


SITEMAP

@Melinalves


SITEMAP

@Melinalves


SITEMAP

@Melinalves


SITEMAP

@Melinalves


SCKETING

DESIGNER REDATORARQUITETO

DA INFORMAÇÃO

“EXPRESSAR IDEIAS EM CONJUNTO.”

Uma forma de expor ideias, materializar e convergir em um senso comum mais eficaz. Tudo dependede entrosamento da equipe para ganhar agilidade e eficiência.

@Melinalves

Acesso 25/09/2010 http://www.inspireux.com/2010/05/25/exercise-ux-design-redesign-facebooks-privacy-settings-part-2/


SCKETING

@Melinalves


WIREFRAME

ARQUITETO DA INFORMAÇÃO

Hora de organizar todos os insights, inserir especificações de navegação, definir hierarquias e prototipar.Não importa se é navegável, o importante é documentar bem todas as decisões do projeto.

@Melinalves


@Melinalves


TESTES


“SÃO PROPORCIONALMENTE COMPLEXOS AO SISTEMA E INTERFACE”

OS TESTES PASSAM POR DETERMINADAS ETAPAS DO PROJETO:

TESTE DO WIREFRAME Pode ser feito por você, durante o trabalho com uma pessoas que caracterizam os grupos de personas e cenários de uso determinados.TESTE DO PROJETO Antes de implementar, faça testes com o site já navegável e design concretos.

TESTE DE FEEDBACK DE USO Acompanhe os relatórios de uso e comentários dos usuáriospara evlução de conceitos e interface.

@Melinalves


TESTES


“SÃO PROPORCIONALMENTE COMPLEXOS AO SISTEMA E INTERFACE”

DEFINA ÁREAS que precisam ser tagueadas/tracking

DEFINA OBJETIVOS Modelo de negócio e desafios da interface

POR HOJE É SÓ.OBRIGADA :)

MELINA ALVES - 28 E 29/09/2010 - AUDITÓRIO IMPACTA - SÃO PAULO - SP

[email protected]@melinalvesaiaqui.blogspot.com

Documents

Palestra impacta