Hoke cheri project4

  • 89 views
Uploaded on

Presentation on why companies should create websites that are more accessible.

Presentation on why companies should create websites that are more accessible.

More in: Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
    Be the first to like this
No Downloads

Views

Total Views
89
On Slideshare
0
From Embeds
0
Number of Embeds
0

Actions

Shares
Downloads
0
Comments
0
Likes
0

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Transcript

  • 1. Old School Vs. Mobility Is your website up to date?
  • 2. Remember this type of Computer?
  • 3. Meet the newConnection!
  • 4. Is Your Website Mobile Friendly?
  • 5. Think: Mobile First! Mobile is Seeing Explosive Growth• Sales in Smartphones and Tablets are expected toout 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 pixelsHUGE difference in size! Thinking mobile forces youto focus on the content that is important instead ofgraphics 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 OnSmartphones and Tablets...
  • 9. Add alternative text to images
  • 10. Validate markup
  • 11. Progress enhancement
  • 12. Skip out on the Flash
  • 13. Bad Examples:
  • 14. www.SixtiesPress.com• Way too many colors• Links galore• No organization
  • 15. www.PandMComputers.comI wish I could give you a list ofbad things about this websitebut, unfortunately it would notload on my smartphone.
  • 16. Good Examples:
  • 17. Orbitz
  • 18. Expedia
  • 19. Presenter’s NotesHi ladies and gentlemen from Abstraxion Design Company. My name is Cheri Hoke and I will be your presenter this afternoon. Thispresentation 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 nolonger 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 socialnetworking. No matter where we are in the world, whether we are at work, shopping, at the park, or the beach…we now have thecapabilities to carry these sources of communication along with us. This is why its important for business like yourself to design a websitethat 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, haveyou ever considered creating a website that detects mobile devices? This is an option you may want to consider. It will give you the abilityto 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 tokeep 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 hugerise in sales for smartphones and tablets such as iPad. In 2011, sales forecasters have predicted that there would be a huge increase insmartphones and tables for 2012. This increase was said to out ship the global PC market and by 2013, the mobile data users wouldtriple one billion.Mobility makes you focus on whats important. Its no lie that making your website more accessible for mobile devices, you have to focuson 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 youmay 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 FacebookApp 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 sos 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 waytoo 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 cant see your image to see what is there. Forinstance, 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 yourwebsite.• Progress enhancement is the separation of HTML, CSS, and Javascript. This allows websites the ability to become enhanceddepending on the web browsers capabilities.
  • 20. • Skip the Flash! Smartphones do not have the ability to read Flash code or Javascript. A better solution would be applications such asQuicktime 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 mysmartphone. 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 oftrying 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-firsthttp://www.uxmatters.com/mt/archives/2011/03/10-ways-mobile-sites-are-different-from-desktop-web-sites.phphttp://mashable.com/2011/08/05/mobile-design-priority/