>> Tecnologia Eletrônica >  >> Celulares e Acessórios >> iPhone

Como Criar uma Versão do Site para iPhone

O lançamento de cada novo iPhone gera um pico no tráfego de internet. Por exemplo, quando o iPhone 3GS foi lançado em junho de 2009, com sua câmera autofoco de 3 megapixels melhorada e gravação de vídeo VGA contínua de 30 fps de alta qualidade, houve um aumento de 400% nos uploads de vídeo móvel para o YouTube, segundo o iPhoneHeat.com. O iPhone 3GS também se tornou o top telefone-câmera em plataformas de fotos online, assumindo a liderança instantaneamente em sites como Flickr. Como é tão fácil acessar a web com um iPhone, muitas pessoas o usam para ver sites não de redes sociais também. É importante, portanto, que seu site tenha boa aparência na tela widescreen horizontal de 3,5 polegadas do iPhone.

Instruções

  1. Mantenha o design do site simples. Lembre-se que a tela do iPhone é quase 10 polegadas menor que uma tela de laptop comum. O iPhone usa o Safari como navegador web completo. O conteúdo do seu site não será convertido automaticamente para uma versão amigável a smartphones. Não importa qual largura você designou para sua página, ela aparecerá na tela horizontal de 3,5 polegadas do iPhone como apareceria em um desktop ou laptop. Muitos elementos serão difíceis de distinguir. Muitos elementos também levarão muito tempo para carregar. Lembre-se que um iPhone pode alternar entre acessar sua página com rede 3G, EDGE ou Wi-Fi. Alternar entre eles pode tornar os tempos de carregamento mais longos do que deveriam, o que pode fazer o usuário do iPhone deixar seu site. Torne cada página do seu site mais curta para aliviar tempos de carregamento.

  2. Evite design dependente de mouse. Em vez de mouse, o iPhone tem interface touchscreen. Usuários navegam páginas web com os dedos. Podem dar zoom e centralizar em uma seção da página tocando duas vezes na tela. Arrastar o dedo pela tela move a página naquela direção. Fazer um gesto de flick rola a tela naquela direção. Um beliscão aberto ou fechado dá zoom manualmente para dentro ou fora, respectivamente. Como os dedos do usuário do iPhone podem estar por toda sua página, tenha cuidado para não ter muitos links na página, ou muitos tão próximos que seja difícil para o usuário selecionar ou evitar tocá-los enquanto navega.

  3. Projete as páginas do seu site com elasticidade em mente. O Safari no iPhone abrirá cada janela como tela cheia, que é 480 por 320 pixels quando segurado verticalmente. Inclinar o telefone horizontalmente fará a largura 480. Não importa como o iPhone seja segurado, o Safari transformará seu site para preencher e ajustar seus pixels independentemente da largura que você definiu. Pense nas larguras que define adequadamente. Pense também no tamanho e formatação do texto. Quaisquer configurações padrão que você tenha podem ser sobrescritas para que o conteúdo da página preencha a tela. O texto pode envolver imagens ou de uma linha para outra de formas que não esperava.

  4. Evite framesets. Frames que podem ser ajustados individualmente não aparecem no iPhone da mesma forma. O Safari para iPhone remove as caixas de rolagem que um mouse em desktop ou touchpad em laptop permite aos usuários manipular. Em vez disso, use colunas e blocos de texto para melhor uso do espaço. Colunas são compatíveis com navegação no iPhone. Toque duas vezes dentro de uma coluna para dar zoom de forma que a coluna preencha a tela. Colunas permitirão que usuários de iPhone foquem no texto aparte do design geral da página.

  5. Evite usar Flash, applets Java e outras tecnologias não suportadas pelo sistema operacional do iPhone. Esses elementos aparecerão apenas como caixas em branco quando sua página carregar no iPhone. Quanto mais buracos houver no seu conteúdo, mais provável que o usuário do iPhone navegue para fora e deixe seu site.