5. Think: Mobile First!
Mobile is Seeing Explosive Growth
• Sales in Smartphones and Tablets are expected to
out ship the global PC market in 2012.
• By 2013, mobile data users will triple one billion.
Data taken from: http://www.netmagazine.com/features/mobile-first
6. Think: Mobile First!
Mobile forces you to focus.
• While the typical website is 1024X768 pixels
• Mobile sizes are around 320X480 pixels
HUGE difference in size! Thinking mobile forces you
to focus on the content that is important instead of
graphics and design.
Data taken from: http://www.netmagazine.com/features/mobile-first
7. Think: Mobile First!
Mobile extends your capabilities.
• Precise locations from GPS towers
• Wifi
• Integrated Audio
Data taken from: http://www.netmagazine.com/features/mobile-first
8. Ways to Make Your Website
More Accessible On
Smartphones and Tablets...
19. Presenter’s Notes
Hi ladies and gentlemen from Abstraxion Design Company. My name is Cheri Hoke and I will be your presenter this afternoon. This
presentation is called Old School vs. Mobility. Is your website up to date?
As you may know, being mobile extends beyond using a laptop. The Internet is widely used on mobile phones, tablets, iPads, etc. We no
longer need to sit in front of a desk to be able to research topics online, read and answer email, chat, reach out to others via social
networking. No matter where we are in the world, whether we are at work, shopping, at the park, or the beach…we now have the
capabilities to carry these sources of communication along with us. This is why it's important for business like yourself to design a website
that is accessible not only to those with disabilities but for those that would perhaps view your website from mobile devices.
Being an advertising agency, I realize your website would need to be more visual rather than contain a vast library of text. However, have
you ever considered creating a website that detects mobile devices? This is an option you may want to consider. It will give you the ability
to get your information out there, allow you to down size your images to allow them to show up on smartphones, as well as allow you to
keep your website with your full digital portfolio.
Mobility is seeing an explosive growth in sales. More an more every day, cell phone carriers, companies such as Apple are seeing a huge
rise in sales for smartphones and tablets such as iPad. In 2011, sales forecasters have predicted that there would be a huge increase in
smartphones and tables for 2012. This increase was said to out ship the global PC market and by 2013, the mobile data users would
triple one billion.
Mobility makes you focus on what's important. It's no lie that making your website more accessible for mobile devices, you have to focus
on what content is more important and what needs to be cut out. A typical website is designed to fit the size of 1024X768 pixels as you
may know. But did you know that for a mobile device the average size is 320X480 pixels? That is a huge difference!
Mobility extends your capabilities by such benefits as precise locations from GPS towers. We all love those check-ins on the Facebook
App so all of our friends can see that we are dining out at the new restaurant in town or attending a party at so and so's house! Also,
mobility gives you the opportunity to use a Wifi connection instead of using up way too much data one month and end up spending way
too much on your cell phone bill. Integrated audio is another want and demand.
How can you make your website more accessible for smartphones and tablets? Here are some ideas to ponder:
• Adding alternative text to images. By doing this, it allows for someone that is disabled or can't see your image to see what is there. For
instance, if you have an image that provides a link, your viewer will not miss that particular information.
• Validate your markup. By validating your markup language, you are eliminating potential errors that may cause visual problems for your
website.
• Progress enhancement is the separation of HTML, CSS, and Javascript. This allows websites the ability to become enhanced
depending on the web browser's capabilities.
20. • Skip the Flash! Smartphones do not have the ability to read Flash code or Javascript. A better solution would be applications such as
Quicktime if video or audio is needed.
I have provided you with a few bad example of how websites will either look or not load properly on a smartphone device.
First I have a website called Sixties Press. Sadly, I cannot tell you what this website was about because I could not see it on my
smartphone. As you can see here, there are way too many colors, there are too many links, and no organization of the website. In all,
this website is a total mess!
Secondly, I have a website called P&M Computers. This website would not load at all on my Blackberry. After about 10 minutes of
trying to load, I received an error and my browser shut off.
Out with the bad and in with the good!
Orbitz was a great example of mobility. The site loads properly and instantly. No problem.
Another great example was Expedia. This site, no problem.
Do any of you have any questions you would like for me to address?
References:
Images taken from Google Images.
http://www.netmagazine.com/features/mobile-first
http://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.php
http://mashable.com/2011/08/05/mobile-design-priority/