smarties-adv.ro Web analytics

web design agency

Design responsive

“Web design is responsive design. Responsive web design is web design, done right.” (Andy  Clarke)

Responsive design = Small + Medium + Large

Almost all customers need a mobile version for their website. After all, this is essential. One design for tablets, one for BlackBerry, another for iPhone, netbook etc. – and all resolutions must be compatible as well.

In the coming years, we should create websites for “n” inventions. And this madness will not stop. In web design and web development, we can quickly get to the point where we can no longer keep up with the endless number of new resolutions and devices. For many websites, creating a website for each resolution and device may be impossible or at least not practical. Do we have to suffer the consequences of losing visitors that use a certain type of device?

Actually, there is a solution – responsive design.

Responsive design

In 2010, Ethan Marcotte introduced for the first time the concept of Responsive Design in the Responsive Web Design article, published on A List Apart. The article refers to the possibility of adapting a website to the different resolutions and devices on which it is displayed (laptops, PCs, laptops, tablets, smartphones etc.), without suffering any degradation.

Responsive design has proven to be very useful for those who have to make multiple versions of the site so it can be accessed from different devices. Thus, the site recognizes the type of device on which it is displayed and automatically adapts the user’s preferences depending on the device used. Building the site in multiple versions became unnecessary, resulting in a significant reduction of time and, implicitly, lower costs.

Responsive design > Characteristics

This type of design uses flexible layouts, flexible images, CSS and media queries. Concluding, the purpose of the responsive design is to create websites that detect the size and orientation of the screen on which it is viewed and change the layout accordingly. Responsive design uses the x and y coordinates and mathematical percentages for images instead of fixed-dimensional parameters.

Only a few years ago, when flexible layouts were almost a luxury for websites, the only things that were flexible were text and layout columns (structural elements). The images could easily degrade the layouts, and even the flexible elements degraded the shape of the layout. Flexible layouts were not so flexible. They could drop or add a few hundred pixels, but most of the time, they could not adjust to desktop or laptop, for example.

Now we can make websites really flexible. Images can be adjusted automatically and layouts are not altered. Although it may not be a definitive solution, it provides us with many more options.

Here are some of the most important advantages of responsive design:
Super flexible
Responsive websites are fluid, content is not altered on various devices and different resolutions. As the liquid scatters or shrinks, depending on the vessel in which it is put, the responsive websites adapt to the screens of the various devices.
Excellent user experience
Even if the content of the site is very important, it is the user experience that makes the user not to leave the website quickly and to visit it at any time on any device. Responsive design makes it easy for you to access your website and for those who are very busy and do not sit very long time in front of the computer, anywhere in the day, from any device.
Efficient
The benefits of having a single website according to the needs of all devices are incomparably higher than having 2-3 or more sites for different devices. A website costs less than 2 and savings can be substantial. Responsive design also benefits SEO for all visitors on a single website regardless of the device they use.
Recommended by Google
Google said that responsive websites are recommended, preferable to non-responsive websites.
This is because the responsive sites have only one URL and the same HTML, regardless of the device they are accessing, making it easier and more efficient for Google to index and organize the content.

More manageable
If we have a desktop website and one for mobile devices, we should have different SEO campaigns for each one. Managing a single website and a single SEO campaign is much easier than managing multiple websites or SEO campaigns. This is the key advantage of a responsive website to a separate mobile website.

If you want to check whether the website you are representing has the appropriate design for your mobile devices click here

If you opt for a responsive website and trust us, we expect you contact us 🙂