Full Sail Assignment 4 Mobile Presentation

  • 157 views
Uploaded on

Internet Marketing - Presentation Assignment #4

Internet Marketing - Presentation Assignment #4

More in: Education
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
157
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • 72% of all newly-acquired devices are now smartphones.
  • There’re now more than 1 billion smartphones in use world wide… With forecasts of an additional 1 billion more within about three years.
  • Mobile device visit share and conversion rates for Ecommerce sites The Monetate Q4 2013 Ecommerce Quarterly published February 2014 gives insight on smartphone vs tablet vs desktop share of audience for large Ecommerce brands.
  • Mobile web is growing at eight times the rate of the desktop Internet… THAT IS 8 TIMES faster than how desktops were used!! What this means for us is that we are quickly becoming a mobile-first world.
  • In order to ensure less requests to the server utilizing a combination ofAJAX,JSON,Node.js, and Angular.jseffectively can create a better user experience for the end user. Even though these technologies are fairly new each project is unique and will require it’s own specs.
  • This site isn’t the worst example but they’re not mobile friendly. You’re required to pinch and zoom , on smaller devices, in order to see a lot of the content and it makes for a really bad user experience.
  • This is another example of a site that is not so mobile friendly! Some things that stand out right away are, the small type size;whichis hard to make out. Again some pinch and tabbing is required to zoom in & out to read some of the content on smaller devices. Overall not the worst but can benefit from having a mobile friendly version to increase the user experience.
  • CSS-Tricks.com is a good example of having a responsive site. The brand is consistent with their message, brand identity, and color scheme but makes it extremely easy to navigate and find the content they’re looking for. In addition allowing users to appreciate the content versus being overwhelmed with unnecessary content.
  • Another example of a great responsive site is Forefathers.com they do a great job of utilizing some modern technologies to create a consistent feel for their brand across multiple devices.
  • “Beat your competitors by providing this feature to your users!” Don’t be that one company that lost business just because of a bad mobile experience!

Transcript

  • 1. Project 4: Presentation on Mobile/Tablet Design
  • 2. 1 billion
  • 3. Time s!
  • 4. 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!
  • 5. 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
  • 6. Phlearn.com Non-responsive/mobile friendly
  • 7. FontSquirrel.com Non-responsive/mobile friendly
  • 8. http://www.awwwards.com/gallery/5573/50-examples-of-responsive-web-design
  • 9. http://www.awwwards.com/gallery/5595/50-examples-of-responsive-web-design
  • 10. 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…
  • 11. BEAT YOUR COMPETITO RS!
  • 12. 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
  • 13. References Bosomwrth, 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.
  • 14. References Site(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