Carregado porPipa Company
Estratégia e Comportamento Mobile
O documento discute estratégias para o desenvolvimento de aplicativos e sites mobile, com ênfase nas seguintes ideias: (1) o mobile requer uma mudança de visão, não apenas tecnologia ou design; (2) é importante entender os hábitos e comportamentos dos usuários em dispositivos móveis; (3) as estratégias devem levar em conta fatores como momento, duração das sessões e onde o conteúdo será consumido.
Estratégia e Comportamento Mobile
- 1. Estratégia Comportamento Mobile RENATO ROSA •PIPA COMPANY MARÇO / 2016
- 2. Vamos começar com Doisaprendizados
- 3.
- 4. Não é tecnologia Nãoé design É mudança de visão
- 5. Vamos estabelecer umametáfora.
- 6.
- 7.
- 8. Roxette Listen to YourHeart 1988
- 9.
- 10.
- 11. A indústria dovideoclipe demorou para assumir uma linguagem própria. Ainternet demorou10anos.
- 12.
- 13.
- 14.
- 15. • TV Analógica •2 Chips • 2 Câmeras • Flash • Função Shake • Filmadora • Rádio FM • Bluetooth • Gravador de voz • MP3 e MP4 • Suporta cartão de memória R$ 49,90
- 16. 1 always on 2skip desktop 3 público/privado
- 17.
- 18. 80% das pessoas quepossuem um smartphone olham para a tela mais de 150 vezes por dia Essa ação costuma durar de 12 a 15 segundos. IDC Brasil, 2015
- 19. 62% das pessoas quepossuem um smartphone utilizam a rede nas 150 verificações diárias IDC Brasil, 2015
- 20. 73% entram emum aplicativo específico nas 150 verificações diárias 96% inclui troca de mensagens IDC Brasil, 2015
- 21. 2bilhõessmartphones no mundoatualmente No Brasil, são 275 milhões de linhas ativas para 200,4 milhões de pessoas IDC Brasil, 2015
- 22. 72 milhões póspago aumento de 11,5% ao ano 203 milhões pré pago queda de 4,4% ao ano IDC Brasil, 2015
- 23. Pré pago TIM R$0,50/dia - 10Mb 10Mb não dá pra fazer nada. 1 Like no Facebook = 66Kb.
- 24. 95%utilizados junto coma TV 210 milhõessomente no Brasil segunda telaPontoMobi, 2015
- 25. Háquantotempovocêpossuiesseaparelhocelular? Total Convencional Smartphone Menosde 3 meses 15,7% 11,8% 24,7% De 4 a 6 meses 16,4% 12,4% 25,7% De 7 meses a 1 ano 17,9% 18% 17,7% De 1 ano a 1 ano e meio 15,9% 16,2% 15,2% De 1 ano e meio a 2 anos 9,5% 11,6% 4,8% Mais de 2 anos 24,6% 30,1% 11,9% IDC Brasil, 2014/15
- 26. Total Convencional Smartphone Menosde 3 meses 17,8% 20% 12,8% De 4 a 6 meses 22,7% 24,4% 18,7% De 7 meses a 1 ano 21% 20,2% 23% De 1 ano a 1 ano e meio 19,1% 17,4% 23% De 1 ano e meio a 2 anos 8,2% 6,6% 11,9% Mais de 2 anos 11,2% 11,5% 10,7% Quandovocêpretendetrocaresteaparelho? IDC Brasil, 2014/15
- 27.
- 28.
- 29.
- 30.
- 31.
- 32.
- 33. Entrevistas (exploratórias) Business ModelCanvas Personas Cenários Journey Map Mapa conceitual Card sorting
- 34.
- 35.
- 36.
- 37.
- 39.
- 40. Linha de comando Interfacegráfica Interface natural Textual Abstrata Teclado QWERT Gráfica Direta Mouse/ponteiro Física Direta Gestual CASE BRADESCO TE
- 41. Gráfica Controle imediato Maior precisão,menor imersão Aproveita a familiaridade Associação emocional Maior produtividade Interface visível e gráfica Natural Manipulação direta Menor precisão, maior imersão Aproveita suposições lógicas Associação emocional com o entretenimento Tarefas sociais e colaborativas Interface física e invisível
- 42. Design é cognitivo intuitivo emocional Expansãode capacidades técnicas, como GPS, user orientation, multi-touch e acelerômetro.
- 43. Desktop Atenção elevada Tela grande Conexãorápida Posição estática Mobile Pouca atenção Tela pequena Conexão lenta Posição dinâmica
- 44.
- 45.
- 46. Quando entregar De todos osmomentos, este é o de maior consumo de mídia em dispositivos mobile. Tecnoblog, 2014/15
- 47. Momentos de microtédio *STS SíndromedoTédioSocial
- 48. Capital social /Info war (Juntossomosmaisfortes)
- 49.
- 50.
- 51.
- 52.
- 53. 25/35 segundos 2 taps Emmédia, sem atividade DURAÇÃO DA SESSÃO 35 a 90 segundos 8 taps Em média, com atividade * Segundo testes de usabilidade
- 54. 8/30 min Games TEMPO EM APPS 25/45min Pornografia:) 3/5min Transacional/Informacional Share financeiro * Segundo testes de usabilidade
- 55. Acima de 5 segundos AQUISIÇÃO Fluxode tela Retenção Infos demográficas Subversão
- 56. Criação Uso SubversãoAdaptação
- 57.
- 58. O que eufaço? APPs Sitemobile Site+APPs
- 59.
- 60.
- 61.
- 62.
- 64.
- 66.
- 67.
- 68.
- 69.
- 70. Padrões e estratégiasmultiscreen
- 71. São em ambientesdiferentes 1. Companhia 2. Observadores 3. Distância 4. Desvios de atenção 5. Necessidade específica
- 72. Premissas de UX 1.Coerência 2. Sincronia 3. Compartilhamento 4. Mudança de dispositivo 5. Complementaridade 6. Simultaneidade
- 73.
- 74.
- 75.
- 76.
- 77.
- 78.
- 79.
- 80.
- 81. Dustin Curtis xAmerican Airlines
- 82. Dear AmericanAirlines, I redesignedyour website’s front page, and I’d like to get your opinion. I’m a user interface designer. I travel sometimes. Recently, I had the horrific displeasure of booking a flight on your website, aa.com. The experience was so bad that I vowed never to fly your airline again. Dustin Curtis
- 84. Dear AmericanAirlines, I redesignedyour website’s front page, and I’d like to get your opinion. I’m a user interface designer. I travel sometimes. Recently, I had the horrific displeasure of booking a flight on your website, aa.com. The experience was so bad that I vowed never to fly your airline again. Dustin Curtis
- 85. The group runningAA.com consists of at least 200 people spread out amongst many different groups, including, for example, QA, product planning, business analysis, code development, site operations, project planning, and user experience. We have a lot of people touching the site, and a lot more with their own vested interests in how the site presents its content and functionality. (…) I’m saying is that AA.com is a huge corporate undertaking with a lot of tentacles that reach into a lot of interests. It’s not small, by any means. You want a redesign? I’ve got six of them in my archives. It only takes a few hours to put together a really good-looking one, as you demonstrated in your post. (…) Even a large organization can effect change; it just takes a different approach than the methods found in smaller shops. But it’ll happen because it has to, and we know that. And we’ll keep on keepin’ on, even if most of us really and truly would prefer to throw it all away and start over.
- 86. telasA serem consideradasno desenvolvimento
- 87. Modelos 4, 4s, 5,5c, 5s, 5se, 6, 6+ iPHONEs Telas 640x960 (4, 4s) 1136x640 (5, 5s, 5se) 1334x750 (6) 1920x1080 (6+) Assisted GPS Bluetooth Camera Acelerômetro
- 88. Modelos Diversos modelos efabricantes Android Telas 240x400, 240x432, 320x480, 480x800 480x854, 600x1024 e 640x960 GPS Bluetooth Camera Acelerômetro Tamanhos 3, 5 e 7
- 89. 394 modelos 6 operadoras 37%dos brasileiros lembram de ADs 19% compram em plataforma mobile IDC Brasil, 2015
- 90. técnicasde persuasão emmobile
- 91. 1 Storytelling É necessário desenvolverum bom storytelling para conduzir o usuário até o funil de conversão. MOCATTO
- 92. 2 Consumo Existem dois tiposde consumo • Catálogo (Westwing) • Busca (Booking)
- 93. StepbystepEtapas de umprocesso de desenvolvimento
- 94. 1Prototipação baseada emregra de negócio • Ciclos rápidos • Desprovidos de preocupação estética • Navegabilidade “Experimente sucessivas vezes, antes de construir"
- 95. 2Layout e testes •Princípios norteadores (foco na tarefa) • Valorização de conteúdo • Validações parciais (mini-tasks) “Experiências positivas unem estética e usabilidade"
- 96. 2.1Wireframes • Baixa fidelidade •Componentes nativos/Guidelines • SEO técnico • SEO conteúdo • Velocidade, transição, tamanhos
- 97. 3Desenvolvimento e testes •Clareza de requisitos • Entregas parciais • Cultura de testes “Foco no resultado”
- 98. 4Visibilidade • Teasers • Testesde conceito • Engajamento “A experiência começa na geração de expectativa”
- 99. 5Publicação • Controle deprazos • Estratégia de lançamento • Suporte e tempo de resposta “O projeto começa com a experiência real de consumo”
- 100. 6Monitoramento • Definição deKPI ou indicadores • Coleta • Aprendizado
- 101. 7Ciclo de vida •Atualizações • Conteúdo • Estratégia de saída
- 102. Sobre metodologia ágil Vamostestar? O time scrum ganhou com qual diferença?
- 103.
- 104. CTR Click Through Rate ALCANCEREAL /AUDIÊNCIA
- 105.
- 106. CPC Custo Por Clique VALORAÇÕES CPM CustoPor Milhão CPM Custo Por Download COCA Cost Of Costumer Acquisition
- 107. dos aplicativos baixados sãoutilizados uma única vez 22%
- 108. monetização6 formas deganhar grana com um aplicativo
- 109. 1. Venda deaplicativos
- 110.
- 111.
- 112. 4. Aplicativos gratuitoscom propagandas
- 113. 5. Aplicativos gratuitoscom AdverGames
- 114. 6. Cross-Ad Promotion (Nãorecomendado pela Apple)
- 115. Qualusar? Depende. Usuários de iOSnão se importam em pagar por aplicativos Usuários de Android preferem aplicativos gratuitos com propagandas Usemaisdeumaformae analiseosresultados!
- 116. mercadoBRQuais as marcasbrasileiras engajadas em mobile?
- 117. 38%Ações promocionais 33%Serviços 29%Ferramentas desuporte e experiência 11%Experiência
- 118. O que existede melhor em mídia tradicional? Modelobaseadoem touchpoints
- 119.
- 121.
- 122.
- 123.
- 124.
- 125.
- 126.
- 127.
- 128.
- 129.
- 130.
- 131. A empresa nãousa social media para divulgar suas campanhas, produtos ou ações.
- 132. Ela adapta suasestruturas de negócio baseada na evolução comportamental monitorada nas mídias sociais.
- 133.
- 134.
- 135.
- 136.
- 137.
- 138.
- 139.
- 140.
- 146. Facebook Connect Page Like knownbrand Geolocalização Preferências de metatags a partir de likes Análise de keywords visualizadas Check-ins Preferências de uso
- 147. Empresas que utilizamBIGDATA Plataformas sociais Apple e Android (Ex. Fotos) Google (Maps e Search) Uber Waze Aplicativos FIT Wearables
- 153.
- 154. 01 Não existe sitemobile e site desktop Existeuma única presençadigital
- 155. 02 Você passa 14horas na frente de uma tela Pessoasnormaisnão.
- 156. 03 O cliente nãotem grana extra para um site mobile Masositeprecisasermobile
- 157. 04 Um site nãopode estar no ar Senãofortestadoem diferentestelas
- 158. 05 Um site nãopode estar no ar Senãofortestadoem diferentesresoluções
- 159. 06 Se o ambientenão está socialmente conectado Elenãopodesermobile.
- 160. 07 UX é importanteem mobile desde sempre.
- 161. 08 “Precisamos de templatesem mobile" Vocênãoédigital.
- 162. 09 A mensagem mudaquando ocontextomuda.
- 163. 10 Não proponha mobileem uma próxima fase do projeto Elanãovaiacontecer.
- 164.
- 165. Estratégia Comportamento Mobile RENATO ROSA •PIPA COMPANY MARÇO / 2016 www.renatorosa.com.br • www.pipa-co.com.br