Ux para agencias de publicidade

  • View
    89

  • Download
    1

Embed Size (px)

DESCRIPTION

UX para agencia de publicidade

Text of Ux para agencias de publicidade

  • 1. UX para agncias de publicidade Richard Jesus @richardrx

2. Antes de qualquer coisa... 3. UI no UX 4. INTERFACE PESSOAS SISTEMAS INTERFACE DE USURIO (UI) 5. UX no s usabilidade 6. SALVAR PRINCESA PRESSIONE O BOTO PARA SALVAR A PRINCESA Matador de Drages X ref: Why Usability Engineers Dont Design Video Games - SmashingApps 7. FUNCIONAL trabalhar como o programado Foco em TAREFAS (produtos, caractersticas) CONFIVEL sempre disponvel quando preciso USVEL pode ser usvel sem dificuldade CONVENIENTE Funciona examente como voc pensa AGRADVEL vale a pena compartilhar Foco em EXPERINCIAS (pessoas, atividades, contexto) SIGNIFICATIVA possui significado pessoal ref: UX Hierarchy of neeeds - Stephen Anderson 8. DIGITAL ONTEM Anncios Web 9. Anncios Web Search Mobile Social Eventos PDV Embalagem DIGITAL HOJE 10. Garantir que a experincia seja positiva em todos os pontos de contato com a marca. 11. 1Desconhecido UX no importante 2 Interessado UX importante, mas recebe pequeno incentivo 3 Investido UX muito importante e programas formais surgem 4 Praticado UX crtico e executivos esto ativamente envolvidos 5 Comprometido UX um dos principais princpios da estratgia organizacional 6 Embutido UX est no tecido da organizao, no discutido separadamente MODELO DE MATURIDADEUX 12. DESIGNPESQUISA FRONT-END BACK-END Humano Tecnologia Diretor de Arte Desenvolvedor ? Planejamento MODELO DE MATURIDADE Fornecedor 13. DESIGNPESQUISA FRONT-END BACK-END Humano Tecnologia Arquiteto da Informao UI Designer Desenvolvedor MODELO DE MATURIDADE 14. DESIGNPESQUISA FRONT-END BACK-END Humano Tecnologia UI Designer DesenvolvedorArquiteto da Informao UX Designer MODELO DE MATURIDADE 15. CONTEDO USURIO UX depende de... CONTEXTO 16. Contexto ao mesmo tempo QUANTITATIVO & QUALITATIVO Tamanho da tela Conectividade Processamento Capacidade Mtodos de entrada Objetivos do usurio Ambiente do usurio Ateno do usurio Capacidade do usurio 17. Como entregamos isso? 18. Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 19. Benchmark Entrevistas Pesquisa Quantitativa Definio de KPIs Anlise de Tarefas Inventrio de Contedo ENTREGVEIS Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 20. Personas Blueprint Jornada de Consumidor Ecossistema Mapa do Site Card Sorting Wireframe Prottipos Navegveis ENTREGVEIS Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 21. Moodboards ENTREGVEIS Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 22. Especicaes de Projeto Recomendaes de SEO ENTREGVEIS Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 23. Controle de Qualidade ENTREGVEIS Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 24. Teste de Usabilidade Avaliao Heurstica Testes A/B Anlise de Mtricas ENTREGVEIS Pesquisa e Anlise Estratgia e Conceito Design Desenvolvimento Implementao Monitoramento 25. sobre pessoas, e no dispositivos. Pesquisa e Anlise 26. TELA GRANDE CONEXO RPIDA NAVEGADOR CAPAZ HARDWARE POTENTE POSIO ESTACIONRIA AMBIENTE CONFORTVEL SISTEMA OPERACIONAL ROBUSTO ENTRADA EFICIENTE DE INFORMAO ANTIGO CONTEXTO 27. MLTIPLAS TELAS CONEXES DIVERSAS NAVEGADORES VARIADOS HARDWARE VARIVEL INMERAS POSIES QUALQUER AMBIENTE SISTEMAS OPERACIONAIS LIMITADOS ENTRADA LIMITADA DE INFORMAO NOVO CONTEXTO 28. Mobile no um nicho. 29. MOBILE Brasil j possui 14% de adoo representando um total de 27 milhes de pessoas. 28% Android 13% Symbian 12% iOS ref: ThinkwithGoogle 2012 - Ipsos, iab and Mobile Marketing Association 1.2bilhes de pessoas usurios conectados no mundo hoje 58% EUA J POSSUI SMARTPHONES 2015 MOBILE ULTRAPASSA DESKTOP 15% DO TRFEGO GLOBAL MOBILE 48% J USOU PARA COMPRAR 30. 20% Nenhum tamanho de tela possui mais de de marketshare 31. No ser otimizado para mobile como fechar sua loja um dia por semana. 32. 3GNO BRASIL Vivo 724 Claro 421 Oi Brasil Telecom 429,6 Oi Telemar 368,7 Tim 363,6 Nmeros em kilobits por segundo. Operadoras 3G no Brasil 33. Um iPad com 3G da TIM leva quase 2 minutos a pgina inicial do NoSalvo. #signica 3GNO BRASIL 34. QR CODE 35. NO VEM INSTALADO NA MAIORIA DOS SMARTPHONES EXIGE CONEXO COM A INTERNET QR CODE 36. DA AUDIENCIA TOTAL NOS ESTADOS UNIDOS J USOU QR CODE6.2% 53% homens 18-34 49% revistas ou jornais 35% embalagem de produto 58% escanearam em casa ref: 14 Million Americans Scanned QR Codes in june 2011 - comScore 37. 49% ref: Q3 Tablet Shipments Up 49.5% Vs. Yr Ago; Up 6.7% Vs.Q2 - FORBES / IDC Tablets cresceram 49.5% em 2012 em relao ao ano anterior. Cada vez mais mobilidade tablets 38. ref: Advertising and Audiences: The State of the Media 2012 - NIELSEN Atividades consecutivas no tablet enquanto assistem televiso Buscaram informao de um produto que viram o anncio na TV. 20% 33% Buscaram informao relacionada ao programa que assistiam. Buscaram cupons e ofertas relacionadas ao comercial que assistiram. 13% CONSUMO DE INFORMAO 39. Atividades consecutivas no tablet enquanto assistem televiso Buscaram informao de um produto que viram o anncio na TV. 20% 33% Buscaram informao relacionada ao programa que assistiam. Buscaram cupons e ofertas relacionadas ao comercial que assistiram. 13% CONSUMO DE INFORMAO ref: Advertising and Audiences: The State of the Media 2012 - NIELSEN 40. Buscaram informao de um produto que viram o anncio na TV. 20% 33% Buscaram informao relacionada ao programa que assistiam. Buscaram cupons e ofertas relacionadas ao comercial que assistiram. 13% CONSUMO DE INFORMAO ref: Advertising and Audiences: The State of the Media 2012 - NIELSEN Atividades consecutivas no tablet enquanto assistem televiso 41. dos consumidores simultneos navegam motivados pela TV destes consumidores que tambm comentam assistem TV motivados pela internet 70% 80% CONSUMO SIMULTNEO INTERNET + TELEVISO 42. 10 125 pageviews 9 7 5 116 pageviews 90 pageviews 79 pageviews ref: Amazon Kindle Fire is 54% of US Android tablets 2012 - comScore / Luke Wroblewski TAMANHO FAZ DIFERENA 43. 17 30 39 43* ref: The Multi Screen World 2012 - Google / Sterling Brand / Ipsos(*) NMERO DE MINUTOS EM MDIA TAMANHO FAZ DIFERENA 44. Voc deve comear com a experincia do usurio e depois ir pra tecnologia. Steve Jobs 45. CRIAR UM APLICATIVO NO IR RESOLVER O PROBLEMA. Estratgia e Conceito 46. Aplicativator CRIAR APLICATIVO OU SELECIONE PELO TIPO Geo-localizao Fotos com filtros Mensagens instantneas 47. ObjetivosdeNegcio Necessidades de Pessoas Enganando Destruindo Sonhando Equilibrando Negcio Usurio Negcio Usurio Negcio Usurio Negcio Usurio 48. Quais so os objetivos do negcio e como eles se conectam nas necessidades das pessoas. 49. O QUE REALMENTE NECESSRIO? Po e Salsicha Mostarda Ketchup Pur Batata Palha Vinagrete 50. Po e Salsicha Mostarda Ketchup Pur Batata Palha Vinagrete O QUE REALMENTE OPCIONAL? 51. A MENSAGEM ACESSVEL? 52. Galaxy S9 iPhone 8S NEM TODO MUNDO TEM UM... 53. Sistema operacional limitado Tamanho de tela Processador limitado Conectividade reduzida Aquilo que chamamos de mobile compreende mais que apenas celulares e smartphones, mas tambm tablets, jogos portteis. MOBILE 54. Um caso clssico de tecnologia no acessvel para alguns dispositivos mveis, mas que pode se repetir com outras tecnologias que no considerem dispositivos mveis. Uso desnecessrio de Flash MOBILE 55. Conexo Limitada 3GA conexo 3G no Brasil no atinge 1 Mbps (megabit por segundo) MOBILE 56. A MENSAGEM COMPREENSVEL? 57. A MENSAGEM RELEVANTE? 58. Calma. Estamos quase l. 59. BOM DESIGN BOA EXPERINCIA Design 60. Passos antes de abrir o PSD 4 61. DESENVOLVA PROTTIPOS VALIDE INTERNAMENTE APRENDA COM O COMPORTAMENTO DO USURIO TESTE EXTERNAMENTE 62. VALIDE INTERNAMENTE Entreviste sua me Entreviste seu vizinho No precisa gastar 63. Wireframe Prottipo Simulao Esboo Fluxograma Navegao Elementos Visuais Interao Funcionalidades Alta Fidelidade Processo Dinmico DESENVOLVA PROTTIPOS 64. TESTE EXTERNAMENTE Teste com a faxineira Teste com o mecnico Teste com o entregador 65. APRENDA COM O USURIO Observe e oua Pergunte e tome notas No influencie decises 66. Torne a mensagem clara. 67. Contraste Fonte Idioma Call to action Use baixo contraste de cores para restries 68. Contraste Fonte Idioma Call to action Use fontes legveis 69. Contraste Fonte Idioma Call to action Use linguagem apropriada 70. Contraste Fonte Idioma Call to action Uma ao primria por tela 71. Comparao como as pessoas tomam decises 72. Interfaces existem para possibilitar interao. 73. Mantenha os usurios no controle 74. Promova um prximo passo natural ao usurio 75. A forma segue a funo. 76. ADEQUAR A MENSAGEM? 77. PENSE MOBILE PRIMEIRO Mobile First Design 78. 6 PENSAR RESPONSIVO Fazendo que o contedo seja acessvel e seja entregue para vrios dispositivos. 1 2 3 1 2 4 5 1024+ 7 1023-768 767-480 at-479 7 79. Botes Acessveis A localizao dos elementos deve ser levada em conta na criao de solues onde o uso mobile seja foco da ao. FCIL DIFCIL 80. Movimentos Fceis Interfaces que utilizam gestos para desencadear aes devem levar em conta a usabilidade para o pblico em dispositivos conhecidos. FCIL DIFCIL 81. ref: How do users really hold mobile devices - Steven Hoober 49% 36% 15% A FORMA DE USAR 82. NO EXISTE BOM UX SEM BOM DESENVOLVIMENTO. Desenvolvimento 83. Usurios no querem saber de tecnologia 84. No querem saber de esperar 85. Forbes: Web Performance is User Experience Akamai reportou 75% dos usurios com problemas de congelamento, crash ou muito tempo de carregamento de pgina simplesmente no compraram. 86. do tempo de carregamento de pgina reduz A cada 100 milissegundos das vendas no Amazon 1% Kohavi and Longbotham 2007 87. 0.4 para 0.