Escolha uma estratégia de design web móvel

Video: Using baseline grids in web & UI design - InVision Design Snack #7

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 ajudar você 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 ao seu site pode obter, pelo menos as informações mais importantes em seu site (como o seu número de telefone quando eles estão a caminho de seu escritório). Verifique se o projeto trabalha em até dispositivos móveis low-end e link para ele a partir de seu site 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 concebido para a web móvel.

Pré-visualização de um site em um telefone BlackBerry.

Video: Como escolher as cores pra usar no meu logotipo/site - Design para quem não é designer

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á-lo 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

    Usando adaptação de conteúdo de um site.

    Video: Professional Web Design, Web Hosting & Strategic Digital Marketing

  • 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. Site Fotografia de Jasper Johal, mostrado na figura, parece ser bom em um iPhone e um computador desktop.

    Pré-visualização de uma página web a fotografia em um iPhone.


  • Publicações relacionadas