Resposive
Web Design – Flexibilidade na troca de dados e informações.
A
onipresença dos dispositivos móveis em redes corporativas como forma de
comunicação e meio de trabalho, torna-se indubitavelmente comum. Diversas
empresas fazem o uso de Smartphones e/ou Tablets para acessar seus dados e
trocar diversos tipos de informações, seja pela mobilidade ou pela praticidade
do uso de tais aparelhos.
Entretanto,
o aproveitamento de interfaces cujo desenvolvimento é específico para o uso em
Desktop, prejudica o envio e a interpretação dos dados quando aproveitado em
mobile, por exemplo. Sob este cenário, surge a necessidade do uso do conceito
de Responsive Web Design em site para redes corporativas.
O
que é Responsive Web Design?
Responsive
Web Design é acima de tudo um conceito. Em tese, tal conceito remete apresentar
a informação de um website de forma acessível e confortável para diversos meios
de acesso. Em outras palavras, seu uso permite que o site obtenha aspectos de
usabilidade e acessibilidade.
Sendo
assim, o usuário terá uma interface apropriada para manipular de maneira
correta as mais diversas informações sob uma perspectiva que tem como objetivo não
restringe o acesso independente do tipo de dispositivo do usuário.
Responsive Web Design é um assunto muito extenso, mas muito interessante. Nos faz pensar no futuro de forma diferente. Até 5 anos atrás não tínhamos preocupações com outro dispositivo a não ser um ou outro smartphone e os desktops. É importante que nós possibilitemos que essas informações sejam entregues da melhor maneira possível.
A
quem se Destina?
É
importante elucidar que o uso do conceito de Responsive Web Design é de suma
importância para empresas que desejam ganhar mercado e notoriedade com o acesso
de seu site.
Para empresas que desejam apenas troca dados através de interfaces
móveis, seu uso é indubitável pertinente, já que a agilidade para a manipulação
dos dados fator primordial e necessário.
Uso
e Importância.
O
Media Queries é uma utilização de Media Types (definem para qual tipo de media
o CSS será direcionado) com uma ou mais expressões envolvendo características
de uma media para definir formatações para diversos dispositivos.
Em
tese, o Media Type possui um valor denominado SCREEN, que é utilizado quando
queremos direcionar uma determinada formatação para aparelhos que tem telas
coloridas e /ou de um determinado tamanho. A imagem abaixo exemplifica um
código com Media Queries com o emprego do CSS específico para aparelhos que tenham uma largura máxima de tela de 480px. Ou seja, qualquer aparelho que tenha essa largura de tela, deverá utilizar o código CSS que está no arquivo especificado.
Em suma, o uso de Media Queries tornará o portal da empresa flexível para diversos dispositivos independente de seu tamanho e resolução de tela. Seu emprego agrega maior agilidade na troca de informação, visto que o acesso torna-se apropriado e não prejudica a usabilidade com o usuário.
Fonte: http://tableless.com.br/introducao-ao-responsive-web-design/#.Upc92sRDucW
http://blog.popupdesign.com.br/design-responsivo-iii-media-queries-e-compatibilidade/