Driving Intelligence Through Advanced Analytics

Category List


Tag List

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

Tag Cloud

Multi-channel funnelsCustom TaggingMobile AnalyticsGoogle Share ReportsContextualisationPinterestPost PromotionRiver IslandAdministrationStandardisationChinaTechnologyHootsuiteNetflixInnovatorsPerformance DashboardType-InTopshopMajorityEcommerceTumblrSina WeiboSocial MediaVideogamesSite CustomisationGoogle Web AnalyticsWrestlemaniaCampaign Measurement Channel 4AnalyticsSocial Media ManagementConfident CAPTCHASnapchatWebtrends Lifetime StreamsCustomer JourneyFilteringCAPTCHACompany CultureGoogle Analytics PremiumPlayThruQuick-winsminteyeHeatmapsGoogle AnalyticsGoogle Analytics Opt OutEu DirectiveMicrosoft SharePoint PartnersFacebookSharePoint PartnershipVineRSSMeasurement PlanWebtrendsLanding PageYouTube Paid ChannelsMeasurement StrategyRedirectChange HistoryUS ElectionsResponsive DesignEngage 2013TNA WrestlingHashtagPrivacy PolicyAppleYouTubeAppsDigital MarketingDigital CampaignsAndroidGamificationOld SpiceSEOWWEUrban OutfittersGoogle Custom TemplatesAdvertisingBrand ReachPersonalisationYouTube AnalyticsWebtrends SharePoint PartnersDigital SpinVideo AnalyticsDashboardsMobile BrowsersuberVUKitKatICOGoogleUX DesignEarly AdoptersGangnam StyleInstagramKPITwitterNew LookCompetitive AdvantageLinkedInBlack FridayBrandingAvonSharepoint PartnersWebsiteWeb AnalyticsNestleWeb DesignBank FashionMarketingASOSAnalytics ReportingWebtrends ExploreSocial Media Analytics4GFoursquareShort videoKSIEu Cookie LawAdoption LifecycleCookie LawHulu Plus


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