Sitecore for All: Responsive, Adaptive or Mobile Site
Posted 09/09/2016 by Deepak
“When it comes to web development, a good User Interface (UI) matters. To be precise, it matters a lot. Functionality is only half battle, without a good User Interface you are not going to run a long distance.”
A good user Interface can make or break an application:
- Consider two application of different company provide the same functionality. When a visitor or potential customer in case of business visits your website – usually hit the “back” button or leave the site completely the moment he feels difficult to browse/navigate through the content. And this leads to a big loss to business.
What we can do with Sitecore?
With Sitecore we can build all -
- Responsive web Design (RWD) – Same content is delivered and the device receives instructions for what to display and what to display according to the screen sizes.
- Adaptive Web Design (AWD) - device information is picked up by the server and only the required content is sent to the device for display.
- OR, A separate mobile site - Create a completely separate mobile site within Sitecore
Responsive web Design (RWD):
- With Sitecore, we can make the full responsive website. But we have to make sure that these changes in the layout should be very clear and simple, so users can easily do their desktop needs to work when the screen shrinks.
- In responsive web design, same content is delivered and the device receives instructions for what to display and how to display according to the screen sizes.
- Although Sitecore collects information about the user agent, reporting shows you engagement and traffic based on Sitecore devices that a responsive site does not take advantage of.
- We can utilize advanced feature of Sitecore in adaptive design.
Adaptive web Design (AWD):
- When we talk about adaptive web design, its all about the different types of devices. In adaptive design device information is picked up by the server and only the required content is sent to the device for display.
- If we use the Mobile Device Detection Module of Sitecore, we can force a visitor’s context device to change when they first hit your site (device information is then stored in their session cookie).
- Content presentation details can vary between different devices.
- With Adaptive design we get all the benefits of responsive – and much more.
- We can add/remove/move components based on the different devices that help us to make mobile pages lighter.
- As a developer, we have the opportunity to target a particular device and change Sitecore’s behavior.
- With Sitecore, we can see traffic and engagement reporting per device basis.
Separate Mobile Site:
- Sitecore having the capability to Mobile Device Detection.
- So, we can create a completely separate mobile site within Sitecore - this might be the best solution if your mobile content or design has to be drastically different.
- Sitecore will allow you to point m.mysite.com to a different starting Home node.