1. Mobile Design
How mobile devices are changing the way a website is
designed and used
By: T. Aaron Carter
2. Times are changing
The way we use the internet is changing
Consumers are using their mobile devices to gain access to
the internet
Web designers and businesses alike need to be prepared to
greet their potential customers
By: T. Aaron Carter
3. Mobile device growth
iPhone and Android leading the way
Blackberry and Windows mobile all but dead
“Real internet” vs. “Mobile internet”
Apple and Google made mobile surfing fun
By: T. Aaron Carter
4. Looking to the future
Mobile device usage still climbing
New and faster devices are eminent
By: T. Aaron Carter
5. Effects on web design
Small screens effect navigation
Image intensive sites = increased bandwidth
Mobile versions & Apps
By: T. Aaron Carter
6. Accessibility
Multiple versions
Apps
Users choice
By: T. Aaron Carter
7. Bad example
http://pacificoutfitters.com
Graphic intensive
No mobile version
Large pages
By: T. Aaron Carter
8. Bad example
http://lostcoast.com
All Flash
No mobile version
By: T. Aaron Carter
9. Good example
http://fullsail.edu
Includes mobile version
Graphically consistent
By: T. Aaron Carter
10. Good example
http://google.com
mobile version
Apps
Graphically consistent
Easy navigation
By: T. Aaron Carter
11. Looking forward
With new devices, larger screens and faster bandwidth
constantly evolving, the “mobile experience” will soon be
referring to your location away from home or the office
rather than a separate and lackluster internet.
By: T. Aaron Carter
12. References
, D. (2011, March 8). 2014 Would Mean Tablet Market Growth by 185 Million. Weeble. Retrieved June 27, 2011, from http://weeble.net/2014-would-mean-tablet-market-growth-by-185-
million/2506/
Dawson, A. (2010, August 18). Mobile Web Design: Best Practices. Six Revisions - Web Design Articles, News, Tutorials. Retrieved June 27, 2011, from http://sixrevisions.com/web-
development/mobile-web-design-best-practices/
Faletski, I. (2009, November 18). 7 Tips To Make Your Web Site Mobile-friendly » SitePoint. SitePoint » Web Design, Web Development, Freelancing, Tech News and more. Retrieved
June 27, 2011, from http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
Full Sail University: Campus and Online Degrees. (n.d.). Full Sail University: Campus and Online Degrees. Retrieved June 27, 2011, from http://fullsail.edu
Google. (n.d.). Google. Retrieved June 27, 2011, from http://google.com
H, V. (2011, January 19). iPad fuels 45% global tablet market growth - Phone Arena. Phone Arena - Phone News, Reviews and Specs. Retrieved June 27, 2011, from http://
www.phonearena.com/news/iPad-fuels-45-global-tablet-market-growth_id16073
Jones, C. (2010, June 1). Mobile Social: Android Growth, iPhone Lust. Adotas, Internet Advertising and Media News. Retrieved June 27, 2011, from http://www.adotas.com/2010/06/mobile-
social-android-growth-iphone-lust/
Ma, S. (2011, January 17). Designing for the Mobile Web: Special Considerations :: UXmatters. UXmatters :: Insights and inspiration for the user experience community. Retrieved June 27,
2011, from http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php
Ma, S. (2011, March 21). 10 Ways Mobile Sites Are Different from Desktop Web Sites :: UXmatters. UXmatters :: Insights and inspiration for the user experience community. Retrieved June
27, 2011, from http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
Pacific Outfitters - The Humboldt and Mendocino Outdoor Experts. (2011, April 4). Pacific Outfitters - The Humboldt and Mendocino Outdoor Experts. Retrieved June 27, 2011, from http://
pacificoutfitters.com
The Lost Coast Brewery in the Humboldt Nation. (n.d.). The Lost Coast Brewery in the Humboldt Nation. Retrieved June 27, 2011, from http://lostcoast.com
Wroblewsk, L. (2011, March 15). Mobile first! | Feature | .net magazine. .net magazine | The world's best-selling magazine for web designers and developers since 1994. Retrieved June 27,
2011, from http://www.netmagazine.com/features/mobile-first
Hinweis der Redaktion
\n
The way that we use the internet is changing. Consumers are using their mobile devices to gain access to the internet, faster, easier and more convenient than ever before. Because of this strong shift to mobile internet devices, web designers and businesses alike need to be prepared to greet their potential customers.\n\n
iPhone or Android? It really doesn’t matter; they ARE the forces behind the incredible adoption of smart phones. Blackberry and Windows mobile made it possible to surf the “mobile internet”. Apple and Google made it fun. Most of us want the “real internet” regardless of the extra bandwidth and sometimes less-than intuitive navigation experience. The iPhone and Android operating systems allow the user to choose.\n\n
There are a number of studies all over the web reporting on the success and race between the two major mobile operating systems. Not one of these studies shows any signs of slowing down. Although the market will be saturated with smart phones and tablets, new and faster products are eminent. Apple releases a new iPhone and iPad every year and consumers continue to “upgrade” to the latest and greatest each campaign has to offer.\n\n
Smaller screens can turn a visually appealing website into a navigational nightmare. A website with intense and overpowering graphics can put your mobile data speeds into a crawl. There are a number of things being down to soften the blow and bring a consistent experience across desktop and mobile devices. Vertical navigation, mobile versions, apps and increased bandwidth are just a few ways todays mobile OS’s have kept up with the user.\n\n
Today’s smart-phones offer multiple way to surf. Having the ability to switch between mobile and desktop versions allow the consumer to choose which way they want to view a specific site. Mobile versions can often come with limited access to certain parts of a site. The consumer may need to view the entire site. However there may be some cases where you just need simple info like a contact number or store hours in which a mobile site would suffice. This being said, website creators need to make multiple version. Whether it be a desktop version and an app, or a desktop version and a mobile site, creators need to be available to the consumer based on the consumers need and the best way for them to access that information in their specific situation.\n\n
http://pacificoutfitters.com\nThis one hits home. Pacific Outfitters is the company I work for. I lead the development of our new website. Although still considered in beta we do not have a mobile version of our website. Our site is large and graphic intensive. From any mobile device smaller than 7-10 inches the site is very difficult to see the stage. To fix this problem we are considering a mobile version and an Android app.\n\n
http://lostcoast.com\nLost Coast Brewery’s outdated website does have a vertical nav, however it was built using Flash eliminating their availability to the hoard of iDevice users.\n\n
http://www.fullsail.edu\nFull Sail has done a great job offering a mobile version of their site. The mobile version http://m.fullsail.edu, has easy to find navigation using the same visual elements that are offered in the desktop version of the site. Those familiar with the desktop version will be very familiar with the visuals and icons used for navigation.\n\n
http://google.com\nGoogle cares about search, not just for websites but also for locations or “places”. Google wants you to be able to search for anything from anywhere. Google’s mobile versions of their products offer simple navigation and little clutter, consistent with their desktop version. Google pushed it further by offering a all-in-one app for iPhone and individual apps for different services on the Android OS. Because of this users are going to the same place for info on their phone as they do on their desktop. What line is more popular? “There’s an app for that” or “Google it”?\n\n
With new devices, larger screens and faster bandwidth constantly evolving, the “mobile experience” will soon be referring to your location away from home or the office rather than a separate and lackluster internet.\n\n