Responsive design has become the most preferred method for creating websites, because it provides optimal visualization that is suitable for different devices (mobile phones, tablets, desktops, etc.) and screen resolutions. The purpose of this adaptive page adjustment is to minimize the need for resizing and scrolling.
A responsive website adapts its content to the environment in which it is visualized, through the use of flexible grids that are based on proportions (based grids), and flexible images.
Responsive web design is being increasingly used and is becoming more important as the amount of mobile traffic accounts for more than half of all Internet traffic. This trend is so widespread that Google began raising ratings of sites that have responsive design.
In this article, we will discuss the 10 rules of best practice for responsive design.
1. Consider context
The fit-to-size process may make sense in terms of scalability, but it ignores the actual content that is presented in this layout (content must be considered).
Think of a website for a restaurant. You would certainly want the site to look good on mobile screens. There is, however, a lot of context and variables - you need to consider what is most important to different visitors who use this device.
You may at first think that because they are on a mobile device, these customers are looking for opinions or directions to the restaurant, but what if they are already in it? In this case, even though they are on a mobile device, they obviously don’t need guidance. Instead, they may be looking for something like nutritional information for the restaurant’s menu.
The fit-to-size process may make sense in terms of scalability, but it ignores the actual content that is presented in this layout (content must be considered).
Think of a website for a restaurant. You would certainly want the site to look good on mobile screens. There is, however, a lot of context and variables - you need to consider what is most important to different visitors who use this device.
You may at first think that because they are on a mobile device, these customers are looking for opinions or directions to the restaurant, but what if they are already in it? In this case, even though they are on a mobile device, they obviously don’t need guidance. Instead, they may be looking for something like nutritional information for the restaurant’s menu.
2. Practice thoughtful reduction
There’s a so called "mobile first” approach, in which the designer needs to focus only on content, to show what’s most important for consumers and to remove anything that is superfluous.
When going through this process, some functions for larger screens need to be removed for mobile devices. Deleting items from the page requires a bit of aggressive approach, but a successful designer must learn how to be ruthless in this regard. Retain only what's important!
There’s a so called "mobile first” approach, in which the designer needs to focus only on content, to show what’s most important for consumers and to remove anything that is superfluous.
When going through this process, some functions for larger screens need to be removed for mobile devices. Deleting items from the page requires a bit of aggressive approach, but a successful designer must learn how to be ruthless in this regard. Retain only what's important!
You can read full article here
Няма коментари:
Публикуване на коментар