Pros and Cons of Web Design Approac

[nusaiba125]

For an adaptive site, you need to develop a separate layout for each device. They are all laid out separately, and the HTML code will be different. As a rule, the design is adjusted to five screen sizes:

320x568px
360x640px
768x1024px
768x1366px
1080x1920px
When a user connects to a site, the server detects the device type and outputs the appropriate HTML. The URL remains unchanged.
hes
Adaptive website Rubber site
Pros:

Works better when the functionality on the devices differs greatly.
Content is optimized for each device, which means you can increase loading speed on mobile devices.
You can develop templates for different devices without changing the main site.
Pros:

Suitable when the functionality is the same for all devices.
Faster and cheaper than responsive design: you only need to colombia consumer email list create one template.
Cons:

Developing 5 layouts is approximately 5 times more expensive than one.
If the project is time-limited, it is better to choose responsive.
We'll have to work with the server, which means involving more programmers.
Cons:

Loading speed is lower than adaptive. All elements are loaded for all devices.
The main site will have to be redesigned to fit the new template.

How to create a responsive website
If this is a commercial site, start with the preparatory work, which is described in detail here .
Draw prototypes and designs for all devices.
When developing, remember: one layout designer most likely won't be able to handle it. You need a developer who will write a script to determine the type of device and display the required HTML on the user's screen.
Don't make the versions too different. Users don't want to get to know a completely new site on a mobile or tablet.