Full Sail Assignment 4 Mobile Presentation
-
Upload
fullsailstudentim -
Category
Education
-
view
117 -
download
2
description
Transcript of Full Sail Assignment 4 Mobile Presentation
Project 4: Presentationon Mobile/Tablet Design
72%
1 billion
8Times!
How mobile and tablet usage has impacted web design
• Adopting a mobile first strategy for design.
• Mobile puts focus on the information you need.
• Forces your brand/company to know more about
your customers wants & needs
• Accessible/Portability regardless of Locations, times,
social settings and so on!
Current technologies that can be used to make websites accessible on all devices
• HTML5
• CSS3
• JavaScript - Touch gesture detection
• JQuery & JQuery mobile
• AJAX, JSON, Node.js, and Angular.js
Phlearn.com
Non-responsive/mobile friendly
FontSquirrel.com
Non-responsive/mobile friendly
http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design
http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design
So how can your business benefit from having a responsive site?
• Mobile is becoming the first impression of your company/brand.
• Create a bridge for your users to connect with your brand.
• Allow your users to share with apps like Instagram. Allowing your
users to create brand awareness
• Show your clients that their expectations matter to your
company/brand
• But most importantly…
BEAT YOUR COMPETITOR
S!
Recommendations
• Build a mobile version first
• Included content only if it’s of high value
• Start a hash-tag campaign to generate more brand awareness
• Choose a color scheme that fits your brand
• Click to call features if your clients are on a mobile device
• Only use stable/tested technologies that work across
devices/platform
• Hire us to do all of the heavy lifting
ReferencesBosomwrth, Danyl. "Mobile Marketing Statistics 2014." Smart Insights. N.p., 24 Mar. 2014. Web.
28 Mar. 2014.
Bowers, Toni. "Don't Put off Making Your Web Site Mobile Friendly." TechRepublic. N.p., 1 Apr.
2013. Web. 28 Mar. 2014.
Johnson, Lauren. "Mobile Web Ramping up 8x Faster than Internet: Google." - Content. N.p., 16
Mar. 2012. Web. 28 Mar. 2014.
Lee, Jessica. "Mobile Traffic Up 125% but Conversions Lag Behind Desktop [Study]." Search Engine
Watch. N.p., 15 Aug. 2013. Web. 28 Mar. 2014.
Turnbull, Connor. "How the IPad (and Tablets) Are Driving New Web Design Trends." Web Design
Tuts+. N.p., 11 Mar. 2011. Web. 28 Mar. 2014.
ReferencesSite(s):
Phlearn: http://phlearn.com/
CS-Tricks:
http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design
Forefathers:
http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design
Fontsquirrel: http://www.fontsquirrel.com/
IMG:
http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design
http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design