SlideShare uma empresa Scribd logo
1 de 59
Baixar para ler offline
Introduction Brandon & Michelle
• Brandon Carson, Bill.com
   • @brandonwcarson
   • LinkedIn: brandoncarson

• Michelle Lentz, Clarity Consultants
  • @michellelentz
  • LinkedIn: michelleslentz            HELLO
                                        my nam
                                               e is
5, 10, 80
5, 10, 80
Average number of apps used                            5
Percentage of apps deleted within 2
weeks of download
                                                      80
Percentage of available apps that have
actually been discovered                              10
                                 Source: Pew Research Center's Internet & American Life Project.
In only 4 previous eras have humans
experienced a transformation on the
scale of the internet:

• the printing press
• the telegraph and telephone
• recorded media
• transmit sound and imagery
a brief history of mobile time
Year                                 Event
1888   First patent for an electronic tablet awarded
1992   IBM Simon introduced as the first “smartphone”
1999   Microsoft re-introduces the “tablet PC”
2001   Palm introduces the Kyocera 6035 — the first widespread mobile
       device in the US
2001   The Blackberry is introduced — the first widespread mobile
       device for e-mail
2007   The iPhone is released
2008   The Android OS is released
2010   The iPad is released
mobile users
Your users now have near real-time
access to information in the palm
of their hand. They expect:

• technical stability
• up-to-date, credible information
The majority of Internet users will
    eventually connect with
     mobile devices first.

    In many Asian countries,
        they already do.
Compared to just last year,
consumers:

• Spend 54% more time with their
  connected devices
• 49% more time talking and texting
• 29% more time watching videos
                              Source: Yahoo! Insights 2011
mobile mindsets
Mobile users engage in short ‘activity bursts’
     with the expectation to continue
 their experience across multiple devices
Fully one in three people multi-task with their devices
Most mobile consumers use their devices between
             8:30 a.m. and 1:00 p.m.




                                         Source: Yahoo! Insights 2011
Almost two-thirds of smartphone owners state “my mobile
device allows me to access information that helps me in real
                    life circumstances”




                                                 Source: Yahoo! Insights 2011
65% of mobile consumers agree that their mobile device
    quickly provides the answer to questions when
          they need an immediate response




                                             Source: Yahoo! Insights 2011
The deeply personal connection that people have with their
 connected devices means that we must keep in mind their
consumption habits, activities and accompanying mindsets
differences between app types
discover > install > click icon > run
native apps

• must be installed on the device
• written specifically for the OS
web apps

• reside on a server
• coded once for multiple OS’s
which app to develop?

• native API or native graphics?
• written specifically for the OS
Characteristic                    Native   Web
Downloaded to the device
Coded in a language specific to the device OS
Objective C, Java)
Runs in a browser

Coded in HTML, JavaScript, and CSS

Distributed via an app store

Full use of device hardware and APIs
Limited access to device hardware and data, as well
as user data
Characteristic                    Native   Web
Downloaded to the device                                X
Coded in a language specific to the device OS
Objective C, Java)                                      X
Runs in a browser                                               X
Coded in HTML, JavaScript, and CSS                              X
Distributed via an app store                            X
Full use of device hardware and APIs                    X
Limited access to device hardware and data, as well
as user data                                                    X
hybrid apps

• written in native languages
• downloaded to the device
• can access APIs
• content comes from the web
Consumers expect participatory
content experiences:

• contextually relevant
• consumable with multiple devices
• trusted and sharable
authoring tools for mobile first
Articulate Storyline > Articulate iPad App




Flash > HTML5 conversion project
 Articulate Presenter
pitfalls
audio and other bugs
creating interactions from scratch
cost
maintenance
conversion:
course length
legacy technology,
   interactions
    and Flash
content
best practices for mobile design
always ask why
know mobile constraints

         small screens
     unreliable networks
people in all kinds of situations
one step at a time
small chunks
orientation
create a default reference design
    for the devices and know
     your device capabilities
become more aware of touch targets,
      gestures, and actions
use technology to your advantage
consider performance optimization
emulation
test
and test again
new opportunity
     reboot
   fresh start
goodbye

Mais conteúdo relacionado

Mais procurados

Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
Maya Irving-Regev
 
Isys 363 group part 1 padres
Isys 363 group part 1 padresIsys 363 group part 1 padres
Isys 363 group part 1 padres
Allison Fleming
 

Mais procurados (20)

Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
 
The Future of eLearning
The Future of eLearningThe Future of eLearning
The Future of eLearning
 
Smart phones
Smart phonesSmart phones
Smart phones
 
Developing for Mobility
Developing for MobilityDeveloping for Mobility
Developing for Mobility
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)
 
The Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for LibrariesThe Library in Your Pocket: Mobile Trends for Libraries
The Library in Your Pocket: Mobile Trends for Libraries
 
iOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-PlatformsiOS Human Interface Guidlines for iOS-Platforms
iOS Human Interface Guidlines for iOS-Platforms
 
iPhone / iPad - Human Interface Guidelines
iPhone / iPad - Human Interface GuidelinesiPhone / iPad - Human Interface Guidelines
iPhone / iPad - Human Interface Guidelines
 
How to write mobile optimized content for your app
How to write mobile optimized content for your appHow to write mobile optimized content for your app
How to write mobile optimized content for your app
 
Human Interface Guidlines for Mobile Applications
Human Interface Guidlines for Mobile ApplicationsHuman Interface Guidlines for Mobile Applications
Human Interface Guidlines for Mobile Applications
 
Mobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsMobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & Trends
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobile
 
Isys 363 group part 1 padres
Isys 363 group part 1 padresIsys 363 group part 1 padres
Isys 363 group part 1 padres
 
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
 
Pass the i pad please - 5 Lessons for Creating Great Tablet Experiences
Pass the i pad please - 5 Lessons for Creating Great Tablet ExperiencesPass the i pad please - 5 Lessons for Creating Great Tablet Experiences
Pass the i pad please - 5 Lessons for Creating Great Tablet Experiences
 
Introduction to mobile accessibility
Introduction to mobile accessibilityIntroduction to mobile accessibility
Introduction to mobile accessibility
 
Learning interactions on mobile slideshare
Learning interactions on mobile   slideshareLearning interactions on mobile   slideshare
Learning interactions on mobile slideshare
 
R2i State of Mobile App and Web: Tips and Trends to Building a Solid Mobile P...
R2i State of Mobile App and Web: Tips and Trends to Building a Solid Mobile P...R2i State of Mobile App and Web: Tips and Trends to Building a Solid Mobile P...
R2i State of Mobile App and Web: Tips and Trends to Building a Solid Mobile P...
 
Invenio Conquer-Password-Mgmt
Invenio Conquer-Password-MgmtInvenio Conquer-Password-Mgmt
Invenio Conquer-Password-Mgmt
 
How Technology is Revolutionizing Property Assessments
How Technology is Revolutionizing Property AssessmentsHow Technology is Revolutionizing Property Assessments
How Technology is Revolutionizing Property Assessments
 

Semelhante a Designing Content for Multiple Devices

Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011
arendsf
 
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Echelon Design
 

Semelhante a Designing Content for Multiple Devices (20)

Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011Mobile Web (R)Evolution - Sept 2011
Mobile Web (R)Evolution - Sept 2011
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your library
 
Mobile apps slideshareversion
Mobile apps slideshareversionMobile apps slideshareversion
Mobile apps slideshareversion
 
Dnx Mobile Marketing Golden Rules
Dnx Mobile Marketing Golden RulesDnx Mobile Marketing Golden Rules
Dnx Mobile Marketing Golden Rules
 
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!Social Media and Mobile Event Technology, Tools, and Apps Oh My!
Social Media and Mobile Event Technology, Tools, and Apps Oh My!
 
Mobile application development4
Mobile application development4Mobile application development4
Mobile application development4
 
Mobile application development
Mobile application developmentMobile application development
Mobile application development
 
Mobile application development2
Mobile application development2Mobile application development2
Mobile application development2
 
Mobile application development2
Mobile application development2Mobile application development2
Mobile application development2
 
Secured Mobile Application Development in Android, Blackberry & iOS
Secured Mobile Application Development in Android, Blackberry & iOSSecured Mobile Application Development in Android, Blackberry & iOS
Secured Mobile Application Development in Android, Blackberry & iOS
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting Small
 
App and/or Mobile Web
App and/or Mobile WebApp and/or Mobile Web
App and/or Mobile Web
 
Digital natives: freedom and hackability in a mobile future
Digital natives: freedom and hackability in a mobile futureDigital natives: freedom and hackability in a mobile future
Digital natives: freedom and hackability in a mobile future
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?
 
Introduction to Smartphone Apps
Introduction to Smartphone AppsIntroduction to Smartphone Apps
Introduction to Smartphone Apps
 
Android Presentation
Android PresentationAndroid Presentation
Android Presentation
 
How... Do you know?
How... Do you know?How... Do you know?
How... Do you know?
 
Digital Trends March 2012
Digital Trends March 2012Digital Trends March 2012
Digital Trends March 2012
 
What You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
What You Need To Know About Mobile | Noel Webb, SpeakFeel CorporationWhat You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
What You Need To Know About Mobile | Noel Webb, SpeakFeel Corporation
 
Native Application Development Company
Native Application Development CompanyNative Application Development Company
Native Application Development Company
 

Último

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
Enterprise Knowledge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
vu2urc
 

Último (20)

GenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdfGenAI Risks & Security Meetup 01052024.pdf
GenAI Risks & Security Meetup 01052024.pdf
 
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
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
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
 
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
 
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
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
[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
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time AutomationFrom Event to Action: Accelerate Your Decision Making with Real-Time Automation
From Event to Action: Accelerate Your Decision Making with Real-Time Automation
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
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
 
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
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
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
 
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot TakeoffStrategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
Strategize a Smooth Tenant-to-tenant Migration and Copilot Takeoff
 

Designing Content for Multiple Devices

  • 1.
  • 2. Introduction Brandon & Michelle • Brandon Carson, Bill.com • @brandonwcarson • LinkedIn: brandoncarson • Michelle Lentz, Clarity Consultants • @michellelentz • LinkedIn: michelleslentz HELLO my nam e is
  • 4. 5, 10, 80 Average number of apps used 5 Percentage of apps deleted within 2 weeks of download 80 Percentage of available apps that have actually been discovered 10 Source: Pew Research Center's Internet & American Life Project.
  • 5. In only 4 previous eras have humans experienced a transformation on the scale of the internet: • the printing press • the telegraph and telephone • recorded media • transmit sound and imagery
  • 6. a brief history of mobile time
  • 7. Year Event 1888 First patent for an electronic tablet awarded 1992 IBM Simon introduced as the first “smartphone” 1999 Microsoft re-introduces the “tablet PC” 2001 Palm introduces the Kyocera 6035 — the first widespread mobile device in the US 2001 The Blackberry is introduced — the first widespread mobile device for e-mail 2007 The iPhone is released 2008 The Android OS is released 2010 The iPad is released
  • 9. Your users now have near real-time access to information in the palm of their hand. They expect: • technical stability • up-to-date, credible information
  • 10. The majority of Internet users will eventually connect with mobile devices first. In many Asian countries, they already do.
  • 11. Compared to just last year, consumers: • Spend 54% more time with their connected devices • 49% more time talking and texting • 29% more time watching videos Source: Yahoo! Insights 2011
  • 13. Mobile users engage in short ‘activity bursts’ with the expectation to continue their experience across multiple devices
  • 14. Fully one in three people multi-task with their devices
  • 15. Most mobile consumers use their devices between 8:30 a.m. and 1:00 p.m. Source: Yahoo! Insights 2011
  • 16. Almost two-thirds of smartphone owners state “my mobile device allows me to access information that helps me in real life circumstances” Source: Yahoo! Insights 2011
  • 17. 65% of mobile consumers agree that their mobile device quickly provides the answer to questions when they need an immediate response Source: Yahoo! Insights 2011
  • 18. The deeply personal connection that people have with their connected devices means that we must keep in mind their consumption habits, activities and accompanying mindsets
  • 19.
  • 20.
  • 21.
  • 23. discover > install > click icon > run
  • 24. native apps • must be installed on the device • written specifically for the OS
  • 25. web apps • reside on a server • coded once for multiple OS’s
  • 26. which app to develop? • native API or native graphics? • written specifically for the OS
  • 27. Characteristic Native Web Downloaded to the device Coded in a language specific to the device OS Objective C, Java) Runs in a browser Coded in HTML, JavaScript, and CSS Distributed via an app store Full use of device hardware and APIs Limited access to device hardware and data, as well as user data
  • 28. Characteristic Native Web Downloaded to the device X Coded in a language specific to the device OS Objective C, Java) X Runs in a browser X Coded in HTML, JavaScript, and CSS X Distributed via an app store X Full use of device hardware and APIs X Limited access to device hardware and data, as well as user data X
  • 29. hybrid apps • written in native languages • downloaded to the device • can access APIs • content comes from the web
  • 30.
  • 31. Consumers expect participatory content experiences: • contextually relevant • consumable with multiple devices • trusted and sharable
  • 32.
  • 33.
  • 34. authoring tools for mobile first
  • 35. Articulate Storyline > Articulate iPad App Flash > HTML5 conversion project Articulate Presenter
  • 39. cost
  • 43. legacy technology, interactions and Flash
  • 45. best practices for mobile design
  • 47. know mobile constraints small screens unreliable networks people in all kinds of situations
  • 48.
  • 49. one step at a time
  • 52. create a default reference design for the devices and know your device capabilities
  • 53. become more aware of touch targets, gestures, and actions
  • 54. use technology to your advantage
  • 58. new opportunity reboot fresh start

Notas do Editor

  1. “ Because the average consumer uses products from multiple platforms, content designers need to adapt to the new multi-platform reality where your consumer might use a Windows device, a smartphone running Android and a tablet running iOS during a normal business day. This is our new reality and it’s critical for us to understand how platforms, products, and services interact as part of an ecosystem that our users are now moving around in.Today, we’re going to discuss four areas of focus for those who need to design and develop content across multiple devices.We will touch on:+ A brief history and current state of the mobile ecosystem+ The mobile user’s mindset+ Best practices for multi-platform content design+ The differences between web, hybrid, and native apps + All in 50 minutes! Let’s go!”
  2. “ As a result of the Internet, we are living in the largest increase of expressive capability in human history. In only four previous eras have there been communication transformations on this scale: • + Invention of the printing press and movable type• + Invention of the telegraph and telephone • + Invention of recorded media (photography, sound, and movies)• + Ability to transmit sound and images through the air”
  3. “ Sharing is becoming the most powerful social element with smartphones -- people like to not only share their experience, but also contrast their immediate experiences with those of their friends, and construct new shared experiences within the context of the app environment.”
  4. [Source: Nielsen Norman, September 2011]