6. 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!
7. 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
12. 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…
14. 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
15. 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.
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!