Julie Mckenzie-project4-fwd
Upcoming SlideShare
Loading in...5
×
 

Julie Mckenzie-project4-fwd

on

  • 593 views

Presentation on mobile and tablet design and why it is important to build your site to be mobile friendly.

Presentation on mobile and tablet design and why it is important to build your site to be mobile friendly.

Statistics

Views

Total Views
593
Views on SlideShare
503
Embed Views
90

Actions

Likes
0
Downloads
2
Comments
0

1 Embed 90

http://juliemckenzie.fsimbs.com 90

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • Many options available for mobile and tablet design. \nMany CMSes offer the option to create mobile versions of Web pages\n\n
  • Many options available for mobile and tablet design. \nMany CMSes offer the option to create mobile versions of Web pages\n\n
  • Plugins can be used to make your content mobile and tablet friendly\n\n\n
  • mobl (http://www.mobl-lang.org/)\n
  • http://www.chocolatechip-ui.com/tutorials.html - ChocolateChip-UI; The Web App Development Framework\n
  • HTML5 allows websites to be read by mobile devices\n
  • 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
  • On this site, you can’t read any of the text without resizing it \n
  • It’s better to have some basic content than no relevant or helpful content\n
  • Content fits within the screen and gives users multiple choices on which action to take on the page. \n
  • large graphics, clear and easily navigated site\n
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • 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
  • \n

Julie Mckenzie-project4-fwd Julie Mckenzie-project4-fwd Presentation Transcript

  • MOBILE & TABLET OVERVIEWTHE IMPORTANCE OF MULTI-PLATFORM DESIGN
  • TRENDS IN MOBILE AND TABLET TRAFFIC
  • TRENDS IN MOBILE AND TABLET TRAFFIC34 MILLION MOBILE-CONNECTED TABLETS IN 2011 (CISCO, 2012)EACH TABLET GENERATED 3.4 TIMES MORE TRAFFIC THAN THEAVERAGE SMARTPHONE. (CISCO, 2012)MOBILE DATA TRAFFIC WAS EIGHT TIMES THE SIZE OF THE ENTIREGLOBAL INTERNET IN 2000 (CISCO, 2012)MOBILE VIDEO TRAFFIC WAS 52 PERCENT OF TRAFFIC BY THE ENDOF 2011 (CISCO, 2012)THE NUMBER OF MOBILE-CONNECTED DEVICES WILL EXCEED THEWORLDS POPULATION IN 2012. (CISCO, 2012)TABLETS WILL EXCEED 10 PERCENT OF GLOBAL MOBILE DATATRAFFIC IN 2016 (CISCO, 2012)
  • IMPACT OF MOBILE AND TABLET DESIGN
  • IMPACT OF MOBILE AND TABLET DESIGNMOBILE DEVICES AND TABLETS HAVE LIMITED SCREENSPACESMALLER SPACE = STREAMLINED DESIGN ANDCONTENT; LESS SPACE TO TELL YOUR “STORY”LESS GRAPHICS = MORE SPACE FOR IMPORTANTINFORMATIONLESS GRAPHICS (OPTIMIZED GRAPHICS)= FASTERDOWNLOAD TIMEFLASH DOES NOT WORK ON MOBILE DEVICES
  • AVAILABLETECHNOLOGIES CMS’S SUCH AS WORDPRESS OR SITECORE
  • AVAILABLETECHNOLOGIES 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 CODEHTML5CSSJAVASCRIPT
  • 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 EXAMPLEWINDOWS PHONE ADVERTISING CAMPAIGN (SIMMONS & FROST, 2011)
  • A GOOD EXAMPLEHTTP://I.BRIGHTKITE.COM (640 Pixels, 2011)
  • ANOTHER GOOD EXAMPLEHTTP://MATTBANGOPHOTOGRAPHY.MOBIFY.ME/ (640 Pixels, 2011)
  • RECOMMENDATIONS
  • RECOMMENDATIONSFIRST, YOU NEED TO IMPLEMENT A CMSSECOND, 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 SUREYOUR PAGES DISPLAY PROPERLYTEST YOUR SITE WITH MOBILE DEVICES TO BE SURE ITDISPLAYS PROPERLYOR - HIRE A DEVELOPER TO SET IT ALL UP
  • CONCLUSION
  • CONCLUSIONIF YOUR SITE IS NOT MOBILE FRIENDLY YOU COULD BEMISSING OUTMOBILE TRAFFIC WILL CONTINUE TO GROWCREATE CONTENT WITH UNIVERSAL DESIGN IN MINDBUILD YOUR SITEOPTIMIZE FOR SEARCH ENGINESTEST YOUR SITERE-TEST YOUR SITE
  • REFERENCESCisco. (2012, Feb 14). Cisco visual networking index: Global mobile data traffic forecastupdate, 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.htmlSimmons, 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