Desenvolvendo Web Sites Para Dispositivos Móveis (continuação)
Regra 4. Pouca Banda, muito conteúdo.
Hoje temos uma grande disponibilidade de velocidade em alguns dispositivos, mas a maioria ainda conta com uma conexão semelhante a um modem de 56Kbps. E ainda assim, pagam por dados trafegados. Isso quer dizer que quanto mais conteúdo e menos código melhor. Seja ponderado e evite textos e códigos que não sejam essenciais para o usuário.
Regra 5. Tableless e Web Standards
Essa não é uma regra, mas uma recomendação.
Porque Web Standards? Simples. Porque é bom e todo mundo gosta.
Os Web Standards pregam (entre outros fatores) a semântica e organização do código. Esses fatores podem em inúmeras vezes salvar seu site de uma má reputação, e garantir que ele seja acessado por qualquer dispositivo, isso, qualquer um: Dispositivos Móveis, Desktop, Celulares, WebTV´s, e etc. Garante também que seu site seja acessível mesmo que o usuário desative a formatação e exibição de imagens, por exemplo. Sempre, separe o conteúdo da formatação, deixando que o CSS cuide do visual.
Em suma:
- Web Standards reduzem o consumo de Banda. Lembre-se que na maioria das situações os usuários de mobile pagam por dados trafegados.
- Web Standards fazem seu site ser acessado mesmo com alguns recursos divulgados.
- Tabelas tornam boa parte do espaço de tela inutilizável com bordas e em um suposto redimensionamento de tela, pode trazer problemas.
- Web Standards anda de mãos dadas com acessibilidade. Mantendo sua página pequena, leve, funcional e acessível.
Uma boa dica de site para aprender estas coisas é o Tableless (http://www.tableless.com.br).
Lembre-se sempre (S-E-M-P-R-E) de usar os atributos “title” e “alt”. Assim, se o usuário quiser economizar banda (lembre-se que eles pagam por isso), ele pode desativar o recurso de carregamento de imagens e ainda assim navegar. Para imagens que não serão úteis para o usuário, utilize alt´s vazios. Limpe o código: pode ser entendiante mas é realmente um diferencial. Além de tornar seu site mais rápido, o usuário pagará menos por isso. E sem esquecer da Semântica! Um titulo entre as TAGS <h1></h1> por exemplo serão destacados mesmo com a formatação desativada.
Regra 6. Escrever é simples…
Lembre-se Que os PDAs possuem no máximo 4 fontes por padrão. Algumas fontes podem ser instaladas. Mas isso não garante que seu usuário tenha e quer dizer que seu site pode aparecer “diferente” no PDA. As indicadas: Courier, Tahoma e Arial
Regra 7. Figuras e mais figuras.
Trabalhe com imagens já moldadadas no tamanho final para a tela.
Caso não seja possível, certifique-se de que a imagem original não é “gigante”. Lembre-se que as imagens são carregadas antes de serem redimensionadas. Ainda assim, quando redimensionadas, perdem a qualidade. Se o usuário ver que seu site possui muitos gráficos, ele pode desativar o download de imagens e você tem que estar certo de que continuará acessível mesmo assim.
