SlideShare a Scribd company logo
1 of 9
Download to read offline
Ten years ago, no one had heard of the smart phone. Five years ago no one had
heard of the tablet, then there came the phablets. What’s next?

With touch enabled devices now out selling normal computers by 2 to 1, their
owners are complaining about their web experience of brands on their touch devices.

Brands that provide touch-optimised websites that work equally well on laptop as
they do on a small touch screens for their ‘touch first’ audience, will find that they
provide less headaches and give their customers better experiences.
WHY NOT AN APP?

There is nothing wrong with great apps. We encourage leveraging all the tools
available to provide the best user experience possible. Just don’t neglect your web
site on smart phones, tablets, phablets and touch PC’s.
WHY NOT A SITE OPTIMISED FOR MOBILE OR JUST THE FULL VERSION SITE
ON MOBILE BROWSERS?

There’s nothing wrong with that either. Some users prefer the full site to a watered
down mobile version, while other users prefer a ‘lite’ version for faster navigation.
The main problems that arise with either situation result from a lack of choice or a
fiddly experience for the screen size.
THE TRUTH ABOUT ‘TOUCH FIRST’ OPTIMISATION.

It’s not just about fat fingers on little screens. While it’s true that having enough
finger space between links does make life a little easier, it doesn’t stop there.
Users prefer bite-sized content instead of endless browsing, they generally prefer
efficiency on smaller screens.
7.5 INCHES, WHERE IT ALL GETS A BIT FUNNY.

At 7.6 inches, the iPad mini defaults to full size, while smaller tablets may default
to mobile optimised or full screen. Many phablets don’t know whether to provide a
mobile or tablet experience. Ensuring a good experience across sizes doesn’t have to
be awkward if you plan in advance.
LEAN FORWARD BROWSING VS. LEAN BACK BROWSING.

Many larger tablets make great sofa companions. They are perfect for lean back
browsing, which is indicative of more leisurely browsing and more time. Lean forward
browsing on the other hand is what happens on the go, on smaller devices. Lean
forward users usually have less time to spend and less screen space to spend it on.
LOCATION, LOCATION, LOCATION.

User needs vary across screen sizes, but they also change depending on their
location. Proximity and context are two of the biggest opportunities embraced by
mobile apps. Mobile web sites have more potential to tap into proximity. After all,
Customer Experience (CX) is the new User Experience (UX), especially in the physical
retail environment.
2013

              2015


       2014
                                    2017




                2016




                       FUTURE PROOF.

                       You already know what a great app experience feels like, but a great web experience
                       isn’t what it once was. Optimising for touch across screen sizes and locations will
                       now ensure that you don’t have a shiny new outdated web site.
COFFEE?

Optimising web experiences to work great on touch devices of varied screen
sizes, for speedy or relaxed browsing, and making the most of the physical retail
environment is something that’s on our mind. If it’s now something on your mind
too, we would love to talk to you about it…




INTERESTED?
Call Tim on +44 (0)20 7092 0300
or tim.d@inferno-group.co.uk

www.inferno-group.com

More Related Content

What's hot

9.5 Group 6
9.5 Group 69.5 Group 6
9.5 Group 6scorkery
 
Web basics principls-coniglio
Web basics principls-coniglioWeb basics principls-coniglio
Web basics principls-coniglioAaron Coniglio
 
Hottest Web Trends 2.014
Hottest Web Trends 2.014Hottest Web Trends 2.014
Hottest Web Trends 2.014PresentationGFX
 
Clearbridge_Design
Clearbridge_DesignClearbridge_Design
Clearbridge_Designabd_syr
 
How to Make Video for Mobile: Reaching the Pharma & Healthcare Audiences
How to Make Video for Mobile: Reaching the Pharma & Healthcare AudiencesHow to Make Video for Mobile: Reaching the Pharma & Healthcare Audiences
How to Make Video for Mobile: Reaching the Pharma & Healthcare AudiencesJoanna Pelletier
 
iLandGuide Investor Presentation
iLandGuide Investor PresentationiLandGuide Investor Presentation
iLandGuide Investor PresentationONE Advisory
 
Smart Camera Phones Anthony Nicholas Gallo
Smart Camera Phones   Anthony Nicholas GalloSmart Camera Phones   Anthony Nicholas Gallo
Smart Camera Phones Anthony Nicholas GalloAnthony Gallo
 
UX on the big screen - MobX Conference 2016
UX on the big screen - MobX Conference 2016UX on the big screen - MobX Conference 2016
UX on the big screen - MobX Conference 2016Thorsten Jonas
 
Layar March 12th Webinar - Get Started With the Layar Creator
Layar March 12th Webinar - Get Started With the Layar CreatorLayar March 12th Webinar - Get Started With the Layar Creator
Layar March 12th Webinar - Get Started With the Layar CreatorLayar
 

What's hot (10)

9.5 Group 6
9.5 Group 69.5 Group 6
9.5 Group 6
 
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
 
Web basics principls-coniglio
Web basics principls-coniglioWeb basics principls-coniglio
Web basics principls-coniglio
 
Hottest Web Trends 2.014
Hottest Web Trends 2.014Hottest Web Trends 2.014
Hottest Web Trends 2.014
 
Clearbridge_Design
Clearbridge_DesignClearbridge_Design
Clearbridge_Design
 
How to Make Video for Mobile: Reaching the Pharma & Healthcare Audiences
How to Make Video for Mobile: Reaching the Pharma & Healthcare AudiencesHow to Make Video for Mobile: Reaching the Pharma & Healthcare Audiences
How to Make Video for Mobile: Reaching the Pharma & Healthcare Audiences
 
iLandGuide Investor Presentation
iLandGuide Investor PresentationiLandGuide Investor Presentation
iLandGuide Investor Presentation
 
Smart Camera Phones Anthony Nicholas Gallo
Smart Camera Phones   Anthony Nicholas GalloSmart Camera Phones   Anthony Nicholas Gallo
Smart Camera Phones Anthony Nicholas Gallo
 
UX on the big screen - MobX Conference 2016
UX on the big screen - MobX Conference 2016UX on the big screen - MobX Conference 2016
UX on the big screen - MobX Conference 2016
 
Layar March 12th Webinar - Get Started With the Layar Creator
Layar March 12th Webinar - Get Started With the Layar CreatorLayar March 12th Webinar - Get Started With the Layar Creator
Layar March 12th Webinar - Get Started With the Layar Creator
 

Viewers also liked

Financial Services industry forecast: the perfect storm
Financial Services industry forecast: the perfect stormFinancial Services industry forecast: the perfect storm
Financial Services industry forecast: the perfect stormInferno
 
Speed up Drupal development with Drush
Speed up Drupal development with DrushSpeed up Drupal development with Drush
Speed up Drupal development with Drushkbasarab
 
FLDC 2014: Drupal 8 for Site Builders
FLDC 2014: Drupal 8 for Site BuildersFLDC 2014: Drupal 8 for Site Builders
FLDC 2014: Drupal 8 for Site Builderskbasarab
 
Inferno Digital Shopper Trends
Inferno Digital Shopper TrendsInferno Digital Shopper Trends
Inferno Digital Shopper TrendsInferno
 
2014 predictions
2014 predictions2014 predictions
2014 predictionsInferno
 
Weird, Wonderful & WTF
Weird, Wonderful & WTFWeird, Wonderful & WTF
Weird, Wonderful & WTFInferno
 
Trendjacking
TrendjackingTrendjacking
TrendjackingInferno
 
Creative strategy or strategic creative - where's the line and who cares?
Creative strategy or strategic creative - where's the line and who cares?Creative strategy or strategic creative - where's the line and who cares?
Creative strategy or strategic creative - where's the line and who cares?Inferno
 

Viewers also liked (8)

Financial Services industry forecast: the perfect storm
Financial Services industry forecast: the perfect stormFinancial Services industry forecast: the perfect storm
Financial Services industry forecast: the perfect storm
 
Speed up Drupal development with Drush
Speed up Drupal development with DrushSpeed up Drupal development with Drush
Speed up Drupal development with Drush
 
FLDC 2014: Drupal 8 for Site Builders
FLDC 2014: Drupal 8 for Site BuildersFLDC 2014: Drupal 8 for Site Builders
FLDC 2014: Drupal 8 for Site Builders
 
Inferno Digital Shopper Trends
Inferno Digital Shopper TrendsInferno Digital Shopper Trends
Inferno Digital Shopper Trends
 
2014 predictions
2014 predictions2014 predictions
2014 predictions
 
Weird, Wonderful & WTF
Weird, Wonderful & WTFWeird, Wonderful & WTF
Weird, Wonderful & WTF
 
Trendjacking
TrendjackingTrendjacking
Trendjacking
 
Creative strategy or strategic creative - where's the line and who cares?
Creative strategy or strategic creative - where's the line and who cares?Creative strategy or strategic creative - where's the line and who cares?
Creative strategy or strategic creative - where's the line and who cares?
 

Similar to Touch first

Responsive website
Responsive websiteResponsive website
Responsive websiteborjanshoes
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive websiteborjanshoes
 
2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook GuidewG3 Communications
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go ResponsiveTier10
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing PagesEvgeny Tsarkov
 
Henry mader project4_week4
Henry mader project4_week4Henry mader project4_week4
Henry mader project4_week4Henry Mader
 
Floyd brad mobile_presentation
Floyd brad mobile_presentationFloyd brad mobile_presentation
Floyd brad mobile_presentationbrfloyd
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10Almog Koren
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525jinwook shin
 
Methods of Mobile Optimization
Methods of Mobile OptimizationMethods of Mobile Optimization
Methods of Mobile OptimizationJitendra Joshi
 
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?Helios Solutions
 
5 compelling reasons your website should be responsive
5 compelling reasons your website should be responsive5 compelling reasons your website should be responsive
5 compelling reasons your website should be responsiveDesignveloper
 
Business Advantage of Responsive Design
Business Advantage of Responsive DesignBusiness Advantage of Responsive Design
Business Advantage of Responsive DesignSqueeze Mobi
 
Tablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial ServicesTablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial ServicesCorporate Insight
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick PresentationDeimantas Brandišauskas
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design AnalysisGamze Dede Pala
 
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppPamela Ireri
 

Similar to Touch first (20)

Responsive website
Responsive websiteResponsive website
Responsive website
 
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive website
 
2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew
 
Mobile seminar-worksheet
Mobile seminar-worksheetMobile seminar-worksheet
Mobile seminar-worksheet
 
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
 
Some of our recent thinking
Some of our recent thinkingSome of our recent thinking
Some of our recent thinking
 
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
 
Henry mader project4_week4
Henry mader project4_week4Henry mader project4_week4
Henry mader project4_week4
 
Floyd brad mobile_presentation
Floyd brad mobile_presentationFloyd brad mobile_presentation
Floyd brad mobile_presentation
 
QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10QuickSoft Mobile Tips & Tricks 11-03-10
QuickSoft Mobile Tips & Tricks 11-03-10
 
Devmento발표100525
Devmento발표100525Devmento발표100525
Devmento발표100525
 
Methods of Mobile Optimization
Methods of Mobile OptimizationMethods of Mobile Optimization
Methods of Mobile Optimization
 
Responsive web design blog sample
Responsive web design blog sampleResponsive web design blog sample
Responsive web design blog sample
 
How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?How not having a Responsive Website can be Detrimental to your business?
How not having a Responsive Website can be Detrimental to your business?
 
5 compelling reasons your website should be responsive
5 compelling reasons your website should be responsive5 compelling reasons your website should be responsive
5 compelling reasons your website should be responsive
 
Business Advantage of Responsive Design
Business Advantage of Responsive DesignBusiness Advantage of Responsive Design
Business Advantage of Responsive Design
 
Tablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial ServicesTablet Friendly Web Design - Best Practices for Financial Services
Tablet Friendly Web Design - Best Practices for Financial Services
 
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
 
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
 
Responsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web AppResponsive Web Design vs Mobile Web App
Responsive Web Design vs Mobile Web App
 

Touch first

  • 1. Ten years ago, no one had heard of the smart phone. Five years ago no one had heard of the tablet, then there came the phablets. What’s next? With touch enabled devices now out selling normal computers by 2 to 1, their owners are complaining about their web experience of brands on their touch devices. Brands that provide touch-optimised websites that work equally well on laptop as they do on a small touch screens for their ‘touch first’ audience, will find that they provide less headaches and give their customers better experiences.
  • 2. WHY NOT AN APP? There is nothing wrong with great apps. We encourage leveraging all the tools available to provide the best user experience possible. Just don’t neglect your web site on smart phones, tablets, phablets and touch PC’s.
  • 3. WHY NOT A SITE OPTIMISED FOR MOBILE OR JUST THE FULL VERSION SITE ON MOBILE BROWSERS? There’s nothing wrong with that either. Some users prefer the full site to a watered down mobile version, while other users prefer a ‘lite’ version for faster navigation. The main problems that arise with either situation result from a lack of choice or a fiddly experience for the screen size.
  • 4. THE TRUTH ABOUT ‘TOUCH FIRST’ OPTIMISATION. It’s not just about fat fingers on little screens. While it’s true that having enough finger space between links does make life a little easier, it doesn’t stop there. Users prefer bite-sized content instead of endless browsing, they generally prefer efficiency on smaller screens.
  • 5. 7.5 INCHES, WHERE IT ALL GETS A BIT FUNNY. At 7.6 inches, the iPad mini defaults to full size, while smaller tablets may default to mobile optimised or full screen. Many phablets don’t know whether to provide a mobile or tablet experience. Ensuring a good experience across sizes doesn’t have to be awkward if you plan in advance.
  • 6. LEAN FORWARD BROWSING VS. LEAN BACK BROWSING. Many larger tablets make great sofa companions. They are perfect for lean back browsing, which is indicative of more leisurely browsing and more time. Lean forward browsing on the other hand is what happens on the go, on smaller devices. Lean forward users usually have less time to spend and less screen space to spend it on.
  • 7. LOCATION, LOCATION, LOCATION. User needs vary across screen sizes, but they also change depending on their location. Proximity and context are two of the biggest opportunities embraced by mobile apps. Mobile web sites have more potential to tap into proximity. After all, Customer Experience (CX) is the new User Experience (UX), especially in the physical retail environment.
  • 8. 2013 2015 2014 2017 2016 FUTURE PROOF. You already know what a great app experience feels like, but a great web experience isn’t what it once was. Optimising for touch across screen sizes and locations will now ensure that you don’t have a shiny new outdated web site.
  • 9. COFFEE? Optimising web experiences to work great on touch devices of varied screen sizes, for speedy or relaxed browsing, and making the most of the physical retail environment is something that’s on our mind. If it’s now something on your mind too, we would love to talk to you about it… INTERESTED? Call Tim on +44 (0)20 7092 0300 or tim.d@inferno-group.co.uk www.inferno-group.com