Nuno pelaez juan_mobilepresentation
-
Upload
jmnuno -
Category
Technology
-
view
53 -
download
0
Transcript of Nuno pelaez juan_mobilepresentation
![Page 1: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/1.jpg)
How can mobile/tablet use benefit the Adult
Literacy League?
By: Juan NunoNovember 23, 2014
![Page 2: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/2.jpg)
How much has mobile and tablet usage
grown?
![Page 3: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/3.jpg)
2014 - Internet usage on mobile devices EXCEEDED PC usage!
MOBILE DEVICES =
PC =
55%
45%
![Page 4: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/4.jpg)
45% of Americans own a tablet!
![Page 5: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/5.jpg)
How has mobile and tablet usage impacted
web design?
![Page 6: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/6.jpg)
Smaller Screen = Less Content
![Page 7: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/7.jpg)
+
= NOT FUN!
Ever try texting on a bumpy bus?
![Page 8: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/8.jpg)
What current technologies can be used to make
websites accessible on all devices?
![Page 9: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/9.jpg)
Technologies Used to make Websites Accessible
• Markup Languages
• WML
• iOS for Apple
• Android for Androids
• JavaScript
![Page 10: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/10.jpg)
2 Examples of BAD Websites for Mobile Phones/Tablets
![Page 11: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/11.jpg)
John Hopkins
• Slow and
Unresponsive
• Redundant Links
• Need Larger
Links
![Page 12: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/12.jpg)
ARNGREN.net
Where do you even start?! Too much EVERYTHING!!!
![Page 13: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/13.jpg)
3 Examples of GREAT Websites for Mobile Phones/Tablets
![Page 14: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/14.jpg)
Facebook is arguably the most functional mobile site there is.
![Page 15: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/15.jpg)
ESPN
![Page 16: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/16.jpg)
![Page 17: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/17.jpg)
Recommendations for the Adult Literacy League
![Page 18: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/18.jpg)
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
![Page 19: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/19.jpg)
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!
![Page 20: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/20.jpg)
REMEMBER!!
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
![Page 21: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/21.jpg)
References:• 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/
![Page 22: Nuno pelaez juan_mobilepresentation](https://reader038.fdocuments.net/reader038/viewer/2022110311/55b7517ebb61eb9e358b47d2/html5/thumbnails/22.jpg)
Image Sources:• 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/