Web Design Móvel For Dummies

Como você começar a pensar sobre a melhor forma de projetar a versão móvel (ou versões) do seu site, considere os desafios da Web móvel. Aqui estão algumas considerações importantes a ter em mente que você projetar sites para a web móvel:

  • Verifique se o seu projeto se encaixa em telas pequenas.

  • Limitar imagens e texto para que as páginas carregam rapidamente, mesmo a baixa velocidade de conexão.

  • Criar links e outras opções de navegação que são fáceis de clicar com um (gordura) dedo, caneta, ou outras opções de entrada limitada.

  • Os visitantes têm uma necessidade urgente de informações. Muitas pessoas se voltam para a web móvel, porque eles têm. Seus visitantes podem ser perdidas, atrasadas, ou realmente precisa saber quem ganhou o Super Bowl em 1987 para ganhar uma aposta bar.

  • Tempo e matéria lugar. Não se esqueça que os usuários tenham acesso a mais do que apenas seu Web site e que as suas acções são susceptíveis de ser afectadas por onde eles estão, que hora do dia, e até mesmo se está chovendo.

Escolha uma estratégia de Web Design Móvel

Sua abordagem para projetar um Web site móvel depende do seu conteúdo do site, seus recursos, e seu público. As dicas a seguir podem ajudá-lo a entender as possíveis estratégias de design Web móvel e escolher um que funciona para você:

  • Criar uma versão simples do seu site: Esta estratégia garante que o maior número de visitantes do seu site pode obter, pelo menos a informação mais importante em seu site (como o seu número de telefone quando estão a caminho de seu escritório). Certifique-se o projeto funciona em dispositivos móveis, mesmo low-end e vinculá-lo a partir do seu site de desktop. O site https://mobilynx.net, mostrado na figura, é projetado para funcionar em uma variedade de dispositivos móveis e fornece uma coleção organizada de links para outros sites concebidos para a Web móvel.

    image0.jpg
  • Projetar várias versões: Muitos designers criar diferentes versões de um site e visitantes, então, automaticamente direto para a versão que é melhor otimizado para o seu tamanho de tela e as funcionalidades suportadas pelo seu telefone ou dispositivos.

    Se você tem o tempo, experiência ou orçamento, projetando diferentes versões do seu site, cada um otimizado para os diferentes tamanhos e capacidades de dispositivos diferentes, é a melhor estratégia.

  • Use adaptação de conteúdo: Basicamente, você cria um projeto do Web site e, em seguida, adaptá-la a cada dispositivo. Assim, a estrutura básica do site será a mesma em todos os dispositivos, mas elementos específicos, tais como os tamanhos de imagem ou o aparecimento de vídeos vai mudar de acordo com o que o dispositivo pode suportar.

    Quando você desenvolver um site usando a abordagem de conteúdo adaptação, é boa prática para começar criando uma estrutura de arame, uma espécie de plano para o design do site, como mostrado na figura

    image1.jpg
  • Projetar uma versão high-end: Isso funciona se você sabe que seus visitantes usam principalmente um iPhone high-end ou Droid, o nome usado para telefones que rodam no sistema operacional Android, do Google. Web site de Fotografia de Jasper Johal, mostrado na figura, parece ser bom em um iPhone e um computador desktop.

    image2.jpg

Use Location-Based motores de busca para celular

busca móvel está se tornando o próximo grande campo de batalha hiper-competitivo. Todos os suspeitos do costume já estão lá, slugging-lo por participação de mercado, mas outros, motores de busca, mais especializados baseados em localização móvel estão surgindo na esperança de esculpir um nicho para si próprios. Aqui estão alguns dos principais jogadores:

menu