Driving Intelligence Through Advanced Analytics

Category List


Tag List

Topshop (1)
Hootsuite (2)
River Island (1)
Google Share Reports (1)
Facebook (11)
Vine (3)
Digital Marketing (3)
Type-In (1)
PlayThru (1)
China (1)
Adoption Lifecycle (3)
UX Design (1)
Channel 4 (1)
Old Spice (1)
Quick-wins (1)
WWE (1)
Google Analytics Premium (2)
Change History (1)
Custom Tagging (1)
Bank Fashion (1)
Administration (1)
Post Promotion (1)
Twitter (10)
Cookie Law (4)
Marketing (3)
Google Analytics Opt Out (1)
KSI (1)
Snapchat (1)
Google (2)
Redirect (1)
Black Friday (1)
Early Adopters (1)
Website (2)
Web Design (5)
Sina Weibo (1)
Contextualisation (1)
LinkedIn (1)
Social Media Management (1)
Responsive Design (1)
Videogames (1)
Digital Campaigns (4)
Privacy Policy (2)
Customer Journey (2)
Short video (1)
Dashboards (1)
Apple (1)
Filtering (1)
Google Custom Templates (1)
Wrestlemania (1)
Webtrends Explore (1)
Mobile Browsers (1)
Personalisation (1)
Brand Reach (1)
Social Media Analytics (1)
Eu Directive (4)
Video Analytics (3)
KPI (3)
Heatmaps (1)
Company Culture (1)
Multi-channel funnels (1)
ASOS (1)
Analytics (3)
Foursquare (1)
minteye (1)
KitKat (1)
Webtrends (13)
YouTube (4)
Apps (2)
SharePoint Partnership (1)
Site Customisation (1)
Standardisation (1)
Google Analytics (10)
Android (1)
Nestle (1)
Webtrends SharePoint Partners (1)
TNA Wrestling (1)
Campaign Measurement (7)
Avon (1)
Confident CAPTCHA (1)
Webtrends Lifetime Streams (1)
Gamification (2)
Mobile Analytics (1)
4G (1)
Web Analytics (12)
Sharepoint Partners (1)
SEO (2)
Tumblr (1)
Gangnam Style (1)
Measurement Strategy (3)
New Look (1)
Instagram (4)
ICO (1)
Digital Spin (1)
RSS (1)
Hulu Plus (1)
Analytics Reporting (9)
Advertising (1)
YouTube Analytics (1)
Landing Page (1)
Competitive Advantage (1)
Microsoft SharePoint Partners (1)
Branding (1)
Google Web Analytics (1)
Netflix (1)
YouTube Paid Channels (1)
Social Media (20)
US Elections (1)
Measurement Plan (2)
Hashtag (2)
Urban Outfitters (1)
Technology (4)
Majority (1)
Performance Dashboard (1)
Eu Cookie Law (1)
Ecommerce (1)
Pinterest (3)
Engage 2013 (4)
Innovators (1)
uberVU (1)
CAPTCHA (1)

Tag Cloud

BrandingAndroidSnapchatAdoption LifecycleFacebookAdvertisingChannel 4Measurement StrategyWeb DesignMobile AnalyticsNestleAnalytics ReportingGoogle Share ReportsTechnologyInstagramTopshopTwitterKPIPrivacy PolicyWebsiteConfident CAPTCHA4GminteyeCookie LawYouTubeCompetitive AdvantageGoogle Analytics PremiumSina WeiboAnalyticsSocial Media ManagementKSIGoogle Web AnalyticsFoursquareHashtagCustomer JourneyGoogle AnalyticsStandardisationUrban OutfittersPost PromotionWebtrends ExploreUS ElectionsHeatmapsGamificationHulu PlusVideo AnalyticsWebtrends Lifetime StreamsAvonYouTube AnalyticsNew LookSocial Media AnalyticsGoogleNetflixYouTube Paid ChannelsBrand ReachLinkedInResponsive DesignGangnam StyleWebtrends SharePoint PartnersWrestlemaniaLanding PageuberVUUX DesignICOBank FashionEu Cookie LawEngage 2013SEOGoogle Custom TemplatesPerformance DashboardAppleMajorityQuick-winsKitKatHootsuiteWWESite CustomisationMarketingRiver IslandEcommerceEarly AdoptersOld SpiceGoogle Analytics Opt OutMicrosoft SharePoint PartnersDashboardsInnovatorsChinaMobile BrowsersPlayThruCampaign Measurement Measurement PlanWeb AnalyticsSharePoint PartnershipType-InBlack FridayPersonalisationPinterestCompany CultureCAPTCHASocial MediaSharepoint PartnersDigital MarketingVideogamesCustom TaggingAdministrationEu DirectiveTumblrFilteringDigital CampaignsWebtrendsShort videoVineContextualisationMulti-channel funnelsChange HistoryRSSASOSRedirectTNA WrestlingDigital SpinApps


Archive

2012

2013

2014

2015

2016

2017

Responsive design considerations and impact on website analytics

July 17, 2013 at 11:50 AM

user_avatar

by Mikul Patel

Digital Marketing Consultant at Matraxis

Responsive web design (RWD) has seen a lot of attention recently, Mashable declared 2013 to be the year of responsive design, but before you go embarking on a complete redesign of your website, web designers and content creators need to consider a variety of implications. In this blog I will cover some of the main considerations, particularly website analytics and understanding how users interact with your website.

 

website review offer screenshot 

 

What is the difference between a responsive and mobile designed site?

A site that uses RWD relies on using only one layout style that is fluid and adapts to a change in screen size. A mobile optimised site is designed specifically for mobile resolutions and can contain different content compared to the desktop version. Also a mobile site may be placed on a different sub-domain e.g. m.yourdomain.co.uk or mobile.yourdomain.co.uk.

 

By only working from one template, RWD eliminates the overhead of separately managing multiple sites optimised for multiple devices. You can test a website for RWD by simply resizing the browser to mimic using a mobile device. An excellent list of RWD sites can be found at http://mediaqueri.es/

 

 

Responsive design considerations

Switching to RWD is not as simple and using a pre-made template and hoping for it to work out-of-the-box. Just some of the extra considerations include:

  • Image and media content optimisation
  • Device orientation for horizontal and vertical viewing
  • The positioning of proportion-based grids for holding content
  • Client and server-side loading of page items
  • Uniformed design styling

 

One argument against RWD is the noticeable increase in page loading times even if you view content on a smaller screen compared to a desktop browser.

 

 

Measuring usage with website analytics

Analytics packages such as Webtrends make it easy to separately measure your sites especially if you have a separate mobile site. By having a responsive site, you will have a mixture of browser and mobile device statistics when it comes to analysing your reports. This may skew some of your results as the positioning of page elements differ when using RWD.

 

One way to avoid this could be to create separate individual profiles and filter by device screen resolution. Webtrends makes this easy and you can compare profiles against each other. For Google Analytics, you can achieve something similar by creating custom segments against device name.

 

TIP: If you look at your Mobile Devices analytics report and see a noticeable difference in visit duration and bounce rate between visits from desktop and mobile/tablet, you may want to consider a RWD or mobile optimised site.

 

 

Matraxis are independent specialists in web analytics and helping organisations to get the most out of their website and digital campaigns. If you would like more information about analytics and understanding your website visitors in greater details, please get in contact with us today!



Tags: Google Analytics Webtrends Web Analytics Web Design Responsive Design
Category: Web Design

blog comments powered by Disqus