SlideShare ist ein Scribd-Unternehmen logo
1 von 5
Downloaden Sie, um offline zu lesen
August, 2011



                 iPad Usability Best Practices Checklist

Introduction
In 2010, the year the iPad launched, The Nielsen
Norman Group conducted a first usability study
reporting how real users actually used a broad
variety of iPad apps as well as websites accessed on
the iPad. In 2011, they did a second round, fine-
tuning their previous findings. The results are two
+100 pages reports containing their findings,
recommendations and screenshots.

This document synthesizes these recommendations
onto 5 pages for use as a quick reference or
checklist.

The full reports can be downloaded for free from
the     Norman      Nielsen     Group      website:
http://www.nngroup.com/reports/mobile/ipad/




Geert De Laet
Technology evangelist
LUON




LUON | www.luon.com                                                   1
iPad Usability Best Practices Checklist



Features                                                  users that they will find extra content by turning
                                                          the tablet
Assume you’re designing for a multi-user device
iPads are more a family device than a true personal       If your app needs more than 20 seconds to
device.                                                   download content and become fully functional,
                                                          think seriously about how you are going to
Design for repeat users
                                                          entertain the user during that download time.
Apps work best when they are designed for
customers who are already fans of the brand and           Keep users at the same location (within the
engage with it on a regular basis.                        content) when they change orientation.
                                                          In particular, when users rotate the tablet back to
Your iPad app should have a secret weapon
                                                          the previous orientation, reestablish the previous
compared to your website, it should deliver extra
                                                          view
value
                                                          Any task flow should start with actions that are
                                                          essential to the main task.
                                                          Users should be able to start the task as soon as
                                                          possible.

                                                          Provide a search box


       Epicurous.com secret weapon: recipes in a
       format easy-to-read in the kitchen                 Content

                                                          Make sure your app contains enough content for
Do not make users work more in your iPad app
                                                          research.
than on your website
                                                          Especially for e-commerce apps, people are unsure
Example: don’t make users pay or register for an
                                                          about how secure iPad is compared to other
app containing freely available content from the
                                                          devices. Hence they will not very often buy via
website
                                                          their iPad, but rather browse and research items
Do not design an iPad app as if it were an iPhone
                                                          Keep the same content available in both
app.
                                                          orientations, at both article level and page level.
The iPad is less ‘mobile’ than the iPhone and used
                                                          To make the content consistent at the page level,
in another context where a condensed, space-
                                                          look for natural breaking points (e.g. new
saving presentation of information does not apply.
                                                          paragraph) and keep those in both orientations.
If a feature is only available in one orientation, tell



LUON | www.luon.com                                                                                             2
iPad Usability Best Practices Checklist



If you must include instructions, make them clear
and simple




                                                              Tapping anywhere inside the cell will
                                                              activate the button
     Bing instructions are clear and simple.
     They focus on a single feature.
                                                       Make buttons look tappable
                                                       Users don’t know that something is touchable
If you must include instructions, focus on a single    unless it looks so
feature at the time.
Present only those instructions that are necessary     Make efficient use of the big screen
for the user to get started
                                                       Use popovers only
                                                           if the content is only a few lines and there is no
                                                            scroll
Design
                                                           if the user needs information from the
Beware of read-tap asymmetry                                underlying page (in which case it should be
Read-tap asymmetry is the effect that content is            readable)
readable, but the links and widgets are too small to   Otherwise, use a tabular view on a page
touch reliably

The best target size for widgets is 1cm x 1cm for
touch devices

Don’t place targets to close to each other

Use padding as a solution for small targets
With padding, although the visible part of the
target may be small, there is some invisible target
space surrounding it, so that if a user hits that             An example of a popover with few lines and
space, their tap would still count. With touch                no scroll.
devices, users expect padding in tabular views!




LUON | www.luon.com                                                                                          3
iPad Usability Best Practices Checklist



Use small modal views only if there’s enough space       Add a back button to the navigation bar, and make
to display all needed info                               sure that it also works on the home page
Otherwise, if there’s a lot of content to display like
                                                         Use the same navigation scheme in landscape and
for example on product pages, use a separate page
                                                         portrait mode

                                                         For iPad magazines, the navigation bar should
                                                         contain a table of contents link taking the user to a
                                                         table of contents page in the magazine.

                                                         Especially for iPad magazines, where the table of
                                                         contents is often used, make sure that it is
      Modal views are little ‘popup’ windows                 easy to access
      that block the underlying page until closed
                                                             scannable, explanatory & clearly formatted

If you use swipe gesture for navigation,                 Use navigation bars built into the actual page
   make sure that the page contains enough space        rather than the iPad’s tab bar at the bottom.
    safe for swiping next to the two vertical sides      The iPad’s tab bar at the bottom is far less
   avoid covering the pages with carousels and          frequently used than its iPhone equivalent.
    other design features that interfere with swiping
                                                         When designing a carousel for navigation, it is
During the initial download of the app, display a        important to move the carousel display so that it
progress bar, not a spinning gear                        starts or is centered around the product or article
                                                         that the user is inspecting
The controls that are related to a task should be
grouped together and reflect the sequence of
actions in the task.

Do not use startup sounds, animations or videos



Navigation
                                                                A carousel is an interface element used for
Don’t use the logo for navigation                               scrolling through items on part of the page.


If you use swipe gesture to navigate, give visible
cues (arrows, tips) to indicate the direction of
navigation



LUON | www.luon.com                                                                                            4
iPad Usability Best Practices Checklist



User input                                             About LUON
                                                       LUON is a customer relationship marketing agency.
Minimize user input on the iPad:

                                                       By developing campaigns and programs based on
                                                       smart ideas, relevant content and a matching
Compute information for the user
                                                       experience, we help brands benefit from a fruitful
Be tolerant of typos and offering corrections          relationship with their customers. It's all a matter
                                                       of making the right offer at the right moment in the
Save history and allow users to select previously
                                                       customer’s lifecycle, across all relevant interactive
typed info
                                                       media.

Use defaults that make sense for the user              Every project we work on is based on clear and
                                                       measurable objectives. Which helps us in our
Keep the user logged in if the app doesn’t store any
                                                       burning ambition to achieve extraordinary Return
sensitive information
                                                       On Marketing Investment, together with great
Allow the users to decide if they want to be kept      clients such as Unilever, Sony Ericsson, Vaillant,
logged in if the app contains sensitive info           Tech Data, Thomas Cook, Microsoft, Fnac and Ello
                                                       Mobile.




                                                       Contact
                                                                        Geert De Laet
                                                                        Technology evangelist
                                                                        gdelaet@luon.com
                                                                            @geertdelaet


                                                                        Gert Lintermans
                                                                        Client Services Director
                                                                        glintermans@luon.com
                                                                        +32 478 32 46 00


                                                       LUON bvba
                                                       Brusselsesteenweg 560 - 3090 Overijse – Belgium
                                                       T +32 2 686 00 10 - info@luon.com -         @LUON
                                                       http://www.luon.com/


LUON | www.luon.com                                                                                            5

Weitere Àhnliche Inhalte

Mehr von LUON

LUON WassUp Recap March 2013 - 2. the social landscape
LUON WassUp Recap March 2013 - 2. the social landscapeLUON WassUp Recap March 2013 - 2. the social landscape
LUON WassUp Recap March 2013 - 2. the social landscapeLUON
 
LUON WassUp Recap March 2013 - 3. the mobile landscape
LUON WassUp Recap March 2013 - 3. the mobile landscapeLUON WassUp Recap March 2013 - 3. the mobile landscape
LUON WassUp Recap March 2013 - 3. the mobile landscapeLUON
 
LUON WassUp Recap March 2013 - 4. the state of the web
LUON WassUp Recap March 2013 - 4. the state of the webLUON WassUp Recap March 2013 - 4. the state of the web
LUON WassUp Recap March 2013 - 4. the state of the webLUON
 
WassUp Recap - June 2012 - part 3
WassUp Recap -  June 2012 - part 3WassUp Recap -  June 2012 - part 3
WassUp Recap - June 2012 - part 3LUON
 
WassUp Recap - June 2012 - part 2
WassUp Recap -  June 2012 - part 2WassUp Recap -  June 2012 - part 2
WassUp Recap - June 2012 - part 2LUON
 
WassUp Recap - June 2012 - part 4
WassUp Recap -  June 2012 - part 4WassUp Recap -  June 2012 - part 4
WassUp Recap - June 2012 - part 4LUON
 
WassUp Recap - June 2012 - part 1
WassUp Recap -  June 2012 - part 1WassUp Recap -  June 2012 - part 1
WassUp Recap - June 2012 - part 1LUON
 
LUON WassUp - February 2, 2012
LUON WassUp - February 2, 2012LUON WassUp - February 2, 2012
LUON WassUp - February 2, 2012LUON
 
LUON WassUp - Google Plus
LUON WassUp - Google PlusLUON WassUp - Google Plus
LUON WassUp - Google PlusLUON
 
LUON WassUp - May 31, 2011
LUON WassUp - May 31, 2011LUON WassUp - May 31, 2011
LUON WassUp - May 31, 2011LUON
 

Mehr von LUON (10)

LUON WassUp Recap March 2013 - 2. the social landscape
LUON WassUp Recap March 2013 - 2. the social landscapeLUON WassUp Recap March 2013 - 2. the social landscape
LUON WassUp Recap March 2013 - 2. the social landscape
 
LUON WassUp Recap March 2013 - 3. the mobile landscape
LUON WassUp Recap March 2013 - 3. the mobile landscapeLUON WassUp Recap March 2013 - 3. the mobile landscape
LUON WassUp Recap March 2013 - 3. the mobile landscape
 
LUON WassUp Recap March 2013 - 4. the state of the web
LUON WassUp Recap March 2013 - 4. the state of the webLUON WassUp Recap March 2013 - 4. the state of the web
LUON WassUp Recap March 2013 - 4. the state of the web
 
WassUp Recap - June 2012 - part 3
WassUp Recap -  June 2012 - part 3WassUp Recap -  June 2012 - part 3
WassUp Recap - June 2012 - part 3
 
WassUp Recap - June 2012 - part 2
WassUp Recap -  June 2012 - part 2WassUp Recap -  June 2012 - part 2
WassUp Recap - June 2012 - part 2
 
WassUp Recap - June 2012 - part 4
WassUp Recap -  June 2012 - part 4WassUp Recap -  June 2012 - part 4
WassUp Recap - June 2012 - part 4
 
WassUp Recap - June 2012 - part 1
WassUp Recap -  June 2012 - part 1WassUp Recap -  June 2012 - part 1
WassUp Recap - June 2012 - part 1
 
LUON WassUp - February 2, 2012
LUON WassUp - February 2, 2012LUON WassUp - February 2, 2012
LUON WassUp - February 2, 2012
 
LUON WassUp - Google Plus
LUON WassUp - Google PlusLUON WassUp - Google Plus
LUON WassUp - Google Plus
 
LUON WassUp - May 31, 2011
LUON WassUp - May 31, 2011LUON WassUp - May 31, 2011
LUON WassUp - May 31, 2011
 

KĂŒrzlich hochgeladen

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...gurkirankumar98700
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure servicePooja Nehwal
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptxHampshireHUG
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Scriptwesley chun
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024The Digital Insurer
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsRoshan Dwivedi
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking MenDelhi Call girls
 

KĂŒrzlich hochgeladen (20)

The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...
Kalyanpur ) Call Girls in Lucknow Finest Escorts Service 🍾 8923113531 🎰 Avail...
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure serviceWhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
WhatsApp 9892124323 ✓Call Girls In Kalyan ( Mumbai ) secure service
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
Neo4j - How KGs are shaping the future of Generative AI at AWS Summit London ...
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
Automating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps ScriptAutomating Google Workspace (GWS) & more with Apps Script
Automating Google Workspace (GWS) & more with Apps Script
 
Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024Partners Life - Insurer Innovation Award 2024
Partners Life - Insurer Innovation Award 2024
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live StreamsTop 5 Benefits OF Using Muvi Live Paywall For Live Streams
Top 5 Benefits OF Using Muvi Live Paywall For Live Streams
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men08448380779 Call Girls In Civil Lines Women Seeking Men
08448380779 Call Girls In Civil Lines Women Seeking Men
 

iPad Usability Best Practices Checklist

  • 1. August, 2011 iPad Usability Best Practices Checklist Introduction In 2010, the year the iPad launched, The Nielsen Norman Group conducted a first usability study reporting how real users actually used a broad variety of iPad apps as well as websites accessed on the iPad. In 2011, they did a second round, fine- tuning their previous findings. The results are two +100 pages reports containing their findings, recommendations and screenshots. This document synthesizes these recommendations onto 5 pages for use as a quick reference or checklist. The full reports can be downloaded for free from the Norman Nielsen Group website: http://www.nngroup.com/reports/mobile/ipad/ Geert De Laet Technology evangelist LUON LUON | www.luon.com 1
  • 2. iPad Usability Best Practices Checklist Features users that they will find extra content by turning the tablet Assume you’re designing for a multi-user device iPads are more a family device than a true personal If your app needs more than 20 seconds to device. download content and become fully functional, think seriously about how you are going to Design for repeat users entertain the user during that download time. Apps work best when they are designed for customers who are already fans of the brand and Keep users at the same location (within the engage with it on a regular basis. content) when they change orientation. In particular, when users rotate the tablet back to Your iPad app should have a secret weapon the previous orientation, reestablish the previous compared to your website, it should deliver extra view value Any task flow should start with actions that are essential to the main task. Users should be able to start the task as soon as possible. Provide a search box Epicurous.com secret weapon: recipes in a format easy-to-read in the kitchen Content Make sure your app contains enough content for Do not make users work more in your iPad app research. than on your website Especially for e-commerce apps, people are unsure Example: don’t make users pay or register for an about how secure iPad is compared to other app containing freely available content from the devices. Hence they will not very often buy via website their iPad, but rather browse and research items Do not design an iPad app as if it were an iPhone Keep the same content available in both app. orientations, at both article level and page level. The iPad is less ‘mobile’ than the iPhone and used To make the content consistent at the page level, in another context where a condensed, space- look for natural breaking points (e.g. new saving presentation of information does not apply. paragraph) and keep those in both orientations. If a feature is only available in one orientation, tell LUON | www.luon.com 2
  • 3. iPad Usability Best Practices Checklist If you must include instructions, make them clear and simple Tapping anywhere inside the cell will activate the button Bing instructions are clear and simple. They focus on a single feature. Make buttons look tappable Users don’t know that something is touchable If you must include instructions, focus on a single unless it looks so feature at the time. Present only those instructions that are necessary Make efficient use of the big screen for the user to get started Use popovers only  if the content is only a few lines and there is no scroll Design  if the user needs information from the Beware of read-tap asymmetry underlying page (in which case it should be Read-tap asymmetry is the effect that content is readable) readable, but the links and widgets are too small to Otherwise, use a tabular view on a page touch reliably The best target size for widgets is 1cm x 1cm for touch devices Don’t place targets to close to each other Use padding as a solution for small targets With padding, although the visible part of the target may be small, there is some invisible target space surrounding it, so that if a user hits that An example of a popover with few lines and space, their tap would still count. With touch no scroll. devices, users expect padding in tabular views! LUON | www.luon.com 3
  • 4. iPad Usability Best Practices Checklist Use small modal views only if there’s enough space Add a back button to the navigation bar, and make to display all needed info sure that it also works on the home page Otherwise, if there’s a lot of content to display like Use the same navigation scheme in landscape and for example on product pages, use a separate page portrait mode For iPad magazines, the navigation bar should contain a table of contents link taking the user to a table of contents page in the magazine. Especially for iPad magazines, where the table of contents is often used, make sure that it is Modal views are little ‘popup’ windows  easy to access that block the underlying page until closed  scannable, explanatory & clearly formatted If you use swipe gesture for navigation, Use navigation bars built into the actual page  make sure that the page contains enough space rather than the iPad’s tab bar at the bottom. safe for swiping next to the two vertical sides The iPad’s tab bar at the bottom is far less  avoid covering the pages with carousels and frequently used than its iPhone equivalent. other design features that interfere with swiping When designing a carousel for navigation, it is During the initial download of the app, display a important to move the carousel display so that it progress bar, not a spinning gear starts or is centered around the product or article that the user is inspecting The controls that are related to a task should be grouped together and reflect the sequence of actions in the task. Do not use startup sounds, animations or videos Navigation A carousel is an interface element used for Don’t use the logo for navigation scrolling through items on part of the page. If you use swipe gesture to navigate, give visible cues (arrows, tips) to indicate the direction of navigation LUON | www.luon.com 4
  • 5. iPad Usability Best Practices Checklist User input About LUON LUON is a customer relationship marketing agency. Minimize user input on the iPad: By developing campaigns and programs based on smart ideas, relevant content and a matching Compute information for the user experience, we help brands benefit from a fruitful Be tolerant of typos and offering corrections relationship with their customers. It's all a matter of making the right offer at the right moment in the Save history and allow users to select previously customer’s lifecycle, across all relevant interactive typed info media. Use defaults that make sense for the user Every project we work on is based on clear and measurable objectives. Which helps us in our Keep the user logged in if the app doesn’t store any burning ambition to achieve extraordinary Return sensitive information On Marketing Investment, together with great Allow the users to decide if they want to be kept clients such as Unilever, Sony Ericsson, Vaillant, logged in if the app contains sensitive info Tech Data, Thomas Cook, Microsoft, Fnac and Ello Mobile. Contact Geert De Laet Technology evangelist gdelaet@luon.com @geertdelaet Gert Lintermans Client Services Director glintermans@luon.com +32 478 32 46 00 LUON bvba Brusselsesteenweg 560 - 3090 Overijse – Belgium T +32 2 686 00 10 - info@luon.com - @LUON http://www.luon.com/ LUON | www.luon.com 5