Jeff cox mobile_presentation
Download as PPTX, PDF0 likes444 views
The document discusses how mobile and tablet usage of websites has increased significantly from 2012 to 2013. It then provides examples of both good and bad mobile website designs. Some key aspects of good mobile design mentioned include responsive and adaptive designs, clean and simple interfaces optimized for touchscreens, and prioritizing important content. The document recommends technologies like HTML5, CSS3, and jQuery that can help make websites accessible across different devices. It also provides a client recommendation about making an existing ecommerce site responsive to optimize the browsing experience for mobile users.
Jeff cox mobile_presentation
- 1. Project 4: Presentation on Mobile/Tablet Design Jeff Cox
- 2. Web usage from mobile devices saw a large increase from 2012 to 2013 http://www.onlinemarketing-trends.com/2014_03_01_archive.html
- 3. Tablets also see steady growth year over year http://www.forbes.com/sites/chuckjones/2013/03/11/tablet-web-traffic-greater-than-smartphones/
- 4. How have mobile/tablet access impacted web design • A shift towards responsive/adaptive web design • Vertical navigation vs horizontal navigation • Transitioned from point and click to touch and swipe • Clean and simple designs that are touch and click friendly • Content Prioritization • Enhanced text and graphics
- 5. What current technologies can be used to make websites accessible on all devices • HTML5 • CSS3 • JavaScript or jQuery behaviors http://www.techrepublic.com/blog/web-designer/what-is-the-difference-between-responsive-vs-adaptive- web-design/
- 6. Examples of bad mobile design It’s no matter that Johns Hopkins Hospital has been one of the top ranked hospitals in the U.S. consecutively for the past 20 years, I find it comical that they have one of the worst mobile medical sites I’ve ever seen. Good luck tapping Clinical Services category and not fat finger tapping any one of the 17 other categories on accident.
- 7. Examples of bad mobile design In one of the biggest plays of irony around, we see Nokia. While this isn’t actually a mobile specific site design, one couldn’t be found. That’s right, one of the largest mobile phone manufacturers in the world doesn’t have mobile specific content.
- 8. Examples of good mobile design Living in Utah skiing is just something you do. That said, Snowbird, a local resort has always offered up a great mobile experience. They have done a great job stripping out any fluff and only giving users the most important aspects of their web content.
- 9. Examples of good mobile design After recently discovering I needed a little extra something in the men’s antiperspirant area I found myself on Dove’s Men + Care website. I accessed it on my phone and was completely impressed with the experience. Things were simple and easy to tap on while I didn’t feel like I was missing out on anything because I was accessing their site on my mobile device.
- 10. Client Recommendation I had a client that originally had me build out a simple ecommerce store for them. As their website gained an audience they realized the importance of optimizing browsing for mobile users. I recommended we take their existing website and simply make the design responsive. This way we are utilizing all of the current elements on their site but delivering the content in the best possible way, regardless of the screen size of the user.