SlideShare ist ein Scribd-Unternehmen logo
1 von 21
MOBILE & TABLET
      OVERVIEW
THE IMPORTANCE OF MULTI-PLATFORM DESIGN
TRENDS IN MOBILE AND TABLET
          TRAFFIC
TRENDS IN MOBILE AND TABLET
          TRAFFIC
34 MILLION MOBILE-CONNECTED TABLETS IN 2011 (CISCO, 2012)

EACH TABLET GENERATED 3.4 TIMES MORE TRAFFIC THAN THE
AVERAGE SMARTPHONE. (CISCO, 2012)

MOBILE DATA TRAFFIC WAS EIGHT TIMES THE SIZE OF THE ENTIRE
GLOBAL INTERNET IN 2000 (CISCO, 2012)

MOBILE VIDEO TRAFFIC WAS 52 PERCENT OF TRAFFIC BY THE END
OF 2011 (CISCO, 2012)

THE NUMBER OF MOBILE-CONNECTED DEVICES WILL EXCEED THE
WORLD'S POPULATION IN 2012. (CISCO, 2012)

TABLETS WILL EXCEED 10 PERCENT OF GLOBAL MOBILE DATA
TRAFFIC IN 2016 (CISCO, 2012)
IMPACT OF MOBILE AND TABLET
          DESIGN
IMPACT OF MOBILE AND TABLET
          DESIGN

MOBILE DEVICES AND TABLETS HAVE LIMITED SCREEN
SPACE

SMALLER SPACE = STREAMLINED DESIGN AND
CONTENT; LESS SPACE TO TELL YOUR “STORY”

LESS GRAPHICS = MORE SPACE FOR IMPORTANT
INFORMATION

LESS GRAPHICS (OPTIMIZED GRAPHICS)= FASTER
DOWNLOAD TIME

FLASH DOES NOT WORK ON MOBILE DEVICES
AVAILABLE
TECHNOLOGIES


         CMS’S SUCH AS WORDPRESS OR SITECORE
AVAILABLE
TECHNOLOGIES


         CMS’S SUCH AS WORDPRESS OR SITECORE
MORE AVAILABLE TECHNOLOGIES

  PLUGINS FOR MOBILE AND/OR TABLETS
EVEN MORE AVAILABLE TECHNOLOGIES

    WEB APPLICATION PROGRAMMING TOOL
EVEN MORE AVAILABLE TECHNOLOGIES
    WEB APPLICATION PROGRAMMING TOOL
USE MOBILE FRIENDLY CODE




HTML5

CSS

JAVASCRIPT
DUDAMOBILE MOBILE SITE CREATION TOOL
        HTTP://GOMO.DUDAMOBILE.COM/
A BAD EXAMPLE
  HTTP://M.GUARDIAN.CO.UK/TECHNOLOGY/2012/APR/29/INTERNET-INNOVATION-
FAILURE-PATENT-CONTROL?CAT=TECHNOLOTY&TYPE=ARTICLE (SIMMONS & FROST,
                                 2011)
ANOTHER BAD EXAMPLE
WINDOWS PHONE ADVERTISING CAMPAIGN
      (SIMMONS & FROST, 2011)
A GOOD EXAMPLE
HTTP://I.BRIGHTKITE.COM (640 Pixels, 2011)
ANOTHER GOOD EXAMPLE
HTTP://MATTBANGOPHOTOGRAPHY.MOBIFY.ME/ (640 Pixels,
                     2011)
RECOMMENDATIONS
RECOMMENDATIONS
FIRST, YOU NEED TO IMPLEMENT A CMS

SECOND, CREATE YOUR SITE FOR NORMAL USERS
(INCLUDING STYLES AND FUNCTIONALITY)

THIRD, CREATE MOBILE VERSIONS OF YOUR PAGES
(INCLUDING STYLES AND FUNCTIONALITY)

TEST YOUR SITE IN MULTIPLE BROWSERS TO BE SURE
YOUR PAGES DISPLAY PROPERLY

TEST YOUR SITE WITH MOBILE DEVICES TO BE SURE IT
DISPLAYS PROPERLY

OR - HIRE A DEVELOPER TO SET IT ALL UP
CONCLUSION
CONCLUSION

IF YOUR SITE IS NOT MOBILE FRIENDLY YOU COULD BE
MISSING OUT

MOBILE TRAFFIC WILL CONTINUE TO GROW

CREATE CONTENT WITH UNIVERSAL DESIGN IN MIND

BUILD YOUR SITE

OPTIMIZE FOR SEARCH ENGINES

TEST YOUR SITE

RE-TEST YOUR SITE
REFERENCES


Cisco. (2012, Feb 14). Cisco visual networking index: Global mobile data traffic forecast
update, 2011–2016 [visual networking index (vni)] - cisco systems. Retrieved from http://
www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/
white_paper_c11-520862.html

Simmons, J., & Frost, B. (2011, November 18). Wtf mobile web. Retrieved from http://
wtfmobileweb.com/

640 Pixels. (2011, November 04). 15 beautiful examples of mobile website design done right
| 640pixels. Retrieved from http://www.640pixels.com/design-showcase/15-beautiful-
examples-of-mobile-website-design-done-right.aspx

Weitere ähnliche Inhalte

Was ist angesagt?

The emerging mobile ecosystem
The emerging mobile ecosystemThe emerging mobile ecosystem
The emerging mobile ecosystemRohit Kumar
 
3dMobileyes Media Presentation
3dMobileyes Media Presentation3dMobileyes Media Presentation
3dMobileyes Media Presentation3rddimension
 
The mobile ecosystem and development strategies
The mobile ecosystem and development strategiesThe mobile ecosystem and development strategies
The mobile ecosystem and development strategiesIvano Malavolta
 
Key insights from developer economics 2012
Key insights from developer economics 2012Key insights from developer economics 2012
Key insights from developer economics 2012SlashData
 
Why A Smartphone Class?
Why A Smartphone Class?Why A Smartphone Class?
Why A Smartphone Class?Kathy Gill
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technologymichaeljericho
 

Was ist angesagt? (6)

The emerging mobile ecosystem
The emerging mobile ecosystemThe emerging mobile ecosystem
The emerging mobile ecosystem
 
3dMobileyes Media Presentation
3dMobileyes Media Presentation3dMobileyes Media Presentation
3dMobileyes Media Presentation
 
The mobile ecosystem and development strategies
The mobile ecosystem and development strategiesThe mobile ecosystem and development strategies
The mobile ecosystem and development strategies
 
Key insights from developer economics 2012
Key insights from developer economics 2012Key insights from developer economics 2012
Key insights from developer economics 2012
 
Why A Smartphone Class?
Why A Smartphone Class?Why A Smartphone Class?
Why A Smartphone Class?
 
Empowerment Technology
Empowerment TechnologyEmpowerment Technology
Empowerment Technology
 

Andere mochten auch

Andere mochten auch (16)

Literacy inquiry project
Literacy inquiry projectLiteracy inquiry project
Literacy inquiry project
 
Kyurk story
Kyurk storyKyurk story
Kyurk story
 
Onet m6 52 art
Onet m6 52  artOnet m6 52  art
Onet m6 52 art
 
Speech3sleep
Speech3sleepSpeech3sleep
Speech3sleep
 
ใบงานที่ 2
ใบงานที่ 2ใบงานที่ 2
ใบงานที่ 2
 
Unek
UnekUnek
Unek
 
Ackland Art Museum - Japanese Painting Conservation I
Ackland Art Museum - Japanese Painting Conservation IAckland Art Museum - Japanese Painting Conservation I
Ackland Art Museum - Japanese Painting Conservation I
 
Engineering Services Forum - Closing Summary
Engineering Services Forum - Closing SummaryEngineering Services Forum - Closing Summary
Engineering Services Forum - Closing Summary
 
Folhetoeq1
Folhetoeq1Folhetoeq1
Folhetoeq1
 
Onet m6 52 art
Onet m6 52  artOnet m6 52  art
Onet m6 52 art
 
SMART Seminar Series: "From Big Data to Smart data"
SMART Seminar Series: "From Big Data to Smart data"SMART Seminar Series: "From Big Data to Smart data"
SMART Seminar Series: "From Big Data to Smart data"
 
1Q13 ISG Outsourcing Index
1Q13 ISG Outsourcing Index1Q13 ISG Outsourcing Index
1Q13 ISG Outsourcing Index
 
Diptico piura
Diptico  piuraDiptico  piura
Diptico piura
 
A Super Upsetting Presentation About Playlists
A Super Upsetting Presentation About PlaylistsA Super Upsetting Presentation About Playlists
A Super Upsetting Presentation About Playlists
 
Closed unit
Closed unitClosed unit
Closed unit
 
Capela e Memorial no Forte bom Sucesso
Capela e Memorial no Forte bom SucessoCapela e Memorial no Forte bom Sucesso
Capela e Memorial no Forte bom Sucesso
 

Ähnlich wie Julie Mckenzie-project4-fwd

Drupalcamp LA Aug 2009
Drupalcamp LA Aug 2009Drupalcamp LA Aug 2009
Drupalcamp LA Aug 2009Tom Deryckere
 
Building Mobile Friendly Websites
Building Mobile Friendly WebsitesBuilding Mobile Friendly Websites
Building Mobile Friendly WebsitesCittrex
 
Build once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platformBuild once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platformAspenware
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009Tom Deryckere
 
Mobile-izing Your Organization with Drupal
Mobile-izing Your Organization with DrupalMobile-izing Your Organization with Drupal
Mobile-izing Your Organization with DrupalAcquia
 
From desktop to mobile web
From desktop to mobile webFrom desktop to mobile web
From desktop to mobile webChris Love
 
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstBP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstJohn Head
 
Responsive Design
Responsive DesignResponsive Design
Responsive DesignSara Cannon
 
Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01Innovation Excellence
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldDoug Gapinski
 
IBM Mobile portal experience
IBM Mobile portal experienceIBM Mobile portal experience
IBM Mobile portal experienceVincent Perrin
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop UsabilityDoug Gapinski
 
MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...
MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...
MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...Amit Sheth
 
Mobile development-e mag-version3
Mobile development-e mag-version3Mobile development-e mag-version3
Mobile development-e mag-version3nesrine attia
 
Building Mobile Websites with Joomla
Building Mobile Websites with JoomlaBuilding Mobile Websites with Joomla
Building Mobile Websites with JoomlaTom Deryckere
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Lee Roberson
 
Chrome for android_devfestx
Chrome for android_devfestxChrome for android_devfestx
Chrome for android_devfestxDominic Travers
 
Developing Enterprise-Grade Mobile Applications
Developing Enterprise-Grade Mobile ApplicationsDeveloping Enterprise-Grade Mobile Applications
Developing Enterprise-Grade Mobile ApplicationsSimon Guest
 

Ähnlich wie Julie Mckenzie-project4-fwd (20)

Drupalcamp LA Aug 2009
Drupalcamp LA Aug 2009Drupalcamp LA Aug 2009
Drupalcamp LA Aug 2009
 
Building Mobile Friendly Websites
Building Mobile Friendly WebsitesBuilding Mobile Friendly Websites
Building Mobile Friendly Websites
 
Build once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platformBuild once deploy everywhere using the telerik platform
Build once deploy everywhere using the telerik platform
 
Drupalcamp New York 2009
Drupalcamp New York 2009Drupalcamp New York 2009
Drupalcamp New York 2009
 
Mobile-izing Your Organization with Drupal
Mobile-izing Your Organization with DrupalMobile-izing Your Organization with Drupal
Mobile-izing Your Organization with Drupal
 
From desktop to mobile web
From desktop to mobile webFrom desktop to mobile web
From desktop to mobile web
 
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile FirstBP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
BP110: The Mobile Distruption - Why XPages Development is targeting Mobile First
 
Project UX
Project UXProject UX
Project UX
 
Responsive Design
Responsive DesignResponsive Design
Responsive Design
 
Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01Responsivedesign slides2-120507173812-phpapp01
Responsivedesign slides2-120507173812-phpapp01
 
Screen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop WorldScreen and Context: Usability in the Postdesktop World
Screen and Context: Usability in the Postdesktop World
 
A Future Friendly Web
A Future Friendly WebA Future Friendly Web
A Future Friendly Web
 
IBM Mobile portal experience
IBM Mobile portal experienceIBM Mobile portal experience
IBM Mobile portal experience
 
Postdesktop Usability
Postdesktop UsabilityPostdesktop Usability
Postdesktop Usability
 
MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...
MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...
MobiCloud: Towards Cloud Mobile Hybrid Application Generation using Semantica...
 
Mobile development-e mag-version3
Mobile development-e mag-version3Mobile development-e mag-version3
Mobile development-e mag-version3
 
Building Mobile Websites with Joomla
Building Mobile Websites with JoomlaBuilding Mobile Websites with Joomla
Building Mobile Websites with Joomla
 
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
Here Today, Here Tomorrow: Mobile Devices - Northwestern University Web Steer...
 
Chrome for android_devfestx
Chrome for android_devfestxChrome for android_devfestx
Chrome for android_devfestx
 
Developing Enterprise-Grade Mobile Applications
Developing Enterprise-Grade Mobile ApplicationsDeveloping Enterprise-Grade Mobile Applications
Developing Enterprise-Grade Mobile Applications
 

Kürzlich hochgeladen

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingTechSoup
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingTeacherCyreneCayanan
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introductionMaksud Ahmed
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityGeoBlogs
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxiammrhaywood
 

Kürzlich hochgeladen (20)

BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Grant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy ConsultingGrant Readiness 101 TechSoup and Remy Consulting
Grant Readiness 101 TechSoup and Remy Consulting
 
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"Mattingly "AI & Prompt Design: The Basics of Prompt Design"
Mattingly "AI & Prompt Design: The Basics of Prompt Design"
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
fourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writingfourth grading exam for kindergarten in writing
fourth grading exam for kindergarten in writing
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
microwave assisted reaction. General introduction
microwave assisted reaction. General introductionmicrowave assisted reaction. General introduction
microwave assisted reaction. General introduction
 
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Paris 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activityParis 2024 Olympic Geographies - an activity
Paris 2024 Olympic Geographies - an activity
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptxSOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
SOCIAL AND HISTORICAL CONTEXT - LFTVD.pptx
 

Julie Mckenzie-project4-fwd

  • 1. MOBILE & TABLET OVERVIEW THE IMPORTANCE OF MULTI-PLATFORM DESIGN
  • 2. TRENDS IN MOBILE AND TABLET TRAFFIC
  • 3. TRENDS IN MOBILE AND TABLET TRAFFIC 34 MILLION MOBILE-CONNECTED TABLETS IN 2011 (CISCO, 2012) EACH TABLET GENERATED 3.4 TIMES MORE TRAFFIC THAN THE AVERAGE SMARTPHONE. (CISCO, 2012) MOBILE DATA TRAFFIC WAS EIGHT TIMES THE SIZE OF THE ENTIRE GLOBAL INTERNET IN 2000 (CISCO, 2012) MOBILE VIDEO TRAFFIC WAS 52 PERCENT OF TRAFFIC BY THE END OF 2011 (CISCO, 2012) THE NUMBER OF MOBILE-CONNECTED DEVICES WILL EXCEED THE WORLD'S POPULATION IN 2012. (CISCO, 2012) TABLETS WILL EXCEED 10 PERCENT OF GLOBAL MOBILE DATA TRAFFIC IN 2016 (CISCO, 2012)
  • 4. IMPACT OF MOBILE AND TABLET DESIGN
  • 5. IMPACT OF MOBILE AND TABLET DESIGN MOBILE DEVICES AND TABLETS HAVE LIMITED SCREEN SPACE SMALLER SPACE = STREAMLINED DESIGN AND CONTENT; LESS SPACE TO TELL YOUR “STORY” LESS GRAPHICS = MORE SPACE FOR IMPORTANT INFORMATION LESS GRAPHICS (OPTIMIZED GRAPHICS)= FASTER DOWNLOAD TIME FLASH DOES NOT WORK ON MOBILE DEVICES
  • 6. AVAILABLE TECHNOLOGIES CMS’S SUCH AS WORDPRESS OR SITECORE
  • 7. AVAILABLE TECHNOLOGIES CMS’S SUCH AS WORDPRESS OR SITECORE
  • 8. MORE AVAILABLE TECHNOLOGIES PLUGINS FOR MOBILE AND/OR TABLETS
  • 9. EVEN MORE AVAILABLE TECHNOLOGIES WEB APPLICATION PROGRAMMING TOOL
  • 10. EVEN MORE AVAILABLE TECHNOLOGIES WEB APPLICATION PROGRAMMING TOOL
  • 11. USE MOBILE FRIENDLY CODE HTML5 CSS JAVASCRIPT
  • 12. DUDAMOBILE MOBILE SITE CREATION TOOL HTTP://GOMO.DUDAMOBILE.COM/
  • 13. A BAD EXAMPLE HTTP://M.GUARDIAN.CO.UK/TECHNOLOGY/2012/APR/29/INTERNET-INNOVATION- FAILURE-PATENT-CONTROL?CAT=TECHNOLOTY&TYPE=ARTICLE (SIMMONS & FROST, 2011)
  • 14. ANOTHER BAD EXAMPLE WINDOWS PHONE ADVERTISING CAMPAIGN (SIMMONS & FROST, 2011)
  • 18. RECOMMENDATIONS FIRST, YOU NEED TO IMPLEMENT A CMS SECOND, CREATE YOUR SITE FOR NORMAL USERS (INCLUDING STYLES AND FUNCTIONALITY) THIRD, CREATE MOBILE VERSIONS OF YOUR PAGES (INCLUDING STYLES AND FUNCTIONALITY) TEST YOUR SITE IN MULTIPLE BROWSERS TO BE SURE YOUR PAGES DISPLAY PROPERLY TEST YOUR SITE WITH MOBILE DEVICES TO BE SURE IT DISPLAYS PROPERLY OR - HIRE A DEVELOPER TO SET IT ALL UP
  • 20. CONCLUSION IF YOUR SITE IS NOT MOBILE FRIENDLY YOU COULD BE MISSING OUT MOBILE TRAFFIC WILL CONTINUE TO GROW CREATE CONTENT WITH UNIVERSAL DESIGN IN MIND BUILD YOUR SITE OPTIMIZE FOR SEARCH ENGINES TEST YOUR SITE RE-TEST YOUR SITE
  • 21. REFERENCES Cisco. (2012, Feb 14). Cisco visual networking index: Global mobile data traffic forecast update, 2011–2016 [visual networking index (vni)] - cisco systems. Retrieved from http:// www.cisco.com/en/US/solutions/collateral/ns341/ns525/ns537/ns705/ns827/ white_paper_c11-520862.html Simmons, J., & Frost, B. (2011, November 18). Wtf mobile web. Retrieved from http:// wtfmobileweb.com/ 640 Pixels. (2011, November 04). 15 beautiful examples of mobile website design done right | 640pixels. Retrieved from http://www.640pixels.com/design-showcase/15-beautiful- examples-of-mobile-website-design-done-right.aspx

Hinweis der Redaktion

  1. \n
  2. More and more people accessing websites via mobile phones or tablets.\nUser experiences for mobile and tablet users very important.\nBrand and message consistency is the key. You want mobile and tablet users to have a good experience on your site and be able to interact with your content. \n
  3. More and more people accessing websites via mobile phones or tablets.\nUser experiences for mobile and tablet users very important.\nBrand and message consistency is the key. You want mobile and tablet users to have a good experience on your site and be able to interact with your content. \n
  4. More and more people accessing websites via mobile phones or tablets.\nUser experiences for mobile and tablet users very important.\nBrand and message consistency is the key. You want mobile and tablet users to have a good experience on your site and be able to interact with your content. \n
  5. More and more people accessing websites via mobile phones or tablets.\nUser experiences for mobile and tablet users very important.\nBrand and message consistency is the key. You want mobile and tablet users to have a good experience on your site and be able to interact with your content. \n
  6. More and more people accessing websites via mobile phones or tablets.\nUser experiences for mobile and tablet users very important.\nBrand and message consistency is the key. You want mobile and tablet users to have a good experience on your site and be able to interact with your content. \n
  7. More and more people accessing websites via mobile phones or tablets.\nUser experiences for mobile and tablet users very important.\nBrand and message consistency is the key. You want mobile and tablet users to have a good experience on your site and be able to interact with your content. \n
  8. Mobile devices have a smaller viewing space for companies to be able to deliver their message. \nMobile users do not want to have to search for content, or sift through tons of text to find what they are looking for. \nVideos and other interactive content needs to be viewable on mobile devices - no flash or other incompatible programming. \nMobile versions of sites should be compact and easily navigated. \nUse of graphics should be minimal. Graphics could increase download time and make it harder for users to find what they are looking for on the page/site.\nFlash can make a site look very “pretty”, but what if a user is not able to view your flash? There are other options you can use to create nice looking interactive content that is viewable across all platforms.\n
  9. Mobile devices have a smaller viewing space for companies to be able to deliver their message. \nMobile users do not want to have to search for content, or sift through tons of text to find what they are looking for. \nVideos and other interactive content needs to be viewable on mobile devices - no flash or other incompatible programming. \nMobile versions of sites should be compact and easily navigated. \nUse of graphics should be minimal. Graphics could increase download time and make it harder for users to find what they are looking for on the page/site.\nFlash can make a site look very “pretty”, but what if a user is not able to view your flash? There are other options you can use to create nice looking interactive content that is viewable across all platforms.\n
  10. Mobile devices have a smaller viewing space for companies to be able to deliver their message. \nMobile users do not want to have to search for content, or sift through tons of text to find what they are looking for. \nVideos and other interactive content needs to be viewable on mobile devices - no flash or other incompatible programming. \nMobile versions of sites should be compact and easily navigated. \nUse of graphics should be minimal. Graphics could increase download time and make it harder for users to find what they are looking for on the page/site.\nFlash can make a site look very “pretty”, but what if a user is not able to view your flash? There are other options you can use to create nice looking interactive content that is viewable across all platforms.\n
  11. Mobile devices have a smaller viewing space for companies to be able to deliver their message. \nMobile users do not want to have to search for content, or sift through tons of text to find what they are looking for. \nVideos and other interactive content needs to be viewable on mobile devices - no flash or other incompatible programming. \nMobile versions of sites should be compact and easily navigated. \nUse of graphics should be minimal. Graphics could increase download time and make it harder for users to find what they are looking for on the page/site.\nFlash can make a site look very “pretty”, but what if a user is not able to view your flash? There are other options you can use to create nice looking interactive content that is viewable across all platforms.\n
  12. Mobile devices have a smaller viewing space for companies to be able to deliver their message. \nMobile users do not want to have to search for content, or sift through tons of text to find what they are looking for. \nVideos and other interactive content needs to be viewable on mobile devices - no flash or other incompatible programming. \nMobile versions of sites should be compact and easily navigated. \nUse of graphics should be minimal. Graphics could increase download time and make it harder for users to find what they are looking for on the page/site.\nFlash can make a site look very “pretty”, but what if a user is not able to view your flash? There are other options you can use to create nice looking interactive content that is viewable across all platforms.\n
  13. Many options available for mobile and tablet design. \nMany CMSes offer the option to create mobile versions of Web pages\n\n
  14. Many options available for mobile and tablet design. \nMany CMSes offer the option to create mobile versions of Web pages\n\n
  15. Plugins can be used to make your content mobile and tablet friendly\n\n\n
  16. mobl (http://www.mobl-lang.org/)\n
  17. http://www.chocolatechip-ui.com/tutorials.html - ChocolateChip-UI; The Web App Development Framework\n
  18. HTML5 allows websites to be read by mobile devices\n
  19. Tools like DudaMobile mobile site builder make it easier than ever to create a mobile version of your website. They offer different themes and colors, with so many options to choose from. \n
  20. On this site, you can’t read any of the text without resizing it \n
  21. It’s better to have some basic content than no relevant or helpful content\n
  22. Content fits within the screen and gives users multiple choices on which action to take on the page. \n
  23. large graphics, clear and easily navigated site\n
  24. open-source CMS are free and easy to use, while secure and robust at the same time. \nCMS will allow you to update your site frequently and will also allow you to create CSS for mobile and non-mobile visitors.\nIf you are not comfortable enough to build the site and create mobile versions of your pages, hire a developer to help set everything up for you so it is easy to maintain and administer.\n\n
  25. open-source CMS are free and easy to use, while secure and robust at the same time. \nCMS will allow you to update your site frequently and will also allow you to create CSS for mobile and non-mobile visitors.\nIf you are not comfortable enough to build the site and create mobile versions of your pages, hire a developer to help set everything up for you so it is easy to maintain and administer.\n\n
  26. open-source CMS are free and easy to use, while secure and robust at the same time. \nCMS will allow you to update your site frequently and will also allow you to create CSS for mobile and non-mobile visitors.\nIf you are not comfortable enough to build the site and create mobile versions of your pages, hire a developer to help set everything up for you so it is easy to maintain and administer.\n\n
  27. open-source CMS are free and easy to use, while secure and robust at the same time. \nCMS will allow you to update your site frequently and will also allow you to create CSS for mobile and non-mobile visitors.\nIf you are not comfortable enough to build the site and create mobile versions of your pages, hire a developer to help set everything up for you so it is easy to maintain and administer.\n\n
  28. open-source CMS are free and easy to use, while secure and robust at the same time. \nCMS will allow you to update your site frequently and will also allow you to create CSS for mobile and non-mobile visitors.\nIf you are not comfortable enough to build the site and create mobile versions of your pages, hire a developer to help set everything up for you so it is easy to maintain and administer.\n\n
  29. open-source CMS are free and easy to use, while secure and robust at the same time. \nCMS will allow you to update your site frequently and will also allow you to create CSS for mobile and non-mobile visitors.\nIf you are not comfortable enough to build the site and create mobile versions of your pages, hire a developer to help set everything up for you so it is easy to maintain and administer.\n\n
  30. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  31. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  32. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  33. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  34. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  35. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  36. If mobile users are not able to interact with your site, they are not going to stick around long enough for you to get their business. It is highly possible that they will leave your site and never come back. \nWith the increasing numbers of mobile users, your site needs to be accessible and easily navigated across all platforms and browsers.\nUniversal design will help you to make sure your site is accessible to all users - not just mobile or desktop pc users. \nIf you build it, they will come... Your site is a reflection of your business and it is the most important tool in your “marketing arsenal”. \nAs you are building your site, make sure you also optimize it for search engines. If a search engine can’t find or understand your content, people won’t be able to either. \nTesting is a major step in the process of creating your site. This will allow you to find problems up front, and be able to fix them or create ways in which to work around them. \n
  37. \n