More Related Content
What's hot
What's hot (20)
Similar to Nuno pelaez juan_mobilepresentation
Similar to Nuno pelaez juan_mobilepresentation (20)
Recently uploaded
Recently uploaded (20)
Nuno pelaez juan_mobilepresentation
- 1. By: Juan Nuno November 23, 2014
- 2. How much has mobile and tablet usage grown?
- 3. MOBILE DEVICES = PC = 55% 45%
- 5. How has mobile and tablet usage impacted web design?
- 6. Smaller Screen = Less Content
- 7. Ever try texting on a bumpy bus? + = NOT FUN!
- 8. What current technologies can be used to make websites accessible on all devices?
- 9. • Markup Languages • WML • iOS for Apple • Android for Androids • JavaScript
- 10. 2 Examples of BADWebsites for Mobile Phones/Tablets
- 11. • Slow and Unresponsive • Redundant Links • Need Larger Links
- 12. ARNGREN.net Where do you even start?! Too much EVERYTHING!!!
- 13. 3 Examples of GREATWebsites for Mobile Phones/Tablets
- 14. Facebook is arguably the most functional mobile site there is.
- 15. ESPN
- 17. Recommendations for the Adult Literacy League
- 18. How the Adult Literacy League can make their website accessed by mobile phones and tablets. • Simplify your site design to suit smaller screens like mobile phones and tablets. • Adjust your existing site for today’s web users. • Rebuild your site for optimal display on all devices
- 19. Since the Adult Literacy League is not a big company, I suggest going with Responsive Design. A responsive site allows you to reach the most active Web audience!
- 20. On mobile devices, people access your website for 3 reasons: 1. Save Time 2. Connect With Others 3. Waste Time YOU should give them: • Quick and Easy Access • Contact Information • Links to Maps and Directions • Video/Amusements to Keep Them on Site
- 21. • O'Toole, J. (2014, February 28). Mobile apps overtake PC Internet usage in U.S. Retrieved from http://money.cnn.com/2014/02/28/technology/mobile/mobile-apps-internet/ • Dawson, A. (2010, August 18). Mobile Web Design: Best Practices. Retrieved fromhttp://sixrevisions.com/web-development/mobile-web-design-best-practices/ • Charts, M. (2014, January 1). US Tablet Ownership Update, January 2014. Retrieved fromhttp://www.marketingcharts.com/online/us-tablet-ownership-update-january-2014- 39508/ • Anderson, E. (2012, March 19). The 5 worst mobile websites. Retrieved fromhttp://www.imediaconnection.com/content/31232.asp#singleview • Costill, A. (2013, December 6). 10 Horrendous Mobile Websites. Retrieved fromhttp://www.searchenginejournal.com/10-horrendous-mobile-websites/79519/
- 22. • Tablet – The News Insight, 2013. Retrieved Novemeber 23, 2014 from: http://www.enewsinsight.com/news-updates/centre-to-distribute-free-mobile-phones-tablets/ • PC/Mobile Screen – Tutsplus, 2013. Retrieved November 23, 2014 from: http://code.tutsplus.com/articles/20-tools-to-streamline-mobile-app-creation--mobile-15400 • Bumpy Bus – Etsy, 2014. Retrieved November 23, 2014 from: https://www.etsy.com/market/wiseman • Texting – Rafael J. Roca, 2014. Retrieved November 23, 2014 from: http://www.rocainjurylaw.com/car-accidents/punitive-damages-for-texting-while-driving/
Editor's Notes
- Today we will examine how mobile and tablet usage can impact the productivity of the Adult Literacy League and why it is vital to make sure their website is up to date.
- In early 2014, the landscape in which businesses operate changed forever when Internet usage on mobile devices exceeded PC usage. Mobile devices accounted for 55% of Internet usage, while PC accounted for just 45%.
- Almost 45% of Americans owned a tablet at the beginning of 2014. That is almost 40% more than it was in 2010. Tablets and Mobile phones have become the main source of Internet usage. Statistics show that the numbers will continue to quickly rise in the future.
- One change that websites have to account for when designing a website for a phone is the smaller screen size, which means sacrificing some of the features and content in order to prioritize exactly what content users will most likely use on a mobile device.
- Have you ever tried texting on a moving train or bumpy bus? It’s no fun! Typing on a mobile device can be difficult enough due to the size and sometimes the place, for instance a moving car or bus. That’s why you should design to encourage selection instead of typing. Give your users options they can click on instead of having to type something out. Guiding your users from one page to the next through a series of options can make it a positive experience instead of a negative one for them.
- There are countless different technologies that can be used to make websites accessible on all devices. Not all devices can use the same platform though. There’s Markup languages WML, iOS for Apple, Android for Androids. CSS3 for rescaling dimensions, server side detection, JavaScript. Best way is to redirect mobile users to a mobile version of the site.
- John Hopkins – Slow and unresponsive because there is way too much data and redundant links. Also, the links need to be larger in order to be more “clickable”.
- Arngren.net – I think the image speaks for itself….way too cluttered….way too confusing…way too much of EVERYTHING!
- In terms of pure functionality, Facebook's mobile site is hands-down, the most functional. It feels like you can access almost everything you'd ever want to using only Tiny HTML.
- ESPN has redesigned their tablet experience from the ground up, with the new design easily surpassing the standard computer view. What’s more, ESPN acknowledges their tablet visitors with a banner that proclaims, “Welcome to ESPN for your tablet.”
- The Tiny XHTML version of Google includes location specific searches and personalization with News, Weather, Movies, etc. GOOGLE is by far one of the leading groundbreakers when it comes to anything digital.
- What can Adult Literacy League do to make sure that their website can be accessed and utilized using mobile phones and tablets? Simplify your site design to suit smaller screens like mobile phones and tablets. Adjust your existing site for today’s web users. Rebuild your site for optimal display on all device.
- Since the Adult Literacy League is not a big company, I suggest going with Responsive Design. It is a more affordable solution that uses CSS (Cascading Style Sheets) technology to create a single version of a website that auto-adjusts to display properly on all devices except the oldest cellphones. A responsive site allows you to reach the most active Web audience.
- Remember! On mobile devices, people access your website for 3 reasons: to save time, to connect with others, and to waste time. So give them quick and easy access, put your contact information front and center, give them links to maps and directions, and then add video or other amusements to keep them on your site for as long as they want to stay.