This is a Powerpoint presentation that I have created for Collins Catering & Events on the subject or mobile and tablet design. It is an attempt to convince them of the necessity of thinking about re-design for the mobile and tablet platforms.
2024: Domino Containers - The Next Step. News from the Domino Container commu...
Project 4: Mobile and Tablet Design for Collins Catering & Events
1. Mobile and Tablet Design for
Collins Catering & Events
Presented by: Chelsi Francis
2. 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?”
3. 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!
5. Where Did Usage Start?
Smartphones and tablets used to just be for the business professional.
6. How Much Has Usage Changed?
Smartphone users are starting younger!
7. How Much Has Usage Grown?
Smartphones& tablets are used by the young, fit, and fun!
Basically, they‟re used by everybody.
8. How Has Mobile & Tablet Usage Affected
Web Design?
-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.
9. 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.
10. 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.
11. 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
12. 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.
This is my presentation for Mobile and Tablet Design for Collins Catering & Events. This is for my Fundamentals of Web Design class with Theresa Weber. It is the final week of the class.
So I’ll start out with explaining why you should think of mobile first. Of course, every company wants more business. More business means more money, and money is the lifeblood of commerce.Mobile isn’t something that can be ignored.You might ask why this is. It’s a reasonable question, and I’ll explain what I can.
So I’m going to explain the finer details of mobile first here. It can’t be ignored, it’s no longer down to chance whether you succeed or fail without taking mobile development into consideration. You WILL fail if you don’t. Mobile and tablet use is mainstream, and with the advent of tablets like the Kindle Fire (and their affordability) they are becoming an even more delectable option for the budget conscious consumer.Mobile development can open up more opportunities for your business, especially among the younger generation and professionals who are the biggest users of smartphones and tablets. It can also lead to a better overall user experience, as you are forced to use a very focused approach.The Morgan Stanley Research’s Mobile Internet report states that smartphones are expected to out-ship the global PC market in 2012. Yes, this means that in this year we will see this landmark reached. That is not something that can be ignored without dire consequences such as loss of revenue.
I have decided to provide you with some flashy statistics to convince you of the seriousness of the situation.Heavy mobile data users will grow to one billion by 2013. That’s astonishing! And by heavy data, that means things like streaming radio, Youtube, basketball games….Mixi, which is Japan’s leading social network, is 85% mobile. An astonishing number!A grand total of 425 million of 845 million Facebook users are primarily interacting with the site through mobile means, and these mobile users are twice as active.And lastly, 55% of Twitter users are primarily mobile.
Now I want to take us through a very brief history. Smartphones started out primarily among professionals. This made sense. Constantly on the go it was impractical to have your laptop out as you went from meeting to meeting.
Smartphones have now changed. Everyone uses them, including little children who just want to play Angry Birds!
They continue to be used and have expanded to the young, fit, and fun crowd. More concerned with social interaction, and with the advent of Facebook and Twitter, the younger crowd sat up and took notice of these phones. It is an excellent way to share your evening out with your friends if you post it to Facebook. Or have a negative review about a restaurant? Tweet it, and meet an instant audience!
Web design has started to flip. In the past, sites were always designed for the PC first, and then cut down to fit mobile browsers. Often this process wasn’t thought about very much, and resulted in a very cluttered and chaotic feel to mobile sites, or ones that were incomplete. Now however the mobile first mentality is taking root, and it’s a good thing too. This is logical. Resistance is futile when to resist is to miss out on a major market segment. No one wants to lose money, whether they be consumer or business. With this change to mobile first designers encounter a learning curve where they have to test out ways of doing things. This means you see some very good mobile sites but also some very bad ones. And really, there is no going back with smartphones predicted to out-ship PC’s this year.
Current technologies that help mobile usage along are as follows.Responsive web design (which is more a concept than a technology). The focus is on content when it comes to RWD, and the content of any given website is what’s important. The meat-and-two-veg needs to be legible, accessible, and clear on any device. There are grids within the responsive web design community that make it much easier to make designs for any size browser. Easy makes you more likely to take this on board… right?HTML is also a help. Technically it is HTML5, however since it is the finished version it is simply being called HTML. And thank goodness for this actually stopping! So many different versions made coding awfully more complex than it needed to be! HTML makes things much more consistent and clear.More evolved and capable mobile web browsers have also helped along this mobile revolution. This means more people are using them, which means… you guessed it, to ignore it is to ignore potential customers!
Now here is an example of a bad mobile website. Dell has a habit of using pop ups like they’re a skeezy used car salesman, and their mobile site is no different. The little gem you see on the screen here is what pops up over top of the content you’re actually trying to look at. If you’re at a store, and looking for more detailed specs, you don’t want to be told to download an app. You want those specifications. So that brings me to the point that mobile browsing and apps serve entirely different functions. Mobile browsing is task-oriented, for quick information. Apps are generally for if you really like a product and possible already have one and access everything on the site quite often.
An example of a good website is Taco Bell’s mobile site. It is very simple and has all the necessary information one might want. And what they got very, very right for a mobile website was having their store locator at the very top. That IS what someone is most likely going to be looking for if they search Taco Bell on their phone. The site is sleek, clear, and has high contrast menus that are easy to read. Current specials are right at the top. Even the color scheme is easy on the eyes. I don’t know about anyone else but I think nacho cheese sauce when I see it. Who doesn’t love nacho cheese on a chilly night?
Now, for some recommendations. The Gallery page absolutely must be changed to something that does not use Flash. iPhones are a big segment of the smart phone market, and they do not handle Flash due to a decision by Steve Jobs many years back. The Contact Us on the mobile site could be simplified to have less fields. If you label the comments box as details instead and simply as for approximate dates, that would be perfect I think. The Menu page for the mobile site should give a sample item from each menu so people have an idea of the content before they download the PDF to get a better look.Venues would need to be simplified to a list of text links that simply mention the capacity of each venue and the town or city they are in. There are too many pictures, and they aren’t consistently applied anyway, so might as well make them all text. Then each link could be linked to a separate page with more details. But the two mentioned (capacity and location) will be what people are thinking first considering mobile users are generally task rather than aesthetically-oriented.The Community Involvement and Testimonials could probably be one page without issue.
Now, I thank you for your attention during this presentation, and if you are curious about any of my sources they are listed here, and I would be more than happy to pass them on. I do hope that this has convinced you of the seriousness of mobile development, as well as the fact that it’s very possible, and not as complex as one might think.