Designing Content for Multiple Devices
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
Designing Content for Multiple Devices
Designing Content for Multiple Devices
Designing Content for Multiple Devices
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
Designing Content for Multiple Devices
Consumers expect participatory
content experiences:

• contextually relevant
• consumable with multiple devices
• trusted and sharable
Designing Content for Multiple Devices
Designing Content for Multiple Devices
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
Designing Content for Multiple Devices
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

More Related Content

PPTX
Mobile Design for Instructional Designers
PDF
Content Strategy Across Connected Devices
PDF
Pragmatic Principles for Mobile Design
PPTX
Understanding the Complex Mobile Landscape
PPTX
Sydney Mobile - April 2010 - Tigerspike
PPT
PDF
iPhone - Human Interface Guidelines
PDF
Mobile Means Business
Mobile Design for Instructional Designers
Content Strategy Across Connected Devices
Pragmatic Principles for Mobile Design
Understanding the Complex Mobile Landscape
Sydney Mobile - April 2010 - Tigerspike
iPhone - Human Interface Guidelines
Mobile Means Business

What's hot (20)

KEY
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
PPT
The Future of eLearning
PPTX
Smart phones
KEY
Developing for Mobility
PPTX
Mobile Accessibility (MobA11y)
PPT
The Library in Your Pocket: Mobile Trends for Libraries
PDF
iOS Human Interface Guidlines for iOS-Platforms
PDF
iPhone / iPad - Human Interface Guidelines
PDF
How to write mobile optimized content for your app
PDF
Human Interface Guidlines for Mobile Applications
PDF
Mobile Accessibility Best Practices & Trends
PPS
Going mobile writing content for mobile
PPTX
Isys 363 group part 1 padres
PPTX
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
PDF
Pass the i pad please - 5 Lessons for Creating Great Tablet Experiences
PPTX
Introduction to mobile accessibility
PPT
Learning interactions on mobile slideshare
PDF
R2i State of Mobile App and Web: Tips and Trends to Building a Solid Mobile P...
PDF
Invenio Conquer-Password-Mgmt
PPTX
How Technology is Revolutionizing Property Assessments
 
Exhibitor2011 Session: Social Media and Mobile Event Technology, Tools and Ap...
The Future of eLearning
Smart phones
Developing for Mobility
Mobile Accessibility (MobA11y)
The Library in Your Pocket: Mobile Trends for Libraries
iOS Human Interface Guidlines for iOS-Platforms
iPhone / iPad - Human Interface Guidelines
How to write mobile optimized content for your app
Human Interface Guidlines for Mobile Applications
Mobile Accessibility Best Practices & Trends
Going mobile writing content for mobile
Isys 363 group part 1 padres
Enterprise Mobile Strategy for SharePoint Server 2013 at SEF2014 in Stockholm
Pass the i pad please - 5 Lessons for Creating Great Tablet Experiences
Introduction to mobile accessibility
Learning interactions on mobile slideshare
R2i State of Mobile App and Web: Tips and Trends to Building a Solid Mobile P...
Invenio Conquer-Password-Mgmt
How Technology is Revolutionizing Property Assessments
 
Ad

Similar to Designing Content for Multiple Devices (20)

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

Recently uploaded (20)

PDF
Data Virtualization in Action: Scaling APIs and Apps with FME
PDF
SaaS reusability assessment using machine learning techniques
PDF
MENA-ECEONOMIC-CONTEXT-VC MENA-ECEONOMIC
PDF
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
PDF
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
PDF
Advancing precision in air quality forecasting through machine learning integ...
PDF
Electrocardiogram sequences data analytics and classification using unsupervi...
PDF
A symptom-driven medical diagnosis support model based on machine learning te...
PDF
Auditboard EB SOX Playbook 2023 edition.
PDF
Rapid Prototyping: A lecture on prototyping techniques for interface design
PDF
giants, standing on the shoulders of - by Daniel Stenberg
PDF
Decision Optimization - From Theory to Practice
PDF
substrate PowerPoint Presentation basic one
PDF
Transform-Quality-Engineering-with-AI-A-60-Day-Blueprint-for-Digital-Success.pdf
PDF
Altius execution marketplace concept.pdf
PDF
The AI Revolution in Customer Service - 2025
PPTX
Presentation - Principles of Instructional Design.pptx
PDF
Introduction to MCP and A2A Protocols: Enabling Agent Communication
PDF
IT-ITes Industry bjjbnkmkhkhknbmhkhmjhjkhj
PDF
Connector Corner: Transform Unstructured Documents with Agentic Automation
Data Virtualization in Action: Scaling APIs and Apps with FME
SaaS reusability assessment using machine learning techniques
MENA-ECEONOMIC-CONTEXT-VC MENA-ECEONOMIC
Transform-Your-Streaming-Platform-with-AI-Driven-Quality-Engineering.pdf
“The Future of Visual AI: Efficient Multimodal Intelligence,” a Keynote Prese...
Advancing precision in air quality forecasting through machine learning integ...
Electrocardiogram sequences data analytics and classification using unsupervi...
A symptom-driven medical diagnosis support model based on machine learning te...
Auditboard EB SOX Playbook 2023 edition.
Rapid Prototyping: A lecture on prototyping techniques for interface design
giants, standing on the shoulders of - by Daniel Stenberg
Decision Optimization - From Theory to Practice
substrate PowerPoint Presentation basic one
Transform-Quality-Engineering-with-AI-A-60-Day-Blueprint-for-Digital-Success.pdf
Altius execution marketplace concept.pdf
The AI Revolution in Customer Service - 2025
Presentation - Principles of Instructional Design.pptx
Introduction to MCP and A2A Protocols: Enabling Agent Communication
IT-ITes Industry bjjbnkmkhkhknbmhkhmjhjkhj
Connector Corner: Transform Unstructured Documents with Agentic Automation

Designing Content for Multiple Devices

  • 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
  • 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
  • 31. Consumers expect participatory content experiences: • contextually relevant • consumable with multiple devices • trusted and sharable
  • 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
  • 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

Editor's Notes

  • #4: “ 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!”
  • #7: “ 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”
  • #23: “ 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.”
  • #28: [Source: Nielsen Norman, September 2011]
  • #56: