3. @RafaelForte
#VTEXDay
Quando a única variável da equação eram os browsers,
era mais fácil aceitar que bastava identificar suas diferenças
e prever suas particularidades na programação.
9. @RafaelForte
#VTEXDay
Planeje e comece simples. Incorpore funcionalidades que sejam compatíveis em todos
os browser e devices e, principalmente, crie um layout que tire o máximo possível do
CSS, deixando as imagens preferencialmente para banners e produtos.
15. @RafaelForte
#VTEXDay
Usar o dedo sobre todo o
botão funciona bem, mas
isso cobre a visibilidade.
Usar a ponta do dedo
permite ver o botão, mas
frenquentemente o dedo
tem de ser reposicionado. Pior ocorre quando vários botões
estão muito próximos, sendo
acionados acidentalmente e
ocasionando ações não intencionais
Estudo do MIT diz que o dedo
indicados possui de 45 a 57 pixels,
em média. Já o polegar, fica em cerca de 72
pixels de largura.
22. @RafaelForte
#VTEXDay
Lembre-se…
1. Call to action nunca menor 47 pixels.
2. Focar nas informações essenciais para fechamento de compra. Ocultar as demais.
3. Localizador de lojas físicas.
4. Atenção redobrada ao tamanho das fontes.
5. Atenção a qualidade das imagens. Hoje muitos devices possuem tela de retina.
6. Sempre que houver formulário, atentar para área utilizada pelo teclado.
7. Performance de código. Seu cliente também navega em 3G.