Hoke cheri project4
- 1. Old School Vs. Mobility Is your website up to date?
- 2. Remember this type of Computer?
- 4. Is Your Website Mobile Friendly?
- 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...
- 9. Add alternative text to images
- 10. Validate markup
- 12. Skip out on the Flash
- 13. Bad Examples:
- 14. www.SixtiesPress.com • Way too many colors • Links galore • No organization
- 15. www.PandMComputers.com I wish I could give you a list of bad things about this website but, unfortunately it would not load on my smartphone.
- 16. Good Examples:
- 17. Orbitz
- 18. Expedia
- 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/