Mobile and Tablet Design for Collins Catering & Events

Presented by: Chelsi Francis

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?”

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!

Want Some Flashy Statistics?

-Heavy mobile data users will

grow to one billion by 2013

-Mixi is 85% mobile.

- 425 million of 845 million

Facebook

users are primarily mobile.

Mobile

users are twice as active.

- 55% of Twitter users primarily

mobile.

Shocking, isn’t it?

Where Did Usage Start?

Smartphones and tablets used to just be for the business professional.

How Much Has Usage Changed?

Smartphone users are starting younger!

How Much Has Usage Grown?

Smartphones & tablets are used by the young, fit, and fun!

Basically, they’re used by everybody.

-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?

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.

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.

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

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.

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/