Baixar para ler offline
Carregado porDiogo Souza Machado
Mobile first - Como pensar mobile
O documento discute a abordagem 'mobile first' na criação de sites e aplicações, enfatizando a importância de projetar inicialmente para dispositivos móveis antes de considerar versões desktop. Destaca que, ao priorizar o conteúdo e otimizar a experiência do usuário, é possível melhorar a usabilidade em diferentes tamanhos de tela. Além disso, menciona que a redução e adaptação dos layouts são práticas essenciais para garantir um desempenho eficaz em plataformas móveis.
![Progressive Web Apps [pt_BR]](https://cdn.slidesharecdn.com/ss_thumbnails/pwa-170306202026-thumbnail.jpg?width=640&height=640&fit=bounds)
Mobile first - Como pensar mobile
- 1. Mobile first Como pensarmobile Diogo Machado github.com/diogomachado diogomachado.com @tec_diogo
- 2. PHP, Javascript, Cordova/Phonegap, Mysql,CSS e HTML Diogo Machado Desenvolvedor web/mobile www.diogomachado.com
- 4.
- 5. O que épensar mobile?
- 6.
- 7.
- 8.
- 9.
- 10. Versão desktopSistema derequisições
- 11. Versão mobileSistema derequisições
- 12. Versão mobileSistema derequisições
- 13.
- 14. Precisamos de umhotsite para nossa campanha Dono empresa
- 15. Precisamos de umhotsite para nossa campanha Dono empresa Ok, está pronto, vou enviar o .psd Designer agência
- 16. Precisamos de umhotsite para nossa campanha Dono empresa Ok, está pronto, vou enviar o .psd Designer agência Programador Meu Deus, como vou converter isso para mobile...
- 17. Comece sempre pelaversão mobile
- 18.
- 22.
- 23. Otimize o queé possível otimizar
- 24. Padrão de touchmuda para cada pessoa
- 26.
- 27.
- 28.
- 29. Sendo a maioriada população destra, ações principais podem ser colocadas ao meio ou da esquerda da tela.
- 30.
- 31.
- 33. As pessoas esperamfazer o que fazem no Desktop, no Celular
- 34. Qualquer ação quedependa de hover do mouse precisa ser repensada.
- 35.
- 36.
- 37.
- 38. Priorizar o conteúdonão é excluir informação
- 39. E sim mostraraquilo que é mais importante primeiro
- 40. Precisamos considerar os diferentesdispositivos e tamanhos de tela
- 41. iphone 6s plusiphone se 2015, 30 milhões de Iphones de 4 polegadas vendidos As pessoas ainda gostam de aparelhos pequenos As pessoas ainda gostam de aparelhos pequenos 2015 2016
- 42. Se o siteé rápido em mobile, no desktop já estará otimizado.
- 43. Redução é amelhor prática de layout para aparelhos móveis
- 44. Considere os eventostap, drag e swipe
- 48.