SlideShare a Scribd company logo
Benefits of Mobilizing User
Experience
Michelle Speers
08/03/2014
Mobile and Tablet Usage Growth
Chart
2012-2013
Mobile on the uphill climb.
Mobile is taking over.
Traditional web is declining.
Tablets are booming.
“Mobile to overtake fixed internet access by 2014”!
Mobiles’ Affects on Web
Design
Simplistic Design
Less is more
Hypertext lacking
Resolution for small screens
Little to no pictures
Only important content
Device Detectors
User Agent detection
Device Atlas
WURFL
Good: NYX Cosmetics
Straight forward
Most important content only
Aware of the fold
Beautiful
Bad: Pacific BMW
Messy
Unimportant content in fold
Busy
Not user friendly
Good: Sephora
Fold focused
Clean
User friendly
Photograph background
Content driven
Bad: Ulta
Busy
Disregard for the fold
Not user friendly
Too much scrolling
Overkill of content
Tips for Success
Tablet/Mobile Friendly
Device Detectors
Resolution size
Less is More
Content
User Experience
References
http://www.smartinsights.com/wp-content/uploads/2014/03/Site-visits-percent-by-mobile-and-destop-
2014.jpg: Slide 2 photo
Dawson, Alexander. (2010) Mobile Web Designs: Best Practices. Six Revisions. Source:
http://sixrevisions.com/web-development/mobile-web-design-best-practices/
Faletski, Igor. (2009) 7 Tips to Make Your Website Mobile Friendly. Six Point. Source:
http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
sephora.com: Slide 8 photo
ulta.com: Slide 9 photo
pacificbmw.com: Slide 7 photo
nyxcosmetics.com: Slide 6 photo

More Related Content

What's hot

Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_Presentation
Jason Nichols
 
Mobile webinarslides
Mobile webinarslidesMobile webinarslides
Mobile webinarslides
Page 1 Solutions
 
Mobile Web Design - The Basics
Mobile Web Design - The BasicsMobile Web Design - The Basics
Mobile Web Design - The Basics
Nick Whitmoyer
 
Using Apps to Support Learning & Teaching - Nov 2014
Using Apps to Support Learning & Teaching - Nov 2014Using Apps to Support Learning & Teaching - Nov 2014
Using Apps to Support Learning & Teaching - Nov 2014
Joan Walker
 
No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%
Derek Pippa Feria
 
Responsive web design and eCommerce
Responsive web design and eCommerceResponsive web design and eCommerce
Responsive web design and eCommerce
Christian Glover Wilson
 
Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019
Suvi Kava
 
The Basics of User Experience Design by Sam Kiranga
The Basics of User Experience Design by Sam KirangaThe Basics of User Experience Design by Sam Kiranga
The Basics of User Experience Design by Sam Kiranga
nairobiwordcamp
 
Creating An Excellent User Experience.
Creating An Excellent User Experience.Creating An Excellent User Experience.
Creating An Excellent User Experience.
Primarily Design
 
How to Optimize (and Automate!) Your Campaigns for Mobile
How to Optimize (and Automate!) Your Campaigns for MobileHow to Optimize (and Automate!) Your Campaigns for Mobile
How to Optimize (and Automate!) Your Campaigns for Mobile
DMXENGAGE
 
Design for Web and Mobile
Design for Web and MobileDesign for Web and Mobile
Design for Web and Mobile
Shady Selim
 
Web Usability And The Senior Market Rm Conference 11 18 09
Web Usability And The Senior Market   Rm Conference 11 18 09Web Usability And The Senior Market   Rm Conference 11 18 09
Web Usability And The Senior Market Rm Conference 11 18 09
cynchris
 
Aviva Rosenstein Web App Masters Tour Preview
Aviva Rosenstein Web App Masters Tour PreviewAviva Rosenstein Web App Masters Tour Preview
Aviva Rosenstein Web App Masters Tour Preview
UIEpreviews
 
How to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation PresentationHow to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation Presentation
Bella Dwi Jayanti
 
EPA Victoria - Case study in responsive design
EPA Victoria - Case study in responsive designEPA Victoria - Case study in responsive design
EPA Victoria - Case study in responsive design
eGovernment Resource Centre
 
Mobile First London 13 August
Mobile First London 13 August Mobile First London 13 August
Mobile First London 13 August
Precedent
 
Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014
Jenn Lukas
 
Mobile Culture - Natural History Museum
Mobile Culture - Natural History MuseumMobile Culture - Natural History Museum
Mobile Culture - Natural History Museum
James Cameron
 

What's hot (18)

Nichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_PresentationNichols_Jason_Mobile_Presentation
Nichols_Jason_Mobile_Presentation
 
Mobile webinarslides
Mobile webinarslidesMobile webinarslides
Mobile webinarslides
 
Mobile Web Design - The Basics
Mobile Web Design - The BasicsMobile Web Design - The Basics
Mobile Web Design - The Basics
 
Using Apps to Support Learning & Teaching - Nov 2014
Using Apps to Support Learning & Teaching - Nov 2014Using Apps to Support Learning & Teaching - Nov 2014
Using Apps to Support Learning & Teaching - Nov 2014
 
No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%No importa como pero lo importante es que ganarás al 100%
No importa como pero lo importante es que ganarás al 100%
 
Responsive web design and eCommerce
Responsive web design and eCommerceResponsive web design and eCommerce
Responsive web design and eCommerce
 
Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019Smart app onboarding - 5 tips | AGSBER 2019
Smart app onboarding - 5 tips | AGSBER 2019
 
The Basics of User Experience Design by Sam Kiranga
The Basics of User Experience Design by Sam KirangaThe Basics of User Experience Design by Sam Kiranga
The Basics of User Experience Design by Sam Kiranga
 
Creating An Excellent User Experience.
Creating An Excellent User Experience.Creating An Excellent User Experience.
Creating An Excellent User Experience.
 
How to Optimize (and Automate!) Your Campaigns for Mobile
How to Optimize (and Automate!) Your Campaigns for MobileHow to Optimize (and Automate!) Your Campaigns for Mobile
How to Optimize (and Automate!) Your Campaigns for Mobile
 
Design for Web and Mobile
Design for Web and MobileDesign for Web and Mobile
Design for Web and Mobile
 
Web Usability And The Senior Market Rm Conference 11 18 09
Web Usability And The Senior Market   Rm Conference 11 18 09Web Usability And The Senior Market   Rm Conference 11 18 09
Web Usability And The Senior Market Rm Conference 11 18 09
 
Aviva Rosenstein Web App Masters Tour Preview
Aviva Rosenstein Web App Masters Tour PreviewAviva Rosenstein Web App Masters Tour Preview
Aviva Rosenstein Web App Masters Tour Preview
 
How to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation PresentationHow to manage your Design Process and Heuristic Evaluation Presentation
How to manage your Design Process and Heuristic Evaluation Presentation
 
EPA Victoria - Case study in responsive design
EPA Victoria - Case study in responsive designEPA Victoria - Case study in responsive design
EPA Victoria - Case study in responsive design
 
Mobile First London 13 August
Mobile First London 13 August Mobile First London 13 August
Mobile First London 13 August
 
Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014Interactions in Responsive Web - BDConf Orlando 2014
Interactions in Responsive Web - BDConf Orlando 2014
 
Mobile Culture - Natural History Museum
Mobile Culture - Natural History MuseumMobile Culture - Natural History Museum
Mobile Culture - Natural History Museum
 

Viewers also liked

First Draft Feedback
First Draft FeedbackFirst Draft Feedback
First Draft Feedback
GDBrew
 
Shostakovich symphs 7 2014
Shostakovich symphs 7  2014Shostakovich symphs 7  2014
Shostakovich symphs 7 2014
heatherseelbach
 
Sven van gucht dries de love vente exclusive
Sven van gucht dries de love vente exclusiveSven van gucht dries de love vente exclusive
Sven van gucht dries de love vente exclusive
webwinkelvakdag
 
Idea
IdeaIdea
F031045053
F031045053F031045053
F031045053
inventionjournals
 
I WANT CS5 Campaign
I WANT CS5 CampaignI WANT CS5 Campaign
I WANT CS5 Campaign
thinkkong
 
The Number of Transitive P- Groups Of Degree P3
The Number of Transitive P- Groups Of Degree P3The Number of Transitive P- Groups Of Degree P3
The Number of Transitive P- Groups Of Degree P3
inventionjournals
 
TSI Service Offering
TSI Service OfferingTSI Service Offering
TSI Service Offering
dfeely
 
How I got over my fear of teleportation
How I got over my fear of teleportationHow I got over my fear of teleportation
How I got over my fear of teleportation
Will Kurt
 
Shepard fairey
Shepard faireyShepard fairey
Shepard fairey
Marianaballin
 
Reflection on my Philosophy of Teachnology
Reflection on my Philosophy of TeachnologyReflection on my Philosophy of Teachnology
Reflection on my Philosophy of Teachnology
sbhamber
 
Magazine genre representation
Magazine genre representationMagazine genre representation
Magazine genre representation
Joe Gough
 
College connect productionpresentation_final
College connect productionpresentation_finalCollege connect productionpresentation_final
College connect productionpresentation_final
Christine Greenhow
 
Self evaluation form still life
Self evaluation form still lifeSelf evaluation form still life
Self evaluation form still life
grantthomasonline
 
La mentoria com a eina per la inclusio
La mentoria com a eina per la inclusioLa mentoria com a eina per la inclusio
La mentoria com a eina per la inclusio
Coordinadora Mentoria per a la Inclusió
 
Portfolio Powerpoint
Portfolio PowerpointPortfolio Powerpoint
Portfolio Powerpoint
lendalerogers
 
Inspire dgt 業務部案例分享 20150119
Inspire dgt 業務部案例分享 20150119Inspire dgt 業務部案例分享 20150119
Inspire dgt 業務部案例分享 20150119
inspire digital
 

Viewers also liked (19)

First Draft Feedback
First Draft FeedbackFirst Draft Feedback
First Draft Feedback
 
Shostakovich symphs 7 2014
Shostakovich symphs 7  2014Shostakovich symphs 7  2014
Shostakovich symphs 7 2014
 
Sven van gucht dries de love vente exclusive
Sven van gucht dries de love vente exclusiveSven van gucht dries de love vente exclusive
Sven van gucht dries de love vente exclusive
 
Idea
IdeaIdea
Idea
 
F031045053
F031045053F031045053
F031045053
 
I WANT CS5 Campaign
I WANT CS5 CampaignI WANT CS5 Campaign
I WANT CS5 Campaign
 
The Number of Transitive P- Groups Of Degree P3
The Number of Transitive P- Groups Of Degree P3The Number of Transitive P- Groups Of Degree P3
The Number of Transitive P- Groups Of Degree P3
 
TSI Service Offering
TSI Service OfferingTSI Service Offering
TSI Service Offering
 
How I got over my fear of teleportation
How I got over my fear of teleportationHow I got over my fear of teleportation
How I got over my fear of teleportation
 
Shepard fairey
Shepard faireyShepard fairey
Shepard fairey
 
Śniadanie Daje Moc
Śniadanie Daje MocŚniadanie Daje Moc
Śniadanie Daje Moc
 
Reflection on my Philosophy of Teachnology
Reflection on my Philosophy of TeachnologyReflection on my Philosophy of Teachnology
Reflection on my Philosophy of Teachnology
 
Magazine genre representation
Magazine genre representationMagazine genre representation
Magazine genre representation
 
College connect productionpresentation_final
College connect productionpresentation_finalCollege connect productionpresentation_final
College connect productionpresentation_final
 
Self evaluation form still life
Self evaluation form still lifeSelf evaluation form still life
Self evaluation form still life
 
La mentoria com a eina per la inclusio
La mentoria com a eina per la inclusioLa mentoria com a eina per la inclusio
La mentoria com a eina per la inclusio
 
Portfolio Powerpoint
Portfolio PowerpointPortfolio Powerpoint
Portfolio Powerpoint
 
サイト診断サンプル
サイト診断サンプルサイト診断サンプル
サイト診断サンプル
 
Inspire dgt 業務部案例分享 20150119
Inspire dgt 業務部案例分享 20150119Inspire dgt 業務部案例分享 20150119
Inspire dgt 業務部案例分享 20150119
 

Similar to Benefits of Mobilizing User Experience

Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5
Phillip Mullennax
 
Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4
Phillip Mullennax
 
Turner nicholas mobile_presentation
Turner nicholas mobile_presentationTurner nicholas mobile_presentation
Turner nicholas mobile_presentation
Nicholas Turner
 
Hernandez nancy mobile_presentation
Hernandez nancy mobile_presentationHernandez nancy mobile_presentation
Hernandez nancy mobile_presentation
Nancy Hernandez
 
Presentation on Mobile/Tablet Design
Presentation on Mobile/Tablet DesignPresentation on Mobile/Tablet Design
Presentation on Mobile/Tablet Design
lenz123
 
Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013
Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013
Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013
Kirby Winfield
 
Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is important
Adam Lee
 
Importance of Mobile Optimisation
Importance of Mobile Optimisation Importance of Mobile Optimisation
Importance of Mobile Optimisation
Sandra Luther
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
hjc
 
Chris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design PresentationChris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design Presentation
csdavis20
 
Allen angela mobile_presentation
Allen angela mobile_presentationAllen angela mobile_presentation
Allen angela mobile_presentation
angelaallen1551
 
Guerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationGuerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentation
Anthony Guerra
 
Alicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentationAlicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentation
TerryWeber
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product design
Ezekiel Binion
 
Mobile Learning: the potential, the pitfalls and the perils.
Mobile Learning: the potential, the pitfalls and the perils.Mobile Learning: the potential, the pitfalls and the perils.
Mobile Learning: the potential, the pitfalls and the perils.
Anne Bartlett-Bragg
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30
 
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmEnterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Joel Oleson
 
Responsive content ... because size does matter - Rob Suckley, Head of Design...
Responsive content ... because size does matter - Rob Suckley, Head of Design...Responsive content ... because size does matter - Rob Suckley, Head of Design...
Responsive content ... because size does matter - Rob Suckley, Head of Design...
B2B Marketing
 
pwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technologypwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technology
basiljohn33
 
Thinking Mobile First
Thinking Mobile FirstThinking Mobile First
Thinking Mobile First
Jordan Harper
 

Similar to Benefits of Mobilizing User Experience (20)

Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5Mullennax p fwd_w4_presentation5
Mullennax p fwd_w4_presentation5
 
Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4Mullennax p fwd_w4_presentation4
Mullennax p fwd_w4_presentation4
 
Turner nicholas mobile_presentation
Turner nicholas mobile_presentationTurner nicholas mobile_presentation
Turner nicholas mobile_presentation
 
Hernandez nancy mobile_presentation
Hernandez nancy mobile_presentationHernandez nancy mobile_presentation
Hernandez nancy mobile_presentation
 
Presentation on Mobile/Tablet Design
Presentation on Mobile/Tablet DesignPresentation on Mobile/Tablet Design
Presentation on Mobile/Tablet Design
 
Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013
Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013
Going Mobile: Vacation Rentals in a Device-Driven World - VRMA Europe 2013
 
Why mobile is important
Why mobile is importantWhy mobile is important
Why mobile is important
 
Importance of Mobile Optimisation
Importance of Mobile Optimisation Importance of Mobile Optimisation
Importance of Mobile Optimisation
 
Next gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotlandNext gen mobile aug 2013 scotland
Next gen mobile aug 2013 scotland
 
Chris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design PresentationChris Davis Mobile/Tablet Design Presentation
Chris Davis Mobile/Tablet Design Presentation
 
Allen angela mobile_presentation
Allen angela mobile_presentationAllen angela mobile_presentation
Allen angela mobile_presentation
 
Guerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentationGuerra anthony mobile_tablet_design_presentation
Guerra anthony mobile_tablet_design_presentation
 
Alicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentationAlicea torres dariana mobilepresentation
Alicea torres dariana mobilepresentation
 
Going Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product designGoing Mobile First: a future-friendly approach to digital product design
Going Mobile First: a future-friendly approach to digital product design
 
Mobile Learning: the potential, the pitfalls and the perils.
Mobile Learning: the potential, the pitfalls and the perils.Mobile Learning: the potential, the pitfalls and the perils.
Mobile Learning: the potential, the pitfalls and the perils.
 
Carousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaperCarousel30: Optimizing for the mobile user experience whitepaper
Carousel30: Optimizing for the mobile user experience whitepaper
 
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in StockholmEnterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
 
Responsive content ... because size does matter - Rob Suckley, Head of Design...
Responsive content ... because size does matter - Rob Suckley, Head of Design...Responsive content ... because size does matter - Rob Suckley, Head of Design...
Responsive content ... because size does matter - Rob Suckley, Head of Design...
 
pwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technologypwas-the-future-of-the-mobile-web technology
pwas-the-future-of-the-mobile-web technology
 
Thinking Mobile First
Thinking Mobile FirstThinking Mobile First
Thinking Mobile First
 

Benefits of Mobilizing User Experience

Editor's Notes

  1. The 3 main programs to use if you want to make your web content universal across all devices are Device Atlas, WURFL, and User Agent Detection. With the help of these User Agent Detection, it contacts the server and the server then makes the decision based on the browser and what sort of content it requires. The former 2 programs rely on Java Script to make the contact.
  2. I’ve never been a fan of the brand, but their web developer knows their stuff! This is one of the prettiest, well thought out mobile pages I’ve used in a long time. There was one picture that was interactive, multiple choices for what I would need and I didn’t have to scroll to see the important stuff.
  3. This was a little tough to do because this is my company I currently work for. On my laptop, this BMW site is exactly the same format as all the other stores. Clean, well put together and with the normal navigation bar up top. The mobile though, is horrible. It’s cheap looking for a luxury company, I have to scroll to even see any of the product we sell, and there’s a lot going on. Ouch.
  4. Sephora can do no wrong by my standards, both their in store and online presence! It’s a quick load, and when the page displays I see all the things I came to the site looking for in big boxed topics without scrolling. No small hyperlinks. Perfect for little screens. They made the whole background an image as not to compromise the content, and it’s done as clean and sophisticated as the image they portray.
  5. Although they claim to be Sephora’s competitor, both their store and mobile site is a mess. I visited this page to be met with sales gimmicks and no important content above the fold. Lots of scrolling which seemed never-ending. It wasn’t easy on the eyes, and it seemed they are trying to pack a whole lot into a little, forgetting it’s mobile.
  6. To make sure Collin’s Catering has a well executed mobile presence, we need to make it both tablet and mobile phone friendly. Using device detectors such as User Agent will help take the guess work out of formatting for different devices, as well as standard resolution sizes. Keeping the site clean, clutter free and using the “less is more” motto will be emphasized. Content is key, and only important navigation should be above the fold so users on the go don’t have to waste time scrolling and searching the site for something quick. Conversion will be better and it will make the user experience successful, as well as the business.