![Page 1: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/1.jpg)
Mobile and Tablet Design for Collins Catering & Events
Presented by: Chelsi Francis
![Page 2: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/2.jpg)
Why Mobile First?
- Every company wants more business.
- Therefore, they want more money.
- Mobile is not something that can be ignored.
You might ask “why?”
![Page 3: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/3.jpg)
Reasons for Mobile First
-Mobile development can no longer be ignored.
- It’s no longer down to chance whether you succeed or fail without it.
- Mobile and tablet use is mainstream.
-Can open up more opportunities to grow your business.
- Can lead to a better overall user experience with a focused approach.
- Morgan Stanley Research’s Mobile Internet report states that smartphones are expected to out-ship the global PC market in 2012.
That’s this year!
![Page 4: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/4.jpg)
Want Some Flashy Statistics?
-Heavy mobile data users will
grow to one billion by 2013
-Mixi is 85% mobile.
- 425 million of 845 million
users are primarily mobile.
Mobile
users are twice as active.
- 55% of Twitter users primarily
mobile.
Shocking, isn’t it?
![Page 5: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/5.jpg)
Where Did Usage Start?
Smartphones and tablets used to just be for the business professional.
![Page 6: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/6.jpg)
How Much Has Usage Changed?
Smartphone users are starting younger!
![Page 7: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/7.jpg)
How Much Has Usage Grown?
Smartphones & tablets are used by the young, fit, and fun!
Basically, they’re used by everybody.
![Page 8: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/8.jpg)
-Web design is “flipping”.
- Everything used to be desktop first.
-After a long fight battle, web design is switching to a mobile first mentality.
- This is logical. Resistance is futile.
- With this change to ‘mobile first’ there is the good and the bad as designers switch and start a new learning curve.
- There is no going back with smartphones predicted to out-ship PC’s this year.
How Has Mobile & Tablet Usage Affected Web Design?
![Page 9: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/9.jpg)
Current Accessibility Technologies!
- Beware the claims of a cure-all and do your own research!
- Responsive web design (more concept than technology)
-HTML5 is known as HTML
- It is the complete version.
- Makes things much more consistent and clear.
- More evolved mobile web browsers.
![Page 10: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/10.jpg)
Bad Mobile Website
- Nicely designed.
- Clear and concise.
- Keeps prompting to download the app over top of what you’re trying to see.
- Mobile and apps are DIFFERENT.
- Mobile is for task oriented, quick information.
- Apps are if you really like a product.
![Page 11: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/11.jpg)
Good Mobile Website!
- Simple
- Has all the necessary information
- Sleek, clear, high-contrast menus
- Current specials right at the top
- Color scheme easy enough on the eyes
![Page 12: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/12.jpg)
Recommendations
- Gallery absolutely MUST be changed so that it doesn’t use Flash.
- Contact Us on mobile site could be simplified and use less fields.
- Menu page for mobile should give a sample item from each menu.
- Venues would need to be simplified to text links with capacity and city.
- Community Involvement and the Testimonials page could be combined.
![Page 13: Project 4: Mobile and Tablet Design for Collins Catering & Events](https://reader033.vdocuments.site/reader033/viewer/2022042814/55621cbfd8b42ab6588b465d/html5/thumbnails/13.jpg)
References
For: http://www.collinscateringfla.com/
All images from: http://www.sxc.hu/
http://webdesign.tutsplus.com/articles/industry-trends/the-state-of-web-design-trends-2012-annual-edition/
http://mashable.com/2011/08/05/mobile-design-priority/
http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
http://www.netmagazine.com/features/mobile-first
http://www.sitepoint.com/7-tips-to-make-your-web-site-mobile-friendly/
http://www.uxmatters.com/mt/archives/2011/01/designing-for-the-mobile-web-special-considerations.php
http://sixrevisions.com/web-development/mobile-web-design-best-practices/