Evaluating Your Website                                                      Presented by:                                ...
Current state of “the web”    – Engage customers    – Focus on goals    – IntegrateEvaluating Your Website
“I like...”                          -vs-                    “I know...”Evaluating Your Website
Top 6 ways to evaluate   your website...       – Content       – Accessibility       – Usability       – Design       – Re...
Content                  is king!Evaluating Your Website: CONTENT
To keep your website relevant,review content regularly.   – Remove outdated/obsolete information.   – Add new content as i...
When creating new content…    – Write for your audience(s).    – Prioritize most-accessed, most-needed content.    – Make ...
Evaluating Your Website: CONTENT
Content creation tools:    – ‘Skim (don’t read) these tips for writing for the web’      www.brownboots.com/blog    – The ...
Managing content resources:    – Content management system (CMS)    – Blogging = WordPressEvaluating Your Website: CONTENT
Accessibility     Content ... check! Now make sure your audience can access it.Evaluating Your Website: ACCESSIBILITY
Account for users of allabilities and disabilities.Evaluating Your Website: ACCESSIBILITY
Tips for making a website moreaccessible for disabled users:    – Add alt tags and captions to images.    – Make sure text...
Account for wide variety ofhardware and software.    – Avoid programs that are incompatible      with popular platforms (e...
Account for wide variety ofdevices out there, especiallymobile.    – Smart phones already outsell PCs;      53% of America...
Accessibility + Mobile    – Evaluate your mobile needs:      • Check site traffic/analytics.      • Put yourself in a mobi...
What about tablets?Evaluating Your Website: ACCESSIBILITY
Accessibility resources:   – Human accessibility:     W3C’s Web Content     Accessibility Guidelines     www.w3.org/WAI/ER...
Usability    Making sure it works well and that the average person can use it.Evaluating Your Website: USABILITY
Components of usability:Predictable structure                                     20Evaluating Your Website: USABILITY
Components of usability:Expected behaviors /responses to user actionsEvaluating Your Website: USABILITY
Components of usability:Familiar & appropriatelanguage                                     22Evaluating Your Website: USAB...
Components of usability:Consistent appearance                                     23Evaluating Your Website: USABILITY
How do you do this...?Sitemap                                     24Evaluating Your Website: USABILITY
How do you do this...?Wireframes                                     Wireframe Tools:                                     ...
How do you do this...?User testing                                     26Evaluating Your Website: USABILITY
Why care...?                 + your competitors           are only 1 click away!                                     27Eva...
Usability resourceswww.clicktale.comwww.uxbooth.comwww.usabilityfirst.comwww.useit.com                                    ...
Design               “Little things make big things happen.”Evaluating Your Website: DESIGN
Objective criteria:Design that supports brandstyles and guidelines                                  30Evaluating Your Webs...
Objective criteria:Strong design aestheticsEvaluating Your Website: DESIGN
Objective criteria:Connect the dots• Take wireframes to the next level• Use moodboards as necessaryEvaluating Your Website...
Objective criteria:Smart integrationof trendsEvaluating Your Website: DESIGN
Top trends:Mega dropdownsEvaluating Your Website: DESIGN
Top trends:Mega footersEvaluating Your Website: DESIGN
Top trends:Infographics!Evaluating Your Website: DESIGN
Top trends:Illustrative websitesEvaluating Your Website: DESIGN
Top trends:BIG background imagesEvaluating Your Website: DESIGN
Design resourcesAbove the Fold - http://iampaddy.com/lifebelow600/www.smashingmagazine.comCreattica - www.faveup.comEvalua...
ReliabilityEvaluating Your Website: RELIABILITY
Speed - DesktopPercent below 256 kbps: 4.4 percent inWashington DC1995 - 14kb2012 - 980kbhttp://tools.pingdom.comEvaluatin...
Speed - MobileDial it back a decade. Thesmaller the better for mobilelanding pages.How fast is your phone?http://www.mobil...
UptimeAt some point your website will go down!         90%         36.5 days         95%         18.25 days         99%   ...
PerformanceEvaluating Your Website: PERFORMANCE
Goals!Evaluating Your Website: RELIABILITY
#1 Goal - Lead GenerationStarts and ends with SEO      Keyword selection (Google Keyword Tool)      Keyword usage (blog!) ...
Bringing                 Order to                the ChaosEvaluating Your Website
- or -Evaluating Your Website
Thanks for listening!     Any questions?Evaluating Your Website
Upcoming SlideShare
Loading in...5
×

Evaluating your Website - FDL ACU presentation by BrownBoots Interactive

183

Published on

Published in: Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
183
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Evaluating your Website - FDL ACU presentation by BrownBoots Interactive

  1. 1. Evaluating Your Website Presented by: Alan Hathaway, President/Owner Jenny Knuth, Creative Director David Williams, Account Executive"Social Media: Is It Worth It?" ACU panel
  2. 2. Current state of “the web” – Engage customers – Focus on goals – IntegrateEvaluating Your Website
  3. 3. “I like...” -vs- “I know...”Evaluating Your Website
  4. 4. Top 6 ways to evaluate your website... – Content – Accessibility – Usability – Design – Reliability – PerformanceEvaluating Your Website
  5. 5. Content is king!Evaluating Your Website: CONTENT
  6. 6. To keep your website relevant,review content regularly. – Remove outdated/obsolete information. – Add new content as it becomes available. – Prune existing content. – Use headers, charts and other visual aids. – Split content into multiple pages when practical.Evaluating Your Website: CONTENT
  7. 7. When creating new content… – Write for your audience(s). – Prioritize most-accessed, most-needed content. – Make regular updates as incentive for return visits. – Don”t forget too proofread!Evaluating Your Website: CONTENT
  8. 8. Evaluating Your Website: CONTENT
  9. 9. Content creation tools: – ‘Skim (don’t read) these tips for writing for the web’ www.brownboots.com/blog – The Yahoo! Style Guide – Google AdWordsEvaluating Your Website: CONTENT
  10. 10. Managing content resources: – Content management system (CMS) – Blogging = WordPressEvaluating Your Website: CONTENT
  11. 11. Accessibility Content ... check! Now make sure your audience can access it.Evaluating Your Website: ACCESSIBILITY
  12. 12. Account for users of allabilities and disabilities.Evaluating Your Website: ACCESSIBILITY
  13. 13. Tips for making a website moreaccessible for disabled users: – Add alt tags and captions to images. – Make sure text isn’t too small. – Provide transcripts of audio files. – Keep questions/criteria close to form input fields. – Allow users to turn off time limits. – Display “contact us” info on every page.Evaluating Your Website: ACCESSIBILITY
  14. 14. Account for wide variety ofhardware and software. – Avoid programs that are incompatible with popular platforms (e.g., Flash). – If a universally compatible format is out there, use it (e.g., YouTube). – In general, make content as easy to access as possible (e.g., body copy vs. PDF).Evaluating Your Website: ACCESSIBILITY
  15. 15. Account for wide variety ofdevices out there, especiallymobile. – Smart phones already outsell PCs; 53% of American cell phone users have smart phones.Evaluating Your Website: ACCESSIBILITY
  16. 16. Accessibility + Mobile – Evaluate your mobile needs: • Check site traffic/analytics. • Put yourself in a mobile user’s shoes. – Implement a mobile strategy: • Prioritize what people want/need on the go. • Streamline content (microsite vs. responsive design).Evaluating Your Website: ACCESSIBILITY
  17. 17. What about tablets?Evaluating Your Website: ACCESSIBILITY
  18. 18. Accessibility resources: – Human accessibility: W3C’s Web Content Accessibility Guidelines www.w3.org/WAI/ER/tools – Device accessibility: www.gomez.com www.mobilexweb.comEvaluating Your Website: ACCESSIBILITY
  19. 19. Usability Making sure it works well and that the average person can use it.Evaluating Your Website: USABILITY
  20. 20. Components of usability:Predictable structure 20Evaluating Your Website: USABILITY
  21. 21. Components of usability:Expected behaviors /responses to user actionsEvaluating Your Website: USABILITY
  22. 22. Components of usability:Familiar & appropriatelanguage 22Evaluating Your Website: USABILITY
  23. 23. Components of usability:Consistent appearance 23Evaluating Your Website: USABILITY
  24. 24. How do you do this...?Sitemap 24Evaluating Your Website: USABILITY
  25. 25. How do you do this...?Wireframes Wireframe Tools: • OmniGraffle •http://iphonemockup.lkmc.ch/ 25Evaluating Your Website: USABILITY
  26. 26. How do you do this...?User testing 26Evaluating Your Website: USABILITY
  27. 27. Why care...? + your competitors are only 1 click away! 27Evaluating Your Website: USABILITY
  28. 28. Usability resourceswww.clicktale.comwww.uxbooth.comwww.usabilityfirst.comwww.useit.com 28Evaluating Your Website: USABILITY
  29. 29. Design “Little things make big things happen.”Evaluating Your Website: DESIGN
  30. 30. Objective criteria:Design that supports brandstyles and guidelines 30Evaluating Your Website: DESIGN
  31. 31. Objective criteria:Strong design aestheticsEvaluating Your Website: DESIGN
  32. 32. Objective criteria:Connect the dots• Take wireframes to the next level• Use moodboards as necessaryEvaluating Your Website: DESIGN
  33. 33. Objective criteria:Smart integrationof trendsEvaluating Your Website: DESIGN
  34. 34. Top trends:Mega dropdownsEvaluating Your Website: DESIGN
  35. 35. Top trends:Mega footersEvaluating Your Website: DESIGN
  36. 36. Top trends:Infographics!Evaluating Your Website: DESIGN
  37. 37. Top trends:Illustrative websitesEvaluating Your Website: DESIGN
  38. 38. Top trends:BIG background imagesEvaluating Your Website: DESIGN
  39. 39. Design resourcesAbove the Fold - http://iampaddy.com/lifebelow600/www.smashingmagazine.comCreattica - www.faveup.comEvaluating Your Website: DESIGN
  40. 40. ReliabilityEvaluating Your Website: RELIABILITY
  41. 41. Speed - DesktopPercent below 256 kbps: 4.4 percent inWashington DC1995 - 14kb2012 - 980kbhttp://tools.pingdom.comEvaluating Your Website: RELIABILITY
  42. 42. Speed - MobileDial it back a decade. Thesmaller the better for mobilelanding pages.How fast is your phone?http://www.mobilespeedtest.comEvaluating Your Website: RELIABILITY
  43. 43. UptimeAt some point your website will go down! 90% 36.5 days 95% 18.25 days 99% 3.65 days 99.8% 17.52 hours http://www.monitis.comEvaluating Your Website: RELIABILITY
  44. 44. PerformanceEvaluating Your Website: PERFORMANCE
  45. 45. Goals!Evaluating Your Website: RELIABILITY
  46. 46. #1 Goal - Lead GenerationStarts and ends with SEO Keyword selection (Google Keyword Tool) Keyword usage (blog!) Inbound linksEvaluating Your Website: RELIABILITY
  47. 47. Bringing Order to the ChaosEvaluating Your Website
  48. 48. - or -Evaluating Your Website
  49. 49. Thanks for listening! Any questions?Evaluating Your Website
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×