Growing technology, allowing users to not only access the Internet using a personal computer networks but also by mobile devices such as iPad, smartphone. This requires businesses website design should be compatible with the user's device. The solution in this case is a responsive website design or design its own mobile version with the pros and cons are not the same.

What are responsive website design?

Mobile version Reponsive design is actually applied multiple site layouts for different types of screens of different sizes and they have close ties to the standard HTML5, CSS 3. If responsive website design, the capacity to use use of mobile devices with full size, type of resolution will not be upset when accessing a website that its interface is identical to the use of a PC.

Features of the website is responsive public awareness screaming is accessing the site and determine the size of the screen. Next, the code will refine the website layout quickly. Also, responsive website design also reflected in the CSS file that loads and rearrange components of the most reasonable position for the screen size.

In the case of responsive web design, banner ads which appear on pages accessed by computers will disappear. However, the website design has a threshold responsive interface switch between devices. For example, the threshold 700 pixel interface converted into a mobile only when the length is less than the threshold above screen. In the case above 700 pixels, the interface will show full.

Benefits of responsive web design can immediately see that the website is compatible with most of the different devices. Accordingly, users will enjoy convenient user interface and the most beautiful being used despite no matter what. However, the page loading speed on different devices responsive website design is the same and is the biggest drawback of this design.

Mobile web design has more dominant?

Overcoming disadvantages of websit responsive design, mobile website design versions that you no longer have to worry about the page loading speed as it ensures a smaller download size, occupying less bandwidth. However, mobile web design much more complex.

The mobile website design is simply building a mobile version for the web, the equivalent effect of responsive web design. But to design versions of this format, developers will have to spend more work to design a page HTML file, a CSS file separately. Of course a lot of work will entail more costs when designing websites.

However, some online services have supported RSS transferred into a separate site so developers can take advantage of mobile web design without spending too much effort and time. Accordingly, users accessing the website from a mobile device will not see the main interface. Instead, the stream new updates, or news, while ensuring that the information needs faster page load speed pretty much.

Can see responsive website design or website design mobile version has its advantages and disadvantages. Need advice about web design, you can contact us to get the best support.

Responsive web design or Mobile version?

Wap became the standard technology, "left" for various reasons, including the popularity of smart mobile devices with more powerful configuration, extra strength to support the standard HTML web browser. This article also does not mention techniques to mobile app (mobile application used for 1 website) because it is a completely different story. The reason is because mobile applications must address compatibility story on each application platform operating system, it is not through the browser to display the form as a website platform. Thus we only consider methods to solve mobile compatibility story for the website is Responsive and Mobile version.

Responsive web design - pros and cons

Responsive web design (web site design with multi-application interface) is a website design methods that compatibility of mobile devices regardless of the response from the server that the terminal by decision. Depending on the device's screen, the web interface will be presented to the appropriate size and display resolution, which is mainly due to HTML, CSS and javascript decision. How the presentation entirely by the design (graphics) do, completely unrelated to the system programmer.

Since 2004, the first prerequisite to forming techniques have been mentioned, but it was not until 2010, Responsive web design is applied when Ethan Marcotte widely mentioned as a standard technique.

In 2012, Google also released documents about Responsive Design, Responsive web design techniques increasingly are completed and a series of framework (Framework applications) specific support for the development of the website was launched Responsive typified is Bootstrap. Later, it was also included in the content management system (CMS) such as a component NukeViet CMS is supported by default in the CMS.

Advantage

Responsive web design is essentially an interface supports multiple device screens. Responsive web design has the advantage of being easy to design a consistent and positive experience for users because using one interface. Moreover, technical Responsive web design is about designing, the work 100% dependent designers and is not related to code system should not require human intervention deep into the system as for creating mobile version - which requires high programming techniques, and it is difficult to intervene if no support system available, especially when you are not a programmer out that system.

Responsive web design is not changed thereby effect link access as well as indicators related to SEO traffic is almost unaffected.

Disadvantages

Responsive web design depends more graphic designers, techniques which require relatively good graphics, especially techniques HTML, CSS so not everyone can easily do. Although recently the introduction of Bootstrap framework like that saved a lot of effort, but it is also not easy.

Responsive web design is essentially complete web interface, when accessed by mobile, components still have not shown to make websites load very heavy, space-consuming, bandwidth and CPU of the device.

Responsive websites using inappropriate technology to access the device on the low profile and older. Even the equipment is not nearly do not support Smartphone. Website and not always the same beautiful display when accessed by different smartphones, and even may have display problems due to unforeseen can not check on these devices.

If you can not turn off the Responsive, a site visitor can not find a menu that they're used to on your computer. Therefore experience in computer use is almost impossible to apply on mobile.

The repair and maintenance of the site difficult when you do something also must require compatibility with a variety of screens.

Because design is not optimal on each device so Pagespeed Insights on mobile index is usually lower.

Summary
- Responsive web design for user experience on smartphones interesting.
- Responsive web design is easy to deploy for small sites, the larger sites, the complexity increases manyfold.
- Responsive web design web help you reduce the amount of maintenance, but the design and repair complex, requiring greater technical engineering design code.
- Website load slowly.

Mobile version

When Responsive web design is not a development method using a special mobile version is applied to the device is determined to be mobile. Meanwhile two expressions:

The first popular in the early stages: PC and mobile versions use two different access addresses (the version can select forced or conversion), 2 modes use different link called Separate URLs (separate URL). Using this method, then in 1 in 2 versions must declare which version is original to the search server understands.

2nd way: Common use 1 links but different interfaces. This is handled by the server and returns the results. This is called Dynamic Serving (roughly translated as: serving up). 2nd way is used much in recent times, as technology grows CMS is the integration of different versions of the same set of code eases maintenance code from the server (but not as reduced maintenance interface number).

The modern CMS systems like CMS support NukeViet default Serving Dynamic mode for the user to avoid the configuration takes many, the transition to Separate URLs simply add a different address and configuration for address that identifies a mobile website.

Advantage

Own mobile website version enables data processing on mobile optimized version, not the components loaded HTML, CSS and Javascript excess thus increasing page loading speed. Moreover, easy for the older mobile devices (eg symbian os) support without fear of breaking the interface.

Defining types of devices also reduce problems in the design of graphical components, does not require the designer interface to high level and also help to limit errors arise and easy to control errors, easy fix. This is especially evident when your website is the complex system.

Disadvantages

Own mobile website version increases the number of interfaces, making maintenance quite bother.

Own mobile website version requires support from code running on the server system so that will not be easy to make those systems that you do not own or can intervene in the code.

To support more accurate device requires as much as the interface, but typically they are only 2 kinds of PC and Mobile interface, while the device screen sizes and are classified as mobile but quite diverse, with par resolution Laptop / PC interface thus assigning mobile in some cases no longer relevant again.