material sobre mobile first

1. :1
CONECTIVIDADE E
AMBIENTE INTERATIVO
CULTURA
E
TECNOLOGIAS
DIGITAIS
Mobile First
1

2. :2
CULTURA DIGITAL
BORA AQUECER!
BORA COMPARTILHAR
EXPERIÊNCIAS EM
NAVEGAÇÃO EM
AMBIENTES DIGITAIS?
1. Durante uma pesquisa ou
compra, já se deparou com
sites desconfigurados,
botões que não funcionam ou
outros problemas parecidos?
2. Já navegou em sites com
versão mobile e desktop com
problemas de adaptação?
Comente.
3. Defina o que é Mobile First.
:2

3. :3
PROJETO DE VIDA
MOBILE FIRST
Você já ouviu falar em Mobile First? Significa
“mobile antes”.
Ela surgiu pela primeira vez em um artigo
escrito pelo designer Luke Wroblewski, que
deu destaque para a importância de se iniciar
um projeto com o layout desenvolvido
para dispositivos móveis.
:3

4. :4
CULTURA DIGITAL
Wroblewski se embasou em dados para projetar uma arquitetura para
dispositivos móveis que tinha a ver com o crescimento do número de
smartphones e tablets, a diminuição do uso de desktops e laptops e o
aumento do acesso do e-mail e da internet por dispositivos móveis.
Projetar primeiro para dispositivos móveis não apenas
prepara você para o crescimento explosivo e as
oportunidades nesse espaço, mas também o força a
se concentrar e permite que você inove.
“
“
- Luke Wroblewski -

5. :5
CULTURA DIGITAL
Foto de Sora Shimazaki no Pexels
SE LIGA
NESSE VÍDEO!
https://www.youtube.com/
watch?v=keXKpliKPt0
Mobile First Workshop with
Luke Wroblewski:

6. :6
CULTURA DIGITAL
A maneira como um conteúdo é apresentado e as interações
que ele proporciona influenciam diretamente na decisão do
usuário em acessar e permanecer em uma página de web.
É importante considerar que a experiência visual de uma
pessoa diante de um material impresso e de uma tela é
completamente diferente.
Ou seja, além de considerar o Mobile First, é preciso entender
que o design feito no papel não pode ser simplesmente
transferido para a tela.
COMO FUNCIONA

7. :7
CULTURA DIGITAL
É aqui que entra um outro
conceito: Web Design
Responsivo.
A expressão foi criada em 2010,
pelo web designer Ethan
Marcotte, em um artigo escrito
por ele, que depois origem a seu
livro "Responsive Web Design".
Nele, Marcotte inicia com a
citação do desenvolvedor John
Allsopp, em “A Dao of Web
Design”:
:7

8. :8
CULTURA DIGITAL
O controle que os designers conhecem na mídia
impressa e, muitas vezes, desejam na mídia web, é
simplesmente uma função da limitação da página
impressa. Devemos aceitar o fato de que a web não
tem as mesmas restrições e projetar para essa
flexibilidade. Mas, primeiro, devemos 'aceitar a
vazante e o fluxo das coisas
“ “
- John Allsopp -

9. :9
PROJETO DE VIDA
RESUMINDO:
O conteúdo nos mobiles deve ter qualidade no
desempenho durante o acesso e a navegação.
Sites Mobile First são mais limpos, organizados
e funcionais. Isso sim promove uma boa
experiência.
:9

10. :10
CULTURA DIGITAL
Bora fazer uma atividade para a próxima aula?
Seguinte:
Forme duplas ou trios e façam uma pesquisa onde terão de
encontrar sites cujo acesso via mobile é limitado ou apresenta
problemas de acesso.
Ctrl+S