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)
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
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)
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
\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