Quem navega regularmente no iPhone, acessando sites e mais sites com conteúdo em proporções diminutivas, pode acabar um tanto frustado em certas horas. Existem dois caminhos para os desenvolvedores seguirem, se quiserem que seus sites não apresentem problemas: criar uma versão otimizada para iPhone ou uma totalmente específica.
A primeira opção deveria ser considerada por aqueles que trabalham em um site que possa ser acessado por um número considerado de usuários do iPhone, especialmente porque essa opção não requer grandes mudanças. Em grande parte, trabalhar em um site otimizado para iPhone é como lidar com folhas de estilos específicas para impressão. Assim como você cria sites usando linguagens de marcação semânticas e CSS para estilizar seus layouts, você pode usar folhas de estilos específicas para iPhone, a fim de ixibir uma versão simplificada e adaptada do seu site.
Mantenha a simplicidade.Quando se trata de pensar em proporções pequenas, alguns designs e desenvolvedores podem se sentir limitados. Afinal, ultimamente se usa mais espaço e não menos, já que o usuário típico da web hoje tem um monitor com um resolução definida em 1024x768 ou maior. Mas se estiver usando uma resolução que equivale à metade da largura da extinta opção 800x600, algo terá que ser feito.
Em última análise, é preciso aperfeiçoar as coisas, mantendo apenas o conteúdo mais importante. Deixe sua marca e links importantes na parte superior do design e garanta que áreas clicáveis sejam largas o suficiente, afinal as pessoas usarão seus dedos e não um ponteiro preciso de mouse. Com a dobra posicionada em aproximadamente 420 ou 270, você precisa chegar ao conteúdo mais importante rapidamente. Assim, não desperdice espaço com a navegação secundária ou com o conteúdo alojado em uma barra lateral; em vez disso, coloque essas informações em outro lugar, após lidar com o conteúdo principal.
Além disso, garanta que seu texto seja legível, aumentando o tamanho das fontes. Como o iPhone possui pixel com maior densidade (163ppi) do que em um monitor típico, o tamanho das fontes destinadas a navegadores tende a ser exibido muito menor no dispositivo a Apple. Quando o iPhone está na posição vertical, por exemplo, o tamanho 20px é suficiente para leitura, mas ainda pequeno. 30px é mais confortável para o corpo do site. Já na posição horizontal, 20px é uma escolha agradável, mas quando o usuário retornar ao modo vertical, esse tamanho será insuficiente.
Considerações com o layout.Da mesma forma que a barra de rolagem horizontal nos navegadores para desktop desorientam e irritam os usuários, os usuários do iPhone não gostam de esfregar o dedo na tela frequentemente. Otimize seu site para a largura máxima da tela do iPhone (480px) e evite usar elementos alinhados, que acabariam dividindo o espaço em colunas. Se estiver com um iPhone em mãos, inspire-se com a elegância das aplicações embutidas, como a Settings (ajustes) e a Calendar (calendário).
Note que, se quiser dar mais opções aos seus usuários de iPhone, você pode criar um alternador CSS, permitindo a escolha entre usar a versão padrão ou a otimizada. Essa plataforma da o controle para alterar designs em um div somente visivel para usuários do dispositivo, o alternador pode não ser visível para usuários de outras plataformas.
Além disso, se decidir criar um site específico para iPhone, saiba que nem todos irão usá-lo. Sempre permita que as pessoas possam escolher usar a versão padrão do seu site, se assim desejarem. Preferencialmente, mantenha um link para a versão original do seu site no topo da versão específica para iPhone.
Você pode ainda estar se questionando se vale a pena todo esse esforço para iPhone. O mercado dele é pequeneo ainda, mas irá crescer- e rapidamente. Quando outros fabricantes começarem a entrar na brincadeira, começaremos a ver uma grande migração de pessoas navegando nesses dispositivos. Além disso, todos os requisitos realmente importantes para tornar um site bom para dispositivos móveis - clareza, layout simples, informações relevantes e design limpo - também serão práticas úteis para quando você trabalhar com navegadores 'normais'. Então, você só tem a ganhar.
Autor: Craig Grannel.Fonte: Revista W / ano 9 / Nº 104Então pessoal, curtiram as dicas? Comentem!
Confiram também o nosso
site.
