Mobile First (ou boas razões para investir em Mobile)
•
25 recomendaciones•6,207 vistas
Palestra sobre Mobile First apresentada por Edu Agni para os funcionários do Banco do Brasil, no dia 30 de julho de 2015 em Brasília. O conteúdo da palestra foi dividido em duas partes: a primeira fazendo uma contextualização sobre o universo mobile, e a segunda parte tratando mais especificamente de design e Mobile First. Assista ao vídeo em https://www.youtube.com/watch?v=XGV55AHTDa4
Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (20)
Destacado
Destacado (18)
Similar a Mobile First (ou boas razões para investir em Mobile)
Similar a Mobile First (ou boas razões para investir em Mobile) (20)
Más de Edu Agni
Más de Edu Agni (11)
Mobile First (ou boas razões para investir em Mobile)
- 1. Mobile First ou boas razões para investir em Mobile.
- 2. Edu Agni é consultor especialista em Experiência do Usuário. Possui 12 anos de experiência nas áreas de design e usabilidade, e criador do UX.BLOG.
- 3. Tim Berners-Lee “The primary design principle underlying the Web’s usefulness and growth is universality... it should be accessible from any kind of hardware that connect to the Internet: stationary or mobile, small screen or large.”
- 10. Existem 5 vezes mais telefones celulares no mundo do que PCs.
- 12. Há 6,8 bilhões de pessoas no planeta. 4 bilhões delas usam telefone celular. 3,5 bilhões delas usam uma escova de dentes.
- 13. O número total de pessoas acessando a web através de dispositivos móveis irá superar o acesso via desktop em 2015.
- 14. Bem-vindo a 2015, o ano em que o mobile ultrapassa o desktop.
- 15. Segundo uma pesquisa recente da Mary Meeker, nós olhamos nossos celulares mais de 150 vezes por dia.
- 16. É um dos poucos objetos que é tão pessoal que tem senha. Nós mal lembramos como era a vida antes dele. Ligar pra casa de alguém e perguntar se o fulano está. Ficar na chuva tentando pegar um táxi. Passar horas na fila do banco.
- 19. Interface de linha de comando • Textual • Abstrata • Teclado QWERTY Interface Gráfica do Usuário • Gráfica • Indireta • Mouse / Ponteiro Interface Natural do Usuário • Física • Direta • Gestual Projetando Interfaces Naturais
- 20. Interface Gráfica do Usuário Interface Natural do Usuário 1. Controle mediado; 2. Maior precisão, menor imersão; 3. Aproveita a familiaridade e experiência computacional; 4. Associações emocionais com o trabalho; 5. Perfeito para produtividade e eficiência nas tarefas; 6. A interface é visível e gráfica. 1. Manipulação direta; 2. Menor precisão, maior imersão; 3. Aproveita as suposições do usuário e conclusões lógicas; 4. Associações emocionais com o entretenimento; 5. Perfeito para tarefas sociais e colaborativas; 6. A interface é física e invisível. Projetando Interfaces Naturais
- 22. Don Norman que cunhou o termo User Experience, quando trabalhava na Apple no início de 1990, e renomeou o seu cargo para User Experience Architect Group: “I invented the term because I thought human Interface and usability was too narrow; I wanted to cover all aspects of a person’s experience with a system, including industrial design, graphics, the interface, the physical interaction, and the manual. Since then, the term has spread widely, so much so that it is starting to lose its meaning.”
- 23. O Design é Cognitivo
- 26. O Design é Emocional
- 28. Design Emocional: porque adoramos (ou detestamos) os objetos do dia-a-dia Nível Viceral Nível Comportamental Nível Reflexivo
- 29. Projetar para pessoas Compartilhar boas histórias Estimular os sentidos < usabilidade > < desejo > < utilidade >
- 30. Mobile expande suas capacidades técnicas: GPS, user orientation, multi-touch, acelerômetro, etc.
- 31. Razões para fazer Mobile
- 32. 6 em cada 10 espectadores usam o Mobile ao mesmo tempo que assistem TV E desses, 7 em 10 prestam mais atenção no mobile.
- 33. 86% dos usuários de Smartphone fazem pesquisas de compra no mobile O site mobile é o principal canal para atividades comerciais no celular.
- 34. Apenas 28% do tempo é gasto com redes sociais e entretenimento Os outros 72%: Fotos, bancos, mapas, apps de empresas, buscas, e-mail, comparação de preços, compras...
- 35. Micro-momentos: momentos espontâneos de tomada de decisão que ditam resultados ao longo de toda a jornada de consumo.
- 36. 69% das pessoas que viajam a lazer e têm um smartphone buscam por ideias de viagem em momentos livres, como numa fila ou esperando o metrô. 91% dos usuários de smartphone buscam por informação em seus aparelhos enquanto estão no meio de alguma outra tarefa.
- 37. 82% dos usuários de smartphone consultam seus aparelhos enquanto estão na loja decidindo o que comprar. E desses, um em cada dez acaba mudando sua decisão de compra. 69% dos consumidores online concordam que a qualidade, o timing ou a relevância das mensagens de uma empresa afetam sua percepção da marca.
- 40. As marcas bem-sucedidas de amanhã vão ser as que têm uma estratégia para entender e suprir as demandas dos consumidores nesses micro-momentos.
- 41. Compreender o contexto de uso
- 43. Contexto de uso Desktop 1. Atenção elevada 2. Tela grande 3. Conexão rápida 4. Posição estática
- 45. Contexto de uso Mobile 1. Pouca atenção 2. Tela pequena 3. Conexão lenta 4. Posição dinâmica
- 46. Quem é seu consumidor? O que ele quer? Ele conseguiu? Ele navegou com facilidade? A experiência foi prazerosa? Ele usaria seu produto ou serviço novamente?
- 54. Mais do que tecnologia: entender o contexto é a chave para criar boas experiências.
- 56. Pesquisa Quantitativa: bases de dados, web analytics, observação, questionários, relatórios de marketing, mídias sociais, etc. Pesquisa Qualitativa: entrevistas + coleta de dados. Criação de Personas Mapa de Jornada do Consumidor Testes de Usabilidade
- 57. Mobile First
- 60. O excesso de informação em grande parte dos sites se dá porque é relativamente fácil adicionar conteúdo na versão desktop.
- 64. Validando o Mobile First
- 67. O mobile não deixa espaço para nenhum conteúdo de relevância duvidosa. Você precisa saber o que realmente importa. Para fazer isso você precisa conhecer bem os seus usuários e o seu mercado.
- 69. Uma coisa é certa: quando seu consumidor procura sua marca no mobile, ele precisa encontrá-la.
- 70. Brad Frost “Repeat after me: Mobile Users will do anything and everything desktop users will do, provided it's presented in a usable way.”
- 72. Não dá pra pegar seu site desktop, jogar no mobile e achar que a experiência vai ser boa.
- 91. Faça testes: o site mobile precisa funcionar em todos os dispositivos e navegadores disponíveis, celulares e tablets, com telas de tamanhos diferentes.
- 92. O que funcionava no desktop, com o usuário sentado na frente do computador, tem boas chances de não funcionar nos vários contextos que o mobile oferece.
- 93. Empatia é a capacidade de compreender o sentimento ou reação da outra pessoa imaginando-se nas mesmas circunstâncias.
- 94. Colaboração significa agir com outrem para a obtenção de determinado resultado, ou ter participação em obra coletiva.
- 95. Experimentação é o ato de analisar uma hipótese em um contexto, levando a nossa criatividade do papel para a prática do mundo real.
- 96. Desenhe sua solução primeiro para mobile, depois para desktop.