Web experience Designer: a Trap for responsive web design

Article Introduction: Although responsive web design is still in the early stages of development, there are many guidelines and best practices that you can use when creating a design that can work across devices. More thought and effort is needed for designers who want to provide a top Web experience for users with different devices.

Designers are unable to avoid the trend of mobile devices, of course, there are a lot of new concepts in web design to cater to mobile devices. But individual websites cannot stand firm in the tide of mobile devices. Whether it's personal computers, laptops, smartphones, tablets, big-screen phones, smart TVs, netbooks, and other promising devices, you need compelling designs.

Responsive layout is the only sensible way to do this.

Although not everyone is convinced that responsive web design is a future direction, responsive web design has gained wide support from web designers worldwide. Many of us have solved the problem of poor user experience by simply using responsive web design to solve the layout problems of different sizes of screens. In my first few responsive web design projects, I've made a lot of mistakes in my way of doing things. Here are 3 mistakes that I or other response web designers have made.

Trap 1: Site loading time is too long

One of the drawbacks of building responsive web sites is that you are forced to compress too many resources into one page. You need these resources to display your site on a variety of devices. Most responsive Web sites load these resources first before the page loads. There is no doubt that this process takes a lot of time.

For most users who use laptops or PCs to access your site, there seems to be no problem. But if it takes 5-7 seconds to load your site on your smartphone, you'll lose a lot of users. Smartphone users don't like to wait, even for 1 seconds--a short wait will have deadly consequences. So, how do we deal with the problem? Refer to best practice, cut redundant, use advanced technology such as conditional loading.

Trap 2: Subtract content for small screen devices

Providing less content for smartphones has been widely accepted. Intentionally providing a low quality user experience for mobile users is no doubt an impairment of your site's interests. In fact, users are constantly switching devices to accomplish a variety of tasks. This means that if a user cannot find a specific content on their smartphone, you lose the opportunity to sell.

A better solution is to display all of the information in a compact, easily navigable format. In design, it may take more effort, but it is worth doing. Keep in mind that even if you hide specific information with CSS, it will still be downloaded. So to provide a complete Web experience for mobile users, do not discard anything.

Trap 3: Ignore the similarities between the devices

Responsive web design is not just for PCs and smartphones. There are many other devices to consider when designing. How users interact with tablets, Internet TVs, and smartphones needs to be taken into account. This is not to say that you want to create a localized UI experience for all devices, but you can create a responsive navigation for them based on the environment of each device, and then create a design that is easy for users to understand.

Summarize

Although responsive web design is still in the early stages of development, there are many guidelines and best practices that you can use when creating a design that can work across devices. More thought and effort is needed for designers who want to provide a top Web experience for users with different devices.