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
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.”
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.
17.
18.
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
21.
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.”
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...
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.
43. Contexto de uso Desktop
1. Atenção elevada
2. Tela grande
3. Conexão rápida
4. Posição estática
44.
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?
47.
48.
49.
50.
51.
52.
53.
54. Mais do que tecnologia:
entender o contexto é a chave
para criar boas experiências.
55.
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
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.
68.
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.”
71.
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.