Research shows mobile internet usage is growing rapidly and will soon surpass desktop usage. To optimize success, Chris Michael's Steakhouse & Lounge should incorporate mobile and tablet accessibility into their web design. This involves prioritizing focused content, vertical navigation, and faster load times to improve the user experience on mobile devices. Current technologies like GPS and cameras can be used to provide location information and multimedia content to potential customers.
1. The Impact of
Mobile & Tablet
Use in Web Design
For: Chris Michael’s Steakhouse & Lounge
By: Allyson Marek
2. Introduction
Technology is changing
We need to stay up with the current advancements
Speaker’s Notes: Aside from our delicious food and luxurious atmosphere, technology is a crucial part of the
success of our restaurant and lounge. We already have our website and fully utilize Facebook and Twitter to keep
our guests in the loop. Now it’s time to take it one step further and incorporate mobile & tablet use into our design
to optimize our success.
3. Research has shown..
Mobile internet adoption is outpacing the astounding growth of desktop internet
adoption
Smartphones are expected to out-ship the global PC market in 2012
Heavy mobile data users will triple to one billion by 2013.
84% of people will use their smartphone at home; 80% during miscellaneous times
during the day; 74% waiting in lines, and 64% at work.
Speaker’s Notes: Research has clearly proven that mobile usage is on the rise and will surpass desktop usage. A
perfect example of this is Facebook. Facebook.com’s mobile site has a whopping 100 million active users using it.
The site is designed perfectly for user experience; some say it’s better than the actual website! When we
incorporate a mobile site, users can book reservations, see pictures and videos, view our menu, and upcoming
events!
4. How Mobile & Tablet Usage Has Impacted Web Design
Prioritized Content
Less Hypertext
Vertical Navigation
Very focused content
Faster load time
Speaker’s Notes: Most designers today are designing sites with mobile compatibility in mind which allows
businesses to take advantage of monumental growth. The web content added is geared for a mobile-compatible
site. Ex: Prioritized and focused content, media, faster load time. This all leads to a wonderful user experience. A
wonderful user experience translates into a potential dining experience for our site’s visitors!
5. What current technologies can be used to make websites
accessible on all devices?
Precise location information from GPS/cell towers/Wi-Fi
User orientation from a digital compass
Device positioning from an accelerometer
Integrated audio, video and photo input
Speaker’s notes: Current technology allows websites to be accessible on all devices. We can benefit from these
features tremendously - people who are interested in visiting our establishment will be able to access a precise map
to our location, see exactly how far they are from us, and will get to see what the restaurant and lounge looks like
before they even enter!
6. Bad Example
UnitedAirlines.com
Speaker’s Notes: United Airlines mobile site may look clean and straight forward, but there is limited mobile
usage and ultimately, a not-so memorable user experience. All in all, they trimmed their website down way too
much.
7. Good Example
Yelp.com
Speaker’s Notes: Yelp.com’s mobile site is absolutely wonderful. It weeds out the unnecessary information and
delivers the valuable, straight to the point information; the restaurant name, distance, address, price, type of
cuisine, ratings, and a link to reviews. This makes for a great and memorable user experience.
8. How Can We Do This?
Redesign the website!
Rethink Site Navigation
Prioritize Content
Resize Images
Make sure the links work
Provide a clear path to our full site
Speaker’s Notes: Naturally, due to screen size, we will lose 80% of our content. Therefore, we need to keep it to
the most important features. Reservations, information & media. We’ll simply scale down the information on our
current website by resizing images and making sure our links are fully functional.
9. Benefits
Dinner Reservations via Phone or Tablet
Menu
Media/Videos
Checkins linked to Facebook
Speaker’s Notes:
-Being a high-volumed restaurant, it is imperative to make a reservation in advance. Therefore, future patrons can
access our online reservations via their phone or tablet - on the go or at home. Overall, we will gain more business.
-For future patrons of the nightclub, accessing photos and videos of our upscale yet fun atmosphere will convince
anyone to check out New Jersey’s hot spot!
-With the single click of “Check-In”, the “Check-In” will automatically connect to the user’s Facebook account
thus, generating more recognition and patrons to the restaurant and lounge.
10. Resources
Ma, Shanshun. (2011, March 21). 10 Ways Mobile Sites Are Different From Web Sites. UX Matters. http://
www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
Wroblewski, Luke. (2011, March 15). Mobile First!. Net Magazine. http://www.netmagazine.com/features/mobile-
first
Faletski, Igor. (2009, November 18). 7 Tips To Make Your Web Site Mobile-Friendly. Site Point. http://
www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
Ma, Shanshun. (2011, January 17). Designing For The Mobile Web: Special Considerations. UX Matters. http://
www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php
Rodrigues, Victor. (2010). The Best & Worst of the Mobile Web. Slide Share. http://www.slideshare.net/
victori98pt/the-best-worst-of-the-mobile-web