Oh the places your site will go

  • 102 views
Uploaded on

 

More in: Design
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
102
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • Mobile and Tablet devices have seen a huge increase in usage over the past couple years. About 6 out of 10 people in the US use smartphones now; with these smartphones, it’s like the consumer is carrying around a mini computer. People can do anything now from their phones and tablets whereas they used to be confined to a computer.These numbers are only expected to go up taking smartphone users from 99 million to 151 million and then tablet users from 51 million to 106 million.Since the devices are so easily accessible, they have become the last thing a person looks at before bed to the first thing glances at in the morning.
  • According to a recent survey done by Deloitte, almost 70% of smartphone users are planning to use their devices for holiday shopping this year.Retailers are planning by bringing in customers by using mobile devices to cut their lines, have tablet kiosks to find outfit/shopping ideas, and sending out coupons.By having their employees equipped with mobile devices, the stores are able to avoid long lines granting the ability to checkout with any employee on the floor.Geofencing is another tool shops are using this holiday season. Using geolocation, whenever a consumer with a mobile device is in a certain place, a coupon or special will pop on their phone.
  • Mobile devices have greatly influenced the way we’re building the web now. Since the screens on tablets and mobile devices are much smaller than computers, websites need to accommodate that with content on the site so when it is pulled up on a phone or tablet, the site does not look cluttered. Less clutter and smaller images also help the web page load faster on a mobile device.Following that same thought further, large buttons would be needed to accommodate users having to use their fingers to select items instead of a mouse. Finally, Flash should be avoided since it is not accessible from all mobile devices. With the invention of HTML5, this is now much easier to accomplish.
  • It is not hard to make a website universally accessible across all platforms and devices. Code like HTML5 and CSS3 are universal and translate to mobile devices.For those who do not know how to code, there are also content management systems that allow users to use templates to create their own website, which they are then able to edit from anywhere through their internet browser.
  • The pictured screen shot from Guildwars2.com is an example of a good mobile website. The site retains the theme and look of the original site but manages to fit the screen size of the mobile device so that the user doesn’t have to zoom in to see the content. All of the content (videos, links, images, etc.) work on the mobile device.
  • The next good example of a mobile website is from anthropologie.com. The shopping site contains large buttons making the mobile site easy to navigate with one’s fingers. The mobile site also carries over the theme and the brand image that the main site also has, making it clear to the user that they are on the same site even though it looks different. All of the web content works.
  • The screenshot taken from Staples.com is an example of a bad mobile site. The reasons why this is not a good mobile site are because the user has to zoom into the page to read the content, everything on the page looks crammed in and messy, and some of their touch functions do not work; most notably the search bar.
  • The final example of a bad mobile site is from Bigcitycatering.com. The most notable thing when you first pull up the page is all the wasted space because their site was just scaled down to fit mobile. The second thing that pops out is the giant empty space where a banner or header normally is; this is because the site uses Flash which does not load on Apple products. Finally like the Staples page, the user has to zoom in order to read the content or press links.
  • By use of a content management system, Collins Catering will be able to easily create and maintain an cross platform/device site. CMS like Concrete5 make is possible for users not knowledgeable about web design and developing to make their own sites. This will help the company stay updated on their content, since everyone can help update.By being able to reach out to mobile device users, Collins Catering will make it possible for their consumers to view menu items, reserve event dates, set reminders and notifications, and contact the company all on the go. Mobile devices opens up a range of new opportunities for Collins Catering & Events in the future.

Transcript

  • 1. Oh, The PlacesYour Site CanGo!Mobile/Tablet Presentationfor Collins Catering & EventsPresented by Shaina Flack
  • 2. America And Mobile Devices Nearly 6 out of 10 U.S. consumers use smartphones (Snider, 2012) Both smartphone and tablet users are expected to exponentially grow (Snider, 2012)  Smartphone from 99 million users to 151 million  Tablets from 51 million to 106 million Last at night First in morning
  • 3. America And Mobile Devices Almost70% of mobile device users are planning to use their devices for this year’s holiday shopping (Malcolm, 2012)  Mobile checkout will be offered at certain stores to shorten checkout lines  Tablet assisted shopping will be implemented and tested in some stores  Geofencing will send coupons and deals to mobile devices when the consumer is near a certain place geologically
  • 4. Changing The Web As We Know It Less is more Images and buttons Videos Touch
  • 5. Make It Universal HTML5 CSS3 Content Management Systems
  • 6. The Good  Matches the regular web version  Don’t have to zoom to view content  All content worksGuildwars2.com
  • 7. The Good  Large buttons  Carriesover the theme and brand image from the main site  All content worksAnthropologie.com
  • 8. The Bad  Zoom to read content  Everything looks crammed in the page  Search does not work on touchStaples.com
  • 9. The Bad  Zoom to read content  Flash banner does not work on Apple devices  Web page does not fill screenBigCityCatering.com
  • 10. How can going mobile help Collins Catering? Content Management System  Allows employees with no web design experience to help update the site  Contains themes that automatically make the site mobile accessible Wouldallow customers to easily contact and schedule events wherever they are
  • 11. Works Cited Gupta, Pritesh. (2012, June 11). A Guide to Future Proof Mobile/Tablet Friendly Websites. Retrieved November 16, 2012 from http://www.priteshgupta.com/2012/06/a-guide-to-future-proof- mobiletablet-friendly-websites/ Malcolm, Hadley. (2012, November 15). Smartphones to play bigger role in shopping. Retrieved November 16, 2012 from http://www.usatoday.com/story/money/personalfinance/2012/11/15/ mobile-tablet-smartphone-holiday-shopping/1700427/ Snider, Mike. (2012, July 31). Survey: Smartphone, tablet usage still on rise. Retrieved November 16, 2012 from http://content.usatoday.com/communities/technologylive/post/2012/ 07/survey-smartphone-and-tablet-usage-continues-to- rise/1#.UKqFeIdX0uU Tsutano, Yutaka, “iPad Case" August 6, 2010 via Flickr, Creative Commons Attribution.