際際滷

際際滷Share a Scribd company logo
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. Whats 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 dont neglect your web
site on smart phones, tablets, phablets and touch PCs.
WHY NOT A SITE OPTIMISED FOR MOBILE OR JUST THE FULL VERSION SITE
ON MOBILE BROWSERS?

Theres 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.

Its not just about fat fingers on little screens. While its true that having enough
finger space between links does make life a little easier, it doesnt 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 dont know whether to provide a
mobile or tablet experience. Ensuring a good experience across sizes doesnt 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
                       isnt what it once was. Optimising for touch across screen sizes and locations will
                       now ensure that you dont 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 thats on our mind. If its 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 (10)

9.5 Group 6
9.5 Group 69.5 Group 6
9.5 Group 6
scorkery
Responsive Web Design
Responsive Web DesignResponsive Web Design
Responsive Web Design
Lucy L. Chalmeton
Web basics principls-coniglio
Web basics principls-coniglioWeb basics principls-coniglio
Web basics principls-coniglio
Aaron Coniglio
Hottest Web Trends 2.014
Hottest Web Trends 2.014Hottest Web Trends 2.014
Hottest Web Trends 2.014
PresentationGFX
Clearbridge_Design
Clearbridge_DesignClearbridge_Design
Clearbridge_Design
abd_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 Audiences
Joanna Pelletier
iLandGuide Investor Presentation
iLandGuide Investor PresentationiLandGuide Investor Presentation
iLandGuide Investor Presentation
ONE Advisory
Smart Camera Phones Anthony Nicholas Gallo
Smart Camera Phones   Anthony Nicholas GalloSmart Camera Phones   Anthony Nicholas Gallo
Smart Camera Phones Anthony Nicholas Gallo
Anthony 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
Thorsten 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 Creator
Layar
9.5 Group 6
9.5 Group 69.5 Group 6
9.5 Group 6
scorkery
Web basics principls-coniglio
Web basics principls-coniglioWeb basics principls-coniglio
Web basics principls-coniglio
Aaron Coniglio
Hottest Web Trends 2.014
Hottest Web Trends 2.014Hottest Web Trends 2.014
Hottest Web Trends 2.014
PresentationGFX
Clearbridge_Design
Clearbridge_DesignClearbridge_Design
Clearbridge_Design
abd_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 Audiences
Joanna Pelletier
iLandGuide Investor Presentation
iLandGuide Investor PresentationiLandGuide Investor Presentation
iLandGuide Investor Presentation
ONE Advisory
Smart Camera Phones Anthony Nicholas Gallo
Smart Camera Phones   Anthony Nicholas GalloSmart Camera Phones   Anthony Nicholas Gallo
Smart Camera Phones Anthony Nicholas Gallo
Anthony 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
Thorsten 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 Creator
Layar

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
Inferno
Speed up Drupal development with Drush
Speed up Drupal development with DrushSpeed up Drupal development with Drush
Speed up Drupal development with Drush
kbasarab
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
kbasarab
Inferno Digital Shopper Trends
Inferno Digital Shopper TrendsInferno Digital Shopper Trends
Inferno Digital Shopper Trends
Inferno
2014 predictions
2014 predictions2014 predictions
2014 predictions
Inferno
Weird, Wonderful & WTF
Weird, Wonderful & WTFWeird, Wonderful & WTF
Weird, Wonderful & WTF
Inferno
Trendjacking
TrendjackingTrendjacking
Trendjacking
Inferno
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
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
Inferno
Speed up Drupal development with Drush
Speed up Drupal development with DrushSpeed up Drupal development with Drush
Speed up Drupal development with Drush
kbasarab
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
kbasarab
Inferno Digital Shopper Trends
Inferno Digital Shopper TrendsInferno Digital Shopper Trends
Inferno Digital Shopper Trends
Inferno
2014 predictions
2014 predictions2014 predictions
2014 predictions
Inferno
Weird, Wonderful & WTF
Weird, Wonderful & WTFWeird, Wonderful & WTF
Weird, Wonderful & WTF
Inferno
Trendjacking
TrendjackingTrendjacking
Trendjacking
Inferno
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

Similar to Touch first (20)

What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive website
borjanshoes
Responsive website
Responsive websiteResponsive website
Responsive website
borjanshoes
2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew
G3 Communications
Mobile seminar-worksheet
Mobile seminar-worksheetMobile seminar-worksheet
Mobile seminar-worksheet
waldenponddesign
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
Tier10
Some of our recent thinking
Some of our recent thinkingSome of our recent thinking
Some of our recent thinking
3Sixty Design Limited
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
Evgeny Tsarkov
Henry mader project4_week4
Henry mader project4_week4Henry mader project4_week4
Henry mader project4_week4
Henry Mader
Floyd brad mobile_presentation
Floyd brad mobile_presentationFloyd brad mobile_presentation
Floyd brad mobile_presentation
brfloyd
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
Almog Koren
禽艶厩馨艶稼岳看覦100525
禽艶厩馨艶稼岳看覦100525禽艶厩馨艶稼岳看覦100525
禽艶厩馨艶稼岳看覦100525
jinwook shin
Methods of Mobile Optimization
Methods of Mobile OptimizationMethods of Mobile Optimization
Methods of Mobile Optimization
Jitendra Joshi
Responsive web design blog sample
Responsive web design blog sampleResponsive web design blog sample
Responsive web design blog sample
SmallBusinessCopywriter
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 responsive
Designveloper
Business Advantage of Responsive Design
Business Advantage of Responsive DesignBusiness Advantage of Responsive Design
Business Advantage of Responsive Design
Squeeze 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 Services
Corporate Insight
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
Deimantas Brandi邸auskas
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
Gamze 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 App
Pamela Ireri
What Is Responsive website
What Is Responsive websiteWhat Is Responsive website
What Is Responsive website
borjanshoes
Responsive website
Responsive websiteResponsive website
Responsive website
borjanshoes
2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew2013 Retail TouchPoints Outlook Guidew
2013 Retail TouchPoints Outlook Guidew
G3 Communications
Mobile seminar-worksheet
Mobile seminar-worksheetMobile seminar-worksheet
Mobile seminar-worksheet
waldenponddesign
5 Reasons to go Responsive
5 Reasons to go Responsive5 Reasons to go Responsive
5 Reasons to go Responsive
Tier10
Responsive Design for Landing Pages
Responsive Design for Landing PagesResponsive Design for Landing Pages
Responsive Design for Landing Pages
Evgeny Tsarkov
Henry mader project4_week4
Henry mader project4_week4Henry mader project4_week4
Henry mader project4_week4
Henry Mader
Floyd brad mobile_presentation
Floyd brad mobile_presentationFloyd brad mobile_presentation
Floyd brad mobile_presentation
brfloyd
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
Almog Koren
禽艶厩馨艶稼岳看覦100525
禽艶厩馨艶稼岳看覦100525禽艶厩馨艶稼岳看覦100525
禽艶厩馨艶稼岳看覦100525
jinwook shin
Methods of Mobile Optimization
Methods of Mobile OptimizationMethods of Mobile Optimization
Methods of Mobile Optimization
Jitendra 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 responsive
Designveloper
Business Advantage of Responsive Design
Business Advantage of Responsive DesignBusiness Advantage of Responsive Design
Business Advantage of Responsive Design
Squeeze 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 Services
Corporate Insight
Android Material Design Quick Presentation
Android Material Design Quick PresentationAndroid Material Design Quick Presentation
Android Material Design Quick Presentation
Deimantas Brandi邸auskas
Responsive Web Design Analysis
Responsive Web Design AnalysisResponsive Web Design Analysis
Responsive Web Design Analysis
Gamze 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 App
Pamela Ireri

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. Whats 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 dont neglect your web site on smart phones, tablets, phablets and touch PCs.
  • 3. WHY NOT A SITE OPTIMISED FOR MOBILE OR JUST THE FULL VERSION SITE ON MOBILE BROWSERS? Theres 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. Its not just about fat fingers on little screens. While its true that having enough finger space between links does make life a little easier, it doesnt 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 dont know whether to provide a mobile or tablet experience. Ensuring a good experience across sizes doesnt 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 isnt what it once was. Optimising for touch across screen sizes and locations will now ensure that you dont 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 thats on our mind. If its 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