Design Falha no Design Responsivo da Web

Falha no design? Web design responsivo e planejamento para o fracasso

O design responsivo para a Web recebe muitos elogios em um dia, como o garanhão branco sobre o qual o futuro do design para a Web está se preparando para o resgate, e críticas severas no dia seguinte... você terá leia sobre Tenho certeza de que as velocidades de download são terríveis. O motivo de tanto debate é que ainda é muito cedo no ciclo de vida do web design responsivo e, portanto, os exemplos, bons ou ruins, são poucos e distantes entre si. No entanto, se você planeja experimentar essa abordagem em seu próprio site, há alguns erros que talvez queira evitar.

1. Deixar a ordem de conteúdo para outra pessoa

Usando um sistema de grade, o design responsivo da Web permite que o conteúdo exibido em uma tela grande de laptop ou PC seja exibido em um smartphone estreito e tudo o que estiver entre eles. A ordem em que os "blocos" de conteúdo são exibidos não é um resultado aleatório determinado pelo CMS; alguém, em algum lugar, precisa decidir a ordem. Essa é uma decisão estratégica importante, e a maneira mais fácil de estragar seu web design responsivo é entregar a decisão a outra pessoa.

2. Carregar imagens grandes e gordas

O web design responsivo permite que as imagens sejam redimensionadas para caber na tela em que o site está sendo exibido. Se você deixar suas imagens como grandes arquivos 1mb quando elas forem exibidas no smartphone, elas serão baixadas muito lentamente. Você também deve olhar para imagens adaptativas como uma solução para o problema da velocidade de download.

3. Requer muita rolagem

Se você tem uma página inicial que requer rolagem quando apresentada em uma tela grande como um laptop de PC, no momento em que chega a uma tela de smartphone pode ser completamente impossível de ser gerenciada pelo usuário. Rolagem sem fim tentar encontrar o conteúdo certo significa que os usuários perderão o que estão procurando e logo decidirão que a experiência móvel não vale a pena perseverar.

4. Só vá fundo da pele

Com vários designs responsivos para a Web em exibição, o tratamento parece ter sido apenas superficial. A página inicial foi bem projetada com um menu dobrável, um cabeçalho bem organizado, sem muita rolagem e, em seguida, você clica na próxima página em seu smartphone e "boom". A página se expande para preencher a tela com texto microscópico e um conjunto de conteúdo no canto superior direito e espaços abertos à direita e abaixo.

5. Ignorar as capacidades do smartphone

Há um grande debate nos círculos de design responsivo da Web e, de fato, de design de sites móveis sobre o design para celular ou para PC. Nenhuma das abordagens é correta se você não utilizar os recursos do smartphone. Por exemplo, um localizador de lojas é um recurso multicanal muito útil em um smartphone ou laptop, mas a utilização da geolocalização no smartphone acrescenta um grau de valor agregado que é exclusivo da experiência do smartphone.

Há muitas outras coisas que você pode fazer que farão com que seu web design reativo falhe e se você quiser aprender mais sobre como evitar essas armadilhas do usuário, então entre em contato.