Páginas web móveis são um animal único. Ao contrário das páginas da web amigáveis ao desktop, que são projetadas para telas grandes e cliques precisos no mouse, as páginas da web para dispositivos móveis são dimensionadas para telas menores e toques de dedo imprecisos. Além disso, os sites modernos são obrigados a publicar nos formatos desktop e móvel, exigindo efetivamente que cada página da Web seja criada duas vezes.
01 de 08Tamanho da tela e 'imóveis' são diferentes
Essa é a diferença mais óbvia entre as páginas da Web para dispositivos móveis e para computadores. Enquanto a maioria dos monitores de mesa tem tamanho de 19 a 24 polegadas, os tablets são geralmente de 10 polegadas na diagonal. Os smartphones são de 4 polegadas na diagonal. O simples zooming não converte com sucesso uma página da web para ser compatível com dispositivos móveis, pois isso torna o texto ilegível. Da mesma forma, os toques com os dedos se tornam impossíveis de serem feitos com precisão em uma página da Web com zoom. Web designers móveis realmente precisam mudar toda a sua abordagem para o layout da página. Geralmente, os designers precisam remover barras laterais e fotos desnecessárias, escolher figuras menores, aumentar o tamanho da fonte e recolher o conteúdo em widgets expansíveis. Esta limitação imobiliária tem impulsionado todo um tipo diferente de pensamento entre os web designers.
Widgets e 'Sliders' estão em; Sidebars e Whitespace estão fora
Você pode esperar que a maioria das páginas otimizadas para dispositivos móveis removerá alguns ou todos os links de navegação da barra lateral e os substituirá por widgets de menu expansíveis / expansíveis. Da mesma forma, espera-se que não haja espaço em branco à esquerda e à direita do conteúdo, e muito menos espaço em branco à medida que os designers se esforçam para maximizar o uso do mercado de tablets e smartphones.
Dedo tocando é menos preciso do que o clique do mouse
Ao contrário de um ponteiro de mouse preciso em sua área de trabalho, o dedo humano é uma bolha, e o toque de dedo requer grandes alvos na tela para hiperlinks. Esperar para ver mais grandes alvos retangulares ('tiles') em páginas da web móveis e menos hyperlinks baseados em texto. Além disso, os menus geralmente serão substituídos por botões grandes e guias grandes para acomodar a imprecisão dos toques de dedo.
04 de 08O URL da página para celular é diferente
As páginas da Web compatíveis com dispositivos móveis geralmente incluem a letra 'm' como parte significativa de seu endereço. O URL para dispositivos móveis é geralmente escolhido para você automaticamente quando você navega com um tablet ou smartphone móvel. Em alguns casos, você verá um link tocável que permite alternar para a versão normal da área de trabalho da página.
05 de 08A publicidade é reduzida ou removida
Sim, isso é maravilhoso para os leitores, mas um ponto sensível para os anunciantes da web. Como há espaço reduzido em um tablet ou smartphone, colocar uma multidão de links patrocinados e banners grandes simplesmente não funciona. Em vez disso, espere ver anúncios pop-up especiais menores em páginas da Web para dispositivos móveis, geralmente na parte inferior central da tela. Outros tipos inteligentes de publicidade de menor tamanho estão sendo desenvolvidos à medida que os dispositivos móveis amadurecem.
06 de 08Caixas de Seleção e Pequenos Links Serão Frustrantes
Quando os editores da Web não fazem um redesenho completo de seu conteúdo para telas pequenas, eles geralmente forçam você a usar nossos dedos do tipo blob para clicar em minúsculas caixas de seleção. Isso força os usuários a usar a tentativa e erro ou o zoom de pinça para tocar com precisão as caixas de seleção.
07 de 08Logins de senhas podem ficar obscuros ou excessivamente pequenos
Sim, isso é um aborrecimento moderno com muitas páginas da web para celular. Como muitos editores da Web ainda pensam em termos de telas de 22 polegadas, eles configuram você para duas experiências móveis desagradáveis: seus campos de login e senha serão pequenos e difíceis de tocar e seu teclado móvel deslizante cobrirá seus campos de login e senha . Você precisará adaptar usando o zoom de pinça para tornar os campos de login visíveis, e você precisará rolar a tela e desligar o teclado para descobrir os botões de login ocultos. Esperançosamente, os editores da Web modernos encontrarão uma maneira inteligente de contornar esse problema em breve.
08 de 08Fotos se tornam mais proeminentes
Geralmente, as fotos são encolhidas para que caibam nas telas menores. Em alguns casos raros, as fotos são realmente expandidas para preencher a largura do monitor do tablet ou smartphone.