Myths in the 20 responsive web design

We've been confirming the importance of responsive web pages for a long time now and it's time to focus on how to make good responsive web design. Let's take a look!

While many people are talking about responsive web pages, not everyone knows what they are saying. A lot of the time you see some information on the Internet is also challenging your understanding of responsiveness.

Sometimes a little snitch gives you constructive advice and helps your design develop in the right direction. But sometimes you will be confused, and the design ideas will be contrary to the actual. Don't blame anything when it happens. The field of responsive web design is still new, and all of this is in production.

In addition, the creation of rumors and "myths" is a human nature. Although, Barbara Streisand a famous saying "myth is a waste of time". They refused to make progress. Looking for finishing is much better than superstitious mythology. To find out the truth, understand the pitfalls of responsive web design and learn some tools to make a big difference

1. Responsive Web design = mobile-optimized

Yes, the mobile internet is booming now, so responsive web design has always been the focus and conceptually the protagonist. But it's not the only thing, because you have to consider the device. such as: Flat panel and TV. The real purpose of responsive web pages is to make Web pages adaptable to any screen, any scale and width of Internet products. These are far beyond the scope of mobile phones.

2. Test on the widest possible range of equipment

In the design field, most designers will only test on a small number of devices when designing their Web site, as do responsive websites. It is not possible to test all the devices. In fact, should be based on their own users of targeted testing, so more operational.

3. Font not optimized

Unfortunately, too many designers feel that this is the right thing to do. They focus on the size of the device and the Web page, but do not pay attention to the actual size of the user, a site must be very readable, and responsive site font considerations are very important.

4. A fit of experience is not enough

People want to be able to access different devices, which makes designers crazy. This also makes the designer feel that the site must adapt to the user's every custom device. In fact, this is not difficult, you can easily make your site suitable for each device.

5. Responsive Web page because loading content too much, so slow

People in the imagination when this, but this is not fair, there are many small specifications of the website content is huge, but loaded quickly and smoothly, indicating that these problems are not design problems, wrong page loading speed, this is a code optimization problem.

6. Responsive Web pages don't have to be available for every use case

This is extremely wrong, because use cases are the focus of responsive web pages. The designer must take into account every use case and test all of their devices. Your users will want to use your site at any time.

7. Responsive Web page is not suitable for e-commerce

Fake, although the e-commerce website content is many, but the response type webpage is very suitable for the retail business. In fact, this has become a necessity, a study by Juniper research shows that by 2018, 30% of all online transactions will be on mobile devices. In addition, since 2014, the number of mobile shoppers has grown from 393 million to 580 million, which illustrates the potential of responsive web pages in e-commerce.

8. Responsive Web design is time-consuming

This is possible, and it does take a little more time to think about the response effect, but not much. In fact, you just create a common adaptation code base and a content base. And more and more companies are developing responsive frameworks, which makes it unnecessary for us to spend too much time doing the same thing.

9. Do everyone and the company need a "hug" response?

Not everyone has seen the value of responsive web design. It means providing the user with the greatest possible information, but this is not to say that a company must make its own website responsive to success. Because it requires enterprises to consider their own input-output ratio, the company according to the situation to feel whether it needs it.

10. Responsive Web pages need to support all browsers?

The department responsible for responsive Web development will continue to optimize the Web page, but that doesn't mean it has to support all mobile browsers. It is generally only supported by the following browsers: Chrome,firefox and Safari. It will be hard for you to support older versions of IE. This is a good thing, because the user development does not support will be to upgrade their own browser.

11. This is too expensive to do

It is true that implementing responsive Web pages requires ouch different skills, tools, and techniques. But it's not much more expensive than the hard-working web-site. In fact, responsive Web pages will help you save on server costs.

12. Responsive Web pages can affect SEO

SEO Support for Responsive web pages is very good, many search engines found that your site is not optimized for mobile phones, lower your site rankings. Because these search engines want to provide content that is more user-friendly, if you support your phone, they will definitely improve your site rankings.

13. It's easy to convert existing Web content into reactive form

On the contrary, this requires a variety of means to seamlessly switch content from a large screen to a small screen. Over-the-process requires identifying important content, removing extraneous content, and scaling to accommodate smaller devices. In short, make these things appear better on your phone, and easily switch between devices.

14. "Mobile first" means that the mobile end effect is the most important, the original website does not matter

If you think about moving first, you will think about the user, which will give users a better experience to use the mobile version and the original, the concept is just to give users a better experience, regardless of what they visit.

Individual Device Breakpoint responsive page requires priority

Responsive Web pages do not shrink the site to fit the device. Instead of having more pages to do, if you want to develop a responsible site, you need to understand the various user interfaces and not just do an interface job. This is not only a breakpoint on a single device, but a framework that adapts to various situations.

16. Adapt to all screens with an optimized image

Because you want to put the pictures in a small container, you obviously have to optimize them. However it is not possible to adapt an image to all the devices you need to optimize them. Device size difference is too big, if just a picture, pixels too high will load very slowly, the pixel is too low the display is not clear, so you have to have several sizes to adapt to a variety of devices.

17. Content can be hidden in a responsive style

Maybe it's true, but only if the web designer doesn't know what to do. This is absurd for experienced web designers. Responsive Web pages to make content easier to access. The idea of hiding content is the opposite, and if your accessibility is more likely to be more than the hidden content, then choose the optimized mode.

18. Responsive Web design is the future trend

Perhaps the myth comes from 22% of marketers who are responsive design experts. 29% of the people they have a certain understanding of the response, 23% of the people they just basic understanding, and the back of the completely do not know the response

But now responsive web pages are really mainstream, people need to be able to respond to Web pages, 5 years later it is hard to say, the successful response to design can not be separated from practice, and in practice to explore a more fluid model.

19. Responsive Web pages in the project you must give priority to

This view is again wrong, the key to balance, the user experience is the key, usually the designer has to prioritize mobile users, but it is not always the case, it is your responsibility to find the balance point.

20. Responsive Web Design is a perfect model

I hope no one believes in this "myth". Experienced designers understand that there is no real perfect model in the world, especially in such a fast-growing era. The slow loading time is always a complaint, however we have achieved a smooth display across multiple devices, 60% of users use mobile devices to access the Internet, so responsive web is now an optimal solution.

Responsive web design is not a formal science, and it is difficult to explain why this technology is successful, but this technology is worth your control, because it can improve your chances of success and your company.

Original address: Instantshift

Address: Cloud Rui

Myths in the 20 responsive web design