O documento discute mitos sobre design responsivo, incluindo que ele só é para sites pequenos, que custa muito caro e que não é possível devido a limitações técnicas. Ele refuta esses mitos, citando exemplos como o novo site da Globo e explica que o custo adicional é menor do que se pensa quando se leva em conta o ganho de usuários em diferentes dispositivos.

1. RESPONSIVE DESIGN
sem mitos
Bernardo Heynemann
@heynemann

2. vamos fazer
um site
RESPONSIV
em alguns
segundos

3. SEM
FRAMEWORKS
!

4. SEM
JQUERY

5. CROSS-
BROWSER
sem internet explorer,
mas dá pra suportá-lo
também

6. MITO 1
responsive design é
só para sites pequenos

7. RESPOSTA 1
NOVA HOME DA
GLOBO.COM

8. RESPOSTA 1
NOVA HOME DA
GLOBO.COM
e
sive desd
é respon
UT/11
já
O

9. MITO 2
tenho muito conteúdo!

10. MITO 2
tenho muito conteúdo!
a resolução dos smartphones não é suficiente para mim!
o conteúdo não se encaixa em resoluções abaixo de
1024x768!

11. NÓS NUNCA VAMOS
ESCONDER
CONTEUDO
´

12. NÓS NUNCA VAMOS
ESCONDER
CONTEUDO
´

13. além disso...

14. NÓS NUNCA VAMOS
ESCONDER
CONTEUDO
´

15. utilizando os
dispositivos da
maneira
QUE FORAM FEITOS
PARA SEREM
UTLIZADOS

16. utilizando os
dispositivos da
maneira
QUE FORAM FEITOS
PARA SEREM
UTLIZADOS
FEATURE + ADAPTIVE
DETECTION RENDERING

17. MITO 3
mas custa muito caro!!!

18. MITO 3
mas custa muito caro!!!
responsive design triplica o custo do projeto!
os designers não conseguem pensar nas diferentes
versões!
os desenvolvedores terão que fazer três versões diferentes!

19. RESPOSTA 3
CUSTA MAIS,
pero no mucho
tratar os casos específicos de cada
dispositivo aumenta o custo
mas não é tão caro
quanto você pensa

20. RESPOSTA 3
CUSTA MAIS,
pero no mucho
01 04 UXD
MÊS DEV
01

21. RESPOSTA 3
CUSTA MAIS,
pero no mucho
01 + 04 + UXD =
MÊS DEV
01

22. RESPOSTA 3
CUSTA MAIS,
pero no mucho
01 + 04 + UXD =
MÊS DEV
01
tablets e smartphones

23. MITO 4
não dá pra fazer por
causa

24. MITO 4
não dá pra fazer por
causa
os estilos, imagens e scripts do meu site são pesados para
o 3G
as imagens redimensionadas no telefone ficam muito ruins

25. RESPOSTA 4
EXISTE LUZ
no fim do túnel
carregar folhas
+
imagens em
de estilo no
diferentes
topo e scripts
tamanhos
no fim

26. uma original, vários cortes
corte sob demanda com reconhecimento
facial
135×95 135×195 420×270
7Kb 12Kb 23Kb
http://github.com/globocom/thumbor

27. PERGUNTAS?
heynemann@gmail.com
bernardo@corp.globo.com
@heynemann
http://github.com/globocom
como sempre, estamos contratando ;)