SlideShare a Scribd company logo
1 of 59
Download to read 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

More Related Content

What's hot

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...Lumen Consulting
 
Developing for Mobility
Developing for MobilityDeveloping for Mobility
Developing for MobilityScotty Logan
 
Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Mobile Accessibility (MobA11y)
Mobile Accessibility (MobA11y)Henny Swan
 
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 LibrariesMeredith Farkas
 
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-PlatformsMartin Ebner
 
iPhone / iPad - Human Interface Guidelines
iPhone / iPad - Human Interface GuidelinesiPhone / iPad - Human Interface Guidelines
iPhone / iPad - Human Interface GuidelinesMartin Ebner
 
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 appPaperlit
 
Human Interface Guidlines for Mobile Applications
Human Interface Guidlines for Mobile ApplicationsHuman Interface Guidlines for Mobile Applications
Human Interface Guidlines for Mobile ApplicationsMartin Ebner
 
Mobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsMobile Accessibility Best Practices & Trends
Mobile Accessibility Best Practices & TrendsAidan Tierney
 
Going mobile writing content for mobile
Going mobile  writing content for mobileGoing mobile  writing content for mobile
Going mobile writing content for mobileMaya Irving-Regev
 
Isys 363 group part 1 padres
Isys 363 group part 1 padresIsys 363 group part 1 padres
Isys 363 group part 1 padresAllison Fleming
 
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 StockholmJoel Oleson
 
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 ExperiencesAnswerLab
 
Introduction to mobile accessibility
Introduction to mobile accessibilityIntroduction to mobile accessibility
Introduction to mobile accessibilityJon Gibbins
 
Learning interactions on mobile slideshare
Learning interactions on mobile   slideshareLearning interactions on mobile   slideshare
Learning interactions on mobile slideshareRaptivity
 
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...Wayne Chen
 
How Technology is Revolutionizing Property Assessments
How Technology is Revolutionizing Property AssessmentsHow Technology is Revolutionizing Property Assessments
How Technology is Revolutionizing Property AssessmentsEDR
 

What's hot (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
 

Similar to 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 2011arendsf
 
Mobile that works for your library
Mobile that works for your libraryMobile that works for your library
Mobile that works for your libraryJeff Wisniewski
 
Dnx Mobile Marketing Golden Rules
Dnx Mobile Marketing Golden RulesDnx Mobile Marketing Golden Rules
Dnx Mobile Marketing Golden RulesAdam Troman
 
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
 
Mobile application development4
Mobile application development4Mobile application development4
Mobile application development4Appin Kulti Branch
 
Mobile application development
Mobile application developmentMobile application development
Mobile application developmentAppin Hisar
 
Mobile application development2
Mobile application development2Mobile application development2
Mobile application development2Appin Ara
 
Mobile application development2
Mobile application development2Mobile application development2
Mobile application development2Appin Vijayanagar
 
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 & iOSAppin Delhi
 
Consider Starting Small
Consider Starting SmallConsider Starting Small
Consider Starting SmallAndrew Smith
 
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 futureTristan Nitot
 
HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?HTML5 or Android for Mobile Development?
HTML5 or Android for Mobile Development?Reto Meier
 
Introduction to Smartphone Apps
Introduction to Smartphone AppsIntroduction to Smartphone Apps
Introduction to Smartphone AppsGoLocalApps
 
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 CorporationCanadaHelps / MyCharityConnects
 

Similar to 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
 

Recently uploaded

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 3652toLead Limited
 
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
 
[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
 
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
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitecturePixlogix Infotech
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxMalak Abu Hammad
 
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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
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
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Paola De la Torre
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGSujit Pal
 
🐬 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
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...shyamraj55
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024The Digital Insurer
 
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...Drew Madelung
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonetsnaman860154
 
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 MenDelhi Call girls
 

Recently uploaded (20)

Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
Tech-Forward - Achieving Business Readiness For Copilot in Microsoft 365
 
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
 
[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
 
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
 
Understanding the Laravel MVC Architecture
Understanding the Laravel MVC ArchitectureUnderstanding the Laravel MVC Architecture
Understanding the Laravel MVC Architecture
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
The Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptxThe Codex of Business Writing Software for Real-World Solutions 2.pptx
The Codex of Business Writing Software for Real-World Solutions 2.pptx
 
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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
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
 
Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101Salesforce Community Group Quito, Salesforce 101
Salesforce Community Group Quito, Salesforce 101
 
Google AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAGGoogle AI Hackathon: LLM based Evaluator for RAG
Google AI Hackathon: LLM based Evaluator for RAG
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
Automating Business Process via MuleSoft Composer | Bangalore MuleSoft Meetup...
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 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...
 
How to convert PDF to text with Nanonets
How to convert PDF to text with NanonetsHow to convert PDF to text with Nanonets
How to convert PDF to text with Nanonets
 
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
 

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

Editor's Notes

  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]