WEB DESIGN RESPONSIVO PARA TODOS OS DISPOSITIVOS

Os sites responsivos possuem inúmeras vantagens e garantem que todo o conteúdo do seu site esteja disponível para todos os dispositivos que o usuário preferir utilizar.

A relação custo/benefício é bastante considerável e sites já existentes podem ser convertidos para responsivo..

Quem aqui já fez uma busca no “Google” ou em outro buscador através do seu Smartphone ou Tablet e no resultado da busca clicou em um link e foi direcionado para um site cuja a visualização do conteúdo era quase impossível de visualizar?

Você aumenta a tela, arrasta pra esquerda ou direita, tenta dar zoom, rotaciona o aparelho e mesmo assim a navegação naquele site se torna impossível, desagradável e em determinado momento você profere aquele palavrão “!@#$!” e abandona de vez o site!

É meu amigo, você não esta sozinho nessa!

Existem milhões, se não bilhões de web sites que não estão preparados para os aparelhos de hoje e se o seu web site é um deles e saiba que, assim como você muitos visitantes não tem paciência para permanecer mais que 30 segundos em um Web Site ou Loja Virtual desse tipo!

Para quem já possui um Web Site ou Loja Virtual, é muito importante verificar este detalhe e com essa dúvida, vem a pergunta, como saber se meu web site é responsivo?

Existem varias maneiras de saber, vou listar aqui 3 formas:

1 – Acessando seu web site ou loja virtual através do seu Smartphone, faça a navegação em todas as paginas do seu site, veja se esta totalmente ajustado e alinhado e se não existe barra de navegação horizontal na parte inferior do seu site ou mais de uma barra de navegação na vertical do lado direito, caso elas existam,  seu site não é totalmente responsivo!

2 – Em um computador Desktop ou Notebook, você pode dimensionar o tamanho da janela clicando no canto superior direito do navegador e clicando no ícone dos quadros ao lado do ícone de minimizar, com isso você poderá clicar nos cantos da janela, diminuindo ou aumentando a largura, se o seu site for responsivo ele vai se adequar conforme o tamanho da janela!

3 – Uma outra opção mais fácil rs, é utilizar o “Screenfly”, trata-se de uma ferramenta do site “Quirk Tools”, onde você pode testar como se estivesse utilizando notebook, smartphone, tablet, ipad etc…

Segue o link para que vocês possam faz os testes: http://quirktools.com/screenfly/

Para utilizar esta ferramenta, é muito simples, ao clicar no link você será direcionado para o site diretamente na ferramenta Screenfly.

No centro da pagina tem um campo para que você cole ou digite o endereço do seu site e em seguida clique no botão “Go”

Seu site será carregado dentro da ferramenta, perceba que no canto superior aparecem os ícones de um monitor, tablet, celular e outros, vou explicar somente os 3 primeiros para não estender muito este artigo.

Clicando no primeiro ícone do monitor será exibido uma grande quantidade de resoluções, você pode ir clicando uma por uma sempre verificando se o seu site esta se adequando ou redimensionando de acordo com as resoluções de monitores, feito isso, você pode clicar no segundo item referente a tablets

O processo aqui é o mesmo, você pode clicar um a um para ver se seu site esta se comportando corretamente nos tablets!

O mesmo procedimento pode ser feito para o ícone do smartphone!

Uma observação, esta ferramenta não é 100% eficaz já houve casos que na ferramenta o site ficou 100% ajustado e quando testado em um smartphone por exemplo, não estava ajustado 100% mas no geral, a ferramenta vai ajudar a tirar a duvida se seu web site ou loja virtual é responsivo ou não!

Meu Web Site ou Loja Virtual não é responsivo!

 

É possivel corrigir? A Suporte Visual faz essa correção?

Sim, a Suporte Visual faz os ajustes em Web Sites ou Lojas Virtuais, corrigimos o responsivo caso o site não esteja 100% ajustados ou inserimos todo o código responsivo e ajustamos para que seu Web Site ou Loja Virtual se ajuste corretamente em Smartphone, Tables, Ipad etc…

Conte com a Suporte Visual sempre que precisar, sera um prazer ajudar!

Gostou? Deixe seu comentário e compartilhe!!!

Abs e até a próxima dica!!!

DIGITE OS TERMOS DA SUA BUSCA E TECLE ENTER...

Scroll Up