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

Posts Tagged ‘device channel’

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

Posted in SharePoint, SharePoint 2013 | Tagged: , , | Leave a Comment »