Jean Paul's Blog

There are 2 types of People in the World, One who Likes SharePoint and..

    Advertisements
  • Microsoft MVP

  • MindCracker MVP

  • CodeProject MVP

  • eBook on SharePoint 2010

  • eBook on Design Patterns

  • eBook on Windows Azure

  • NLayers Framework @ CodePlex

  • MSDN Forums

  • .Net vs. Java

    Due to Public Demand
  • Advertisements

Choosing between Responsive Web Design, Device Channels or Both

Posted by Paul on January 12, 2015


In this article we can examine choosing between Responsive Web Design & Device Channels.

image

Responsive Web Design

Following are the properties of Responsive Web Design:

1. Same URL for all devices

2. Same HTML rendered for all devices

3. Device View Port is the key factor (Resolution)

4. Overhead: Browser should support CSS3

5. Overhead: Only 70-80% devices supports

Device Channels

Following are the properties of Device Channels:

1. Newly introduce to SharePoint 2013

2. Same URL for all devices

3. Different HTML rendered for different devices

4. Device user agent string used to differentiate devices (eg: Windows, iPhone, S4 etc.)

5. Custom Master Pages possible each device-channel is possible

6. Image Rendition for each device-channel is possible (Image Rendition)

7. Shrinking of data-size possible for low-bandwidth devices

8. Overhead: Additional configuration is required

Choosing One

In most cases we require to use only one of the following:

1. Responsive Web Design

2. Device Channels

Choosing Both

You can read from the above that, sometimes we require both Responsive Web Design & Device Channels. For example, following is such a case:

1. Your company have a public web site targeted for all devices:

a. Responsive Web Design can be implemented for all devices (Desktop, Tablet, Mobile etc.)

2. Field Workers using Black Berry with incompatible browsers need to login to the web site:

a. Device Channels can be configured for Black Berry devices with custom master pages

3. Field Workers using iPhone/S4 with low-bandwidth connections need to login to the web site:

a. Device Channels can be configured for iPhone/S4 with strip down version of pages

Please note that multiple user agent strings can be configured for a single device channels. This enables multiple devices of same screen size / work location targeted against a single device channel.

References

http://bit.ly/1AXwsr7

http://gabesumner.com/how-many-web-browsers-support-responsive-design

Summary

In this article we have explored choosing between Responsive Web Design, Device Channels or Both.

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s