Responsive Design, Everything You Need to Know

      No Comments on Responsive Design, Everything You Need to Know
Responsive Design, Everything You Need to Know

The use of mobile devices, since the boom of the iPhone in 2007, has grown at an incredible rate, supported by the massification of the Internet and the dizzying sales of devices such as tablets and smartphones. Such events have caused companies and users have been forced to adapt their content and resort to novel techniques such as responsive design or adaptive web design as an effective alternative to improve the display both desktop and devices.

Responsive Design, Everything You Need to KnowResponsive-design-ipad

The growing use of large PC screens and the widespread use of the Internet in mobile phones forced webmasters to be able to create pages that are correctly displayed and functional on any of the devices where they would be viewed. This was the motivation that finally allowed the birth of the web design technique responsive (web structure with CSS or Java Script style sheets that shapes contents to be visible in various hardware). Since then, webs, which had a solid and unalterable fixed size, no matter where they were seen, gave way to new technologies such as packagingor “fluid” structures (use of percentages to define the width of the web regarding the screen) and media-queries (module that allows the representation of content adaptable to all kinds of resolutions) to adapt the website to the user’s environment.

Quickly the ease of conditioning the contents to all available presentations was made compulsory. It was enough to imagine the rigid and stiff past experience to realize why the urgency of a change in the form of arrival to the public. Given so many sizes, models and resolutions on the market, was it not beneficial to unify them for the comfort of the same users, who are ultimately the ultimate goal of all creations? When the immediate utility of responsive design was proven to increase the user’s positive experience, manufacturers or adapters made responsive design a far-reaching tool. See some examples of jobs in Responsive Design (source):

Responsive Design, Everything You Need to KnowProper translation of the term Responsive Design

From the technical questions, we will briefly turn to the semantics, since one of the points of greater debate in this subject is its nomenclature. When the American designer and author Ethan Marcotte published his famous book Responsive Web Design changed the current working methods, so accommodated to fixed dimensions and screen resolutions. But it also left in the forefront issues less visible but just as important: What did Responsive web design? Finding a good translation, in principle, is not a question of linguistic coherence, since in day-to-day we use a myriad of Saxon terms that are fully integrated into our vocabulary, but a way to favor communication with our clients. Now, if we look for the term responsive in the English Wiktionary, it gives us four meanings:

You may also like to read : Love At First Sight: The Importance Of A Good Logo

Susceptible to the feelings of others

We are especially interested in the second (Able to receive and respond to external stimulus). Thus, responsive refers to that which is able to react to what surrounds it, providing an adjusted response to the situation, an adaptable way of being, a solution that accommodates. That said, the closest thing to understand is that Responsive Web Design stands for Adaptive Web Design. Although not a literal translation, adaptive well picks up the meaning of the English term responsive. According to our Royal Academy, adaptive means: Belonging or relating to adaptation or adaptability.

However, even this translation is debated by those who have other preferences and those who are considered literal and want meaning (which sounds bad and is debatable) responsive web design. In fact, in the network today some translations circulating support this thesis. There are also many cases where it is not directly translated and the English term is used (responsive web design), and this is the second most frequently used option. Then there are other options with less presence, such as sensitive, adaptive or adaptable. (Some are so baffled by the barrage of terms that they directly choose to use them all.

Responsive Design, Everything You Need to KnowBenefits of Responsive Web Design


In fact, even until very recently, the connections from mobile devices to web pageswere not as relevant, since although the necessary technology existed, the level of penetration of mobile devices was not so widespread. The consumption of smartphones and tablets worldwide grew unevenly and in the region – read Peru – its popularity was not as fast as one might think. Since 2011, this circumstance has begun to change with the diversification of the retail and wholesale Peruvian channel, as well as the commercial war of Peruvian telephone operators in the mobile phone market and improvements in bandwidth and data transmission. With the advancement of these technologies and their insertion in all market niches and social segments, the market itself sought to promote its products in this new business front.

Today there is no doubt about the potential of promoting content on mobile devices, but there is no doubt in companies about the aesthetic and functional positioning of their presence in the virtual world, whatever the medium (desktops, laptops). In this regard it is clear that web designers have a wide field of action if one considers that there is a fertile production space for pages of interesting profile and adaptable to all contexts. This same phenomenon also happens worldwide. Studies by Morgan Stantey predicted that in 2012 the connections to web pages from these devices surpassed for the first time in history to the desktop. In this context, developing an Internet action that cannot be optimally seen in any device means leaving out a large part of the target audience. So being your potential, why bet on responsive web design? For several reasons:

Costs are reduced: since until today a portal for the Web and another one for mobile devices must be done, which causes higher costs of creation and maintenance of the information.

Update Efficiency: The site should only be updated once and reflected on all platforms. When we have the independent portals for Web and Mobile you must perform the update twice which creates the need for more resources and possibility of error.

Improves usability and conversion: This technology brings usability and conversion. Studies have been done that show that when the entire screen of the visitor is taken advantage of the conversion increases.

Impact on the visitor: This technology, because it is new, has an impact on people who see it in action, which will allow the brand to be associated with creativity and innovation.

You may also like to read : 10 Tips For A Successful Web Design

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.