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.

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.