“Day by day, the number
of devices, platforms, and browsers that need to work with your site
grows. Responsive web design represents a fundamental shift in how we’ll
build websites for the decade to come.”
(Jeffrey Veen)
O QUE É O RESPONSIVE WEB DESIGN?
O conceito de
"Responsive Web Design" foi iniciado e defendido pelo designer
norte-americano Ethan Marcotte e surge como um dos grandes marcos na
evolução na World Wide Web.
Se há uns anos atrás o acesso à internet era possível apenas através de um computador de dimensão quase universal, hoje em dia existe uma grande diversidade de dispositivos através dos quais se pode aceder à web (iMacs, Netbooks, Telemóveis, Tablets, Laptops, etc.) e que apresentam diversos formatos, alterando exponencialmente o conteúdo divulgado.
Desta forma, seria muito complicado fazer o design e programação de um website que fosse visualizado de forma específica para cada um destes dispositivos e consequentes tamanhos de tela.
O Responsive Web Design surge de forma inovadora, apresentando-se como uma das soluções técnicas mais eficazes para este problema, ao permitir, através de uma programação específica, que os diferentes websites se adaptem automáticamente às diferentes resoluções, tamanhos de ecrã e comportamentos dos dispositivos a partir dos quais estão a ser visitados.
Se há uns anos atrás o acesso à internet era possível apenas através de um computador de dimensão quase universal, hoje em dia existe uma grande diversidade de dispositivos através dos quais se pode aceder à web (iMacs, Netbooks, Telemóveis, Tablets, Laptops, etc.) e que apresentam diversos formatos, alterando exponencialmente o conteúdo divulgado.
Desta forma, seria muito complicado fazer o design e programação de um website que fosse visualizado de forma específica para cada um destes dispositivos e consequentes tamanhos de tela.
O Responsive Web Design surge de forma inovadora, apresentando-se como uma das soluções técnicas mais eficazes para este problema, ao permitir, através de uma programação específica, que os diferentes websites se adaptem automáticamente às diferentes resoluções, tamanhos de ecrã e comportamentos dos dispositivos a partir dos quais estão a ser visitados.
ENFIM, PARA QUE SERVE?
- Adaptação do layout do website de acordo com a resolução em que está a ser visualizado.
- Adaptar o tamanho de botões e links para interfaces touch onde o ponteiro do mouse é substituído pelo dedo do utilizador.
- Re-dimensionar as imagens automaticamente para que caibam na tela.
- Preparar uma versão do website específica para telemóveis.
- Ocultar elementos desnecessários nos dispositivos menores.
- Utilizar de forma inteligente recursos mobile como a geo-localização e mudança na orientação do aparelho (horizontal ou vertical).
CONCLUSÃO
Press on the button below to read this article in english
Até há poucos anos atrás os Web designers e
Programadores não tinham tanta preocupação com as restantes plataformas
para além do comum computador desktop, no entanto, nos tempos que
correm essa maneira de pensar tornou-se impraticável, devido a toda uma
panóplia de dispositivos que têm vindo a aumentar. Ora, o conceito que
acabamos de apresentar veio sem dúvida, de modo arrojado, responder às
necessidades crescentes dos utilizadores actuais, revolucionando de
forma positiva as experiências online.
Passamos de uma era rigída e infléxivel, para a era dos tablets e dos smartphones em que os conteúdos se transformam e se reinventam a cada visita.
Cada vez mais os profissionais da área centram-se nas necessidades e exigências do utilizador, acreditando que são os conteúdos que se devem adaptar ao utilizador e não o contrário.
No fundo, o que realmente importa é que a informação seja entregue da melhor maneira possível e ao maior número de utilizadores possível.
Passamos de uma era rigída e infléxivel, para a era dos tablets e dos smartphones em que os conteúdos se transformam e se reinventam a cada visita.
Cada vez mais os profissionais da área centram-se nas necessidades e exigências do utilizador, acreditando que são os conteúdos que se devem adaptar ao utilizador e não o contrário.
No fundo, o que realmente importa é que a informação seja entregue da melhor maneira possível e ao maior número de utilizadores possível.
Claúdio Pereira
Press on the button below to read this article in english
What is the Responsive Web Design?
The
concept of “Responsive Web Design” was instigated and defended by the
American designer Ethan Marcotte, emerging as one of the great
milestones in the evolution of the World Wide Web.
Not long ago internet access was only possible through a computer at the universal dimension, nowadays there is a grate diversity of devices through which you are allowed to access the web (iMacs, netbooks, mobile phones, tablets, laptops, etc) with different formats witch exponentially alter the contents disclosed.
Bearing this in mind, the complexity of elaborating the design and programming of a website to the specifications of each of these devices and screen sizes would be immense.
The Responsive Web Design emerges in an innovative approach, presenting itself as one of the most effective and technical solutions to this problem, by allowing, through specific programming, that different websites automatically adapt to the different screen sizes, resolutions and behaviours of devices which are being used.
Not long ago internet access was only possible through a computer at the universal dimension, nowadays there is a grate diversity of devices through which you are allowed to access the web (iMacs, netbooks, mobile phones, tablets, laptops, etc) with different formats witch exponentially alter the contents disclosed.
Bearing this in mind, the complexity of elaborating the design and programming of a website to the specifications of each of these devices and screen sizes would be immense.
The Responsive Web Design emerges in an innovative approach, presenting itself as one of the most effective and technical solutions to this problem, by allowing, through specific programming, that different websites automatically adapt to the different screen sizes, resolutions and behaviours of devices which are being used.
Anyway, what is its application?
- Adaptation of the website layout in accordance with the resolution viewed.
- Adaptation of the size of buttons and links for touch interfaces, where the mouse pointer is replaced with the user’s finger,
- Re-size the images to automatically fit the screen;
- Prepare the website version specifically for mobile phones.
- Hide unnecessary elements on smaller devices,
- Intelligent use of mobile features like geo-location and the change of orientation (horizontal or vertical)
Conclusion
Until
a few years ago Web designers didn’t have much concern for other
platforms beyond the common desktop computer, however, in this day and
age this vision has become impractical, due to the whole range of
devices that have arisen. Without a doubt the concept presented above
appears as a dashing response to the growing needs of current users,
revolutionizing the positive online experiences.
We transited from a rigid and inflexible Era to a new Era of tablets and smart phones where contents are transformed and reinvented with each visit.
More and more, professionals focus there attention on the needs and requirements of the user, believing that the contents must adapt to the user and not the other way around.
Ultimately, what really matters is that the information is delivered in the best possible way and to as many users as possible.
We transited from a rigid and inflexible Era to a new Era of tablets and smart phones where contents are transformed and reinvented with each visit.
More and more, professionals focus there attention on the needs and requirements of the user, believing that the contents must adapt to the user and not the other way around.
Ultimately, what really matters is that the information is delivered in the best possible way and to as many users as possible.
Sem comentários:
Enviar um comentário