/ DESIGN

Site para celular — Design Responsivo

“Site para Celular”, ou melhor dizendo: O termo é Design Responsivo, e vem sendo cada vez mais requisitado por aqueles que querem oferecer a melhor experiência ao cliente que acessa seu site através de dispositivos móveis como: Tablets, Smartfones e outros.

O conceito de Design Responsivo

Esse fenômeno não é somente uma tendência, mas sim uma necessidade, afinal hoje já acessamos a Internet mais através de dispositivos móveis do que através dos tradicionais Desktops e notebook. Veja a Pesquisa Brasileira de Mídia 2015 [PDF].

Muitas vezes temos dificuldade ao navegar em sites através do Smartphone por que tem letras minúsculas, menus impossíveis de serem clicados, imagens pesadas e uma série de outros fatores que fazem com que você simplesmente desista daquele site e volte a busca para encontrar outro mais fácil de navegar. Saiba também que quando o cliente faz uma busca no Google através de um dispositivo móvel os sites que NÃO Responsivo podem ser punidos e aqueles com a melhor experiência se destacam no topo da busca.

É justamente ai que entra o conceito de Responsividade que a grosso modo trata-se de tornar seu site flexível o suficiente para se adaptar aos diversos tamanhos de tela e entregar a informação na forma mais adequada ao meio pelo qual ele está sendo acessada.

Os sites desenvolvidos hoje tem quase que por obrigação serem Responsivos ou estarão fadados a consumir mais investimento para serem adaptados a essa realidade.

Site para Celular e Tablets… Mas não para por ai

É importante ressaltar que este é um caminho sem volta. Se hoje precisamos que nossos sites se adaptem a celulares e Tablets, em breve estaremos construindo páginas que serão acessadas através de outros dispositivos com características específicas. Imagine como será seu site sendo acessado através de um Google Glass ou de um Relógio Inteligente. Imagine que seu site já pode ser acessado pela TV ou mesmo no Vídeo Game. Você já parou pra pensar como é a experiência do cliente navegando através de um desses dispositivos menos tradicionais?

Como Fazer Site para Celular?

Ai depende. Se você é um profissional que deseja adquirir novos conhecimentos no assunto e fazer seu “Site para Celular” posso sugerir links aqui de por onde deve começar. Vou sugerir inclusive o Framework Bootstrap que torna a tarefa mais fácil e mais padronizada e elegante sem perder muito tempo reprogramando tudo do zero.

Design Responsivo na prática 2: do layout ao HTML — Acompanhe o desenvolvimento de um HTML/CSS responsivo passo-a-passo a partir de um layout fixo, com direito a muitas dicas, comentários e demo.

Bootstrap — Framework de front-end elegante, intuitivo para um desenvolvimento web mais rápido e fácil.

Se você não é um profissional mas tem um site que precisa remodelar para um Site para Celular, basta encontrar um bom profissional, que tenha experiência no assunto. Esse profissional deve avaliar seu site, fazer testes e realizar o trabalho. Pode demorar um pouco já que muitas vezes o design do site tem que ser recriado praticamente do zero.

Conclusão

A Web vem evoluindo a cada dia e cada vez mais vão surgir novas tecnologias para melhorar a vida das pessoas, difundir o acesso a informação, acessibilidade, enfim… Logo ter um site na internet já não será suficiente, então foco agora se volta para como o usuário está acessando este site e na optimização para entregar sempre o melhor conteúdo.

Referências

SECRETARIA DE COMUNICAÇÃO SOCIAL DA PRESIDÊNCIA DA REPÚBLICA. PESQUISA BRASILEIRA DE MÍDIA 2015 — HÁBITOS DE CONSUMO DE MÍDIA PELA POPULAÇÃO BRASILEIRA. Disponível em: http://www.secom.gov.br/atuacao/pesquisa/lista-de-pesquisas-quantitativas-e-qualitativas-de-contratos-atuais/pesquisa-brasileira-de-midia-pbm-2015.pdf. Acesso em: 08 nov. 2015.

Wikipédia, a enciclopédia livre. Project Glass. Disponível em: https://pt.wikipedia.org/wiki/Project_Glass. Acesso em: 08 nov. 2015.

Wikipédia, a enciclopédia livre. Relógio inteligente. Disponível em: https://pt.wikipedia.org/wiki/Rel%C3%B3gio_inteligente. Acesso em: 08 nov. 2015.

lucianobragaweb

Luciano Braga

Hi there, I'm Luciano Braga and I'm a Full Stack Developer and student of Computer Science. I use this website to post about code, web technologies and others things as algorithms for sample. You can see my projects on GitHub.

Read More