Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Web Content: make it work for you


Published on

Helping non profits make the most out of their websites. Presentation by Madeleine Sugden, Content Manager at KnowHow NonProfit -

Published in: Technology
  • Be the first to comment

  • Be the first to like this

Web Content: make it work for you

  1. 1. Web content: make it work for you Social Media Exchange Express September 2010 Madeleine Sugden Content Manager
  2. 2. Introduction <ul><li>Using screenshots from real charity websites to illustrate good web content. </li></ul><ul><li>Examples are intended as constructive criticism. </li></ul><ul><li>We can all learn from each other. </li></ul>
  3. 3. What is web content for? <ul><li>Proof of existence – about us, who we are, contact us </li></ul><ul><li>Resources / information - help people do something </li></ul><ul><li>Inspire - encourage action / change behaviour / entertain </li></ul>
  4. 4. 5 questions <ul><li>Five things to think about to help you make the most out of your content…. </li></ul>
  5. 5. 1. Audience - why <ul><li>Your website is for your audience. </li></ul><ul><li>Do you know who they are and what they want? </li></ul>
  6. 6. 1. Audience - how <ul><li>Will they get beyond your homepage? </li></ul><ul><li>Who are you talking to? </li></ul><ul><li>Are you using the right language? </li></ul><ul><li>Are you current? </li></ul><ul><li>How do you know what the audience wants? </li></ul>
  7. 8. West Hackney Parochial Charity <ul><li>First impressions….? </li></ul><ul><li>Very busy, too much to read, hard to know where to start. </li></ul><ul><li>You only have a few seconds to inspire someone to read on or click deeper into your site. Don’t make them work to find information or understand what you’re about. </li></ul>
  8. 10. CHASE <ul><li>Welcoming, warm, friendly. </li></ul><ul><li>Explains what they do – for new visitors. </li></ul><ul><li>Has changing content (news / events) for regular visitors. </li></ul><ul><li>Inspiring pictures. </li></ul>
  9. 12. St John Ambulance <ul><li>Using the space well – eye-catching campaign in centre. </li></ul><ul><li>Thought about how people use the site ‘I want to…’ links. </li></ul><ul><li>Understand their audience. </li></ul>
  10. 14. Alzheimer Scotland <ul><li>Written clearly for the audience. </li></ul><ul><li>Using appropriate language and tone. </li></ul>
  11. 16. KIND <ul><li>Not very new news. </li></ul><ul><li>If you don’t have much news, don’t make a news page. </li></ul>
  12. 18. Working with Men <ul><li>Questionnaire asks the site users what they want. </li></ul><ul><li>Probably backed up with off-line research too. </li></ul>
  13. 20. Friends of the Earth <ul><li>Sharing results of their feedback survey with users. </li></ul><ul><li>Important to build engagement with supporters, show them you are listening. </li></ul><ul><li>Great tone of voice. </li></ul>
  14. 21. 2. Presentation - why <ul><li>Presentation is the key to everything. Not just about design but how to present the content: - how you help people find information - how you display it on the page. </li></ul><ul><li>Knowing how people read online is useful. </li></ul>
  15. 22. 2. Presentation - how <ul><li>Are you helping skim reading? </li></ul><ul><li>Are you writing for the web? </li></ul><ul><li>Is information easy to find? </li></ul><ul><li>How much information are you giving? </li></ul><ul><li>How are you using images? </li></ul><ul><li>Is your content accessible? </li></ul><ul><li>Will people read on? </li></ul>
  16. 24. Birmingham Settlement <ul><li>Lots of information here. </li></ul><ul><li>Not easy to skim read. </li></ul><ul><li>Simple to improve by adding headings to each section. </li></ul>
  17. 26. British Heart Foundation <ul><li>Really well presented. </li></ul><ul><li>Good, clear headings. </li></ul><ul><li>Short bulleted lists. </li></ul><ul><li>Short sentences (10-20 words). </li></ul><ul><li>Images to bring to life. </li></ul><ul><li>Written for the audience. </li></ul><ul><li>Written for the web. </li></ul>
  18. 28. The Prostate Cancer Charity <ul><li>About Us page – very detailed and in depth. </li></ul><ul><li>Links help to break it up. </li></ul><ul><li>Headings and bulleted lists would help to make it easier to skim read. </li></ul>
  19. 30. Railway Children <ul><li>About us – intro paragraph followed by ‘activities’ and video. </li></ul><ul><li>Much more engaging. </li></ul><ul><li>Could have done more to encourage visitors to watch the video. </li></ul><ul><li>Donate button clearly presented. </li></ul>
  20. 32. Arthritis Research Campaign <ul><li>Very detailed information of their activities. </li></ul><ul><li>Good to have pie chart but what does it all mean (£1.2m spent on education)? </li></ul><ul><li>Paragraphs are complicated and long. </li></ul><ul><li>What was the impact on people? </li></ul>
  21. 34. Break <ul><li>Shows the impact on people. </li></ul><ul><li>Bullet points make it easier to read. </li></ul><ul><li>Could have enhanced further with stories about real people . </li></ul>
  22. 36. The Blue Cross <ul><li>Too much navigation (4 types!) </li></ul><ul><li>Links list in centre of page not well organised (are cat people interested in ‘muzzles why bother?’)? </li></ul><ul><li>Better to organise by animal – use headings to structure. </li></ul>
  23. 38. Cats Protection <ul><li>Much easier to find information. </li></ul><ul><li>Clear labelling. </li></ul>
  24. 40. WISH <ul><li>(this is the homepage) </li></ul><ul><li>Confusing image – what is going on? </li></ul><ul><li>Big story from 2007! </li></ul>
  25. 42. Kids Company <ul><li>Very strong image. </li></ul><ul><li>Engaging. </li></ul>
  26. 44. Age Concern Birmingham <ul><li>‘Click here’ for links is inelegant and on its own not accessible. </li></ul><ul><li>Simple, meaningful links work best. </li></ul>
  27. 46. Kensington and Chelsea Social Council <ul><li>Well presented links using meaningful text </li></ul><ul><li>But links to download files should be labelled within the link - eg hallmarks of an effective charity (PDF, 5M) </li></ul><ul><li>Ideally file size included too </li></ul><ul><li>Ideally Word equivalent for PDFs </li></ul>
  28. 47. 3. Medium - why <ul><li>Content isn’t just printed words. </li></ul><ul><li>Content should be engaging. </li></ul>
  29. 48. 3. Medium - how <ul><li>Are you using the best format to bring the content to life? </li></ul><ul><li>Are you using audio / video? </li></ul><ul><li>How do you encourage people to click ‘play’? </li></ul><ul><li>Is it interesting / fun / useful? </li></ul>
  30. 50. RNIB <ul><li>Long case study to read. </li></ul><ul><li>No pictures/audio/video to bring it to life. </li></ul><ul><li>Written about ‘W’ rather than by him. </li></ul><ul><li>May be hard to record William. Could instead record the helpline or other relevant people talking. Think about how to give context. </li></ul>
  31. 52. Action for Prisoners’ Families <ul><li>Audio story. </li></ul><ul><li>Do the words introducing Nancy’s story make you want to listen? </li></ul><ul><li>Have to work to listen to it as the play button is somewhere else on the page. </li></ul><ul><li>You have to work to bring people in and not expect them to work to engage. </li></ul>
  32. 54. Sightsavers <ul><li>Not sure what the image is. </li></ul><ul><li>Needs more to bring the podcast to life. </li></ul><ul><li>No indication of length. </li></ul><ul><li>No transcript given. It is good practice to provide a written alternative for people who can’t access the audio. </li></ul>
  33. 56. Families on Trail <ul><li>Great images to give context. </li></ul><ul><li>Quotes bring the headlines to life and encourage people to click ‘play’. </li></ul><ul><li>Easy to see how long each clip is. </li></ul><ul><li>Ideal length 3-4 minutes. </li></ul>
  34. 58. Macmillan Cancer Support <ul><li>Karen telling her own story. </li></ul><ul><li>Quite a long clip but very engaging. </li></ul><ul><li>Quote and content on the same page brings it to life. </li></ul>
  35. 60. KnowHow – Millcaster Tales <ul><li>Good practice for accessibility. </li></ul><ul><li>Audio and text alternatives to video given. </li></ul><ul><li>Clear indication of length. </li></ul><ul><li>Summary at the top of the page. </li></ul>
  36. 62. British Heart Foundation <ul><li>Fun way of presenting content about healthy eating. </li></ul><ul><li>Very engaging. </li></ul>
  37. 64. RNID <ul><li>Mix of video and content. </li></ul><ul><li>Strong way of demonstrating their impact (annual review). </li></ul>
  38. 65. 4. Marketing - why <ul><li>Once you’ve put effort into making your site wonderful, how will people know it is there? Who are you marketing your site to? </li></ul><ul><li>You need to help to people find you. </li></ul><ul><li>It’s a competitive market. </li></ul>
  39. 66. 4. Marketing - how <ul><li>Search engines, links, promotion. </li></ul><ul><li>Use all channels available. </li></ul><ul><li>Integrate on and offline activities. </li></ul>
  40. 68. Google search for ‘depression’ <ul><li>Search finds no charities in top10 (in 09). </li></ul><ul><li>Mental health charities could to change this (eg pay for keywords, use the word depression on their sites, include the word in metadata, encourage people to link to them using this word) </li></ul><ul><li>What words do people use to find you? </li></ul>
  41. 70. Kent Wildlife Trust – on Facebook <ul><li>Small charities are on Facebook. </li></ul><ul><li>Great way of being where your supporters are. </li></ul>
  42. 72. Porchlight 1974 – on Flickr <ul><li>Sharing photos. </li></ul><ul><li>Might not want this content on their site, but nice to show who they are and what they do. </li></ul>
  43. 74. For Ethiopia – on Flickr <ul><li>Sharing photos of a project in action. </li></ul><ul><li>Can use up as much space here as they want. </li></ul>
  44. 76. National Blind Children’s Society – on YouTube <ul><li>Sharing video. </li></ul><ul><li>Healthy number of views. </li></ul><ul><li>Helps to build their community. </li></ul>
  45. 78. Epilepsy Action - on Twitter <ul><li>Using Twitter to keep in touch with their followers. </li></ul><ul><li>Share news / updates. </li></ul><ul><li>Can also follow others to find out what’s new. Much better than having to go to their website regularly to keep in touch. </li></ul>
  46. 80. Epilepsy Action <ul><li>Great promotion of their Twitter on their site. </li></ul><ul><li>Don’t forget to tell people what your Twitter address is somewhere on your website. </li></ul><ul><li>Promote your URL, Twitter, Facebook, LinkedIn accounts everywhere (posters / emails / business cards). </li></ul>
  47. 82. Action for Children <ul><li>Great example of how they consistently presented their new brand. </li></ul><ul><li>Also consistent with print and TV ads. </li></ul>
  48. 83. 5. Influence - why <ul><li>Use your site to build your community. </li></ul><ul><li>Increase the numbers of your repeat visitors / supporters. </li></ul>
  49. 84. 5. Influence - how <ul><li>There are many ways people interact on your site: </li></ul><ul><li>donate </li></ul><ul><li>sign up to newsletter </li></ul><ul><li>sign up to a course / event </li></ul><ul><li>support a campaign </li></ul><ul><li>follow you on Twitter </li></ul><ul><li>become a member / volunteer </li></ul><ul><li>apply for a job </li></ul><ul><li>download a report </li></ul>
  50. 85. 5. Influence - how <ul><li>From passive users - to active users - to super active users… </li></ul><ul><li>Make it easy to interact / take action. </li></ul><ul><li>Take advantage of influence windows. </li></ul>
  51. 87. RSPB – Big Garden Birdwatch <ul><li>Engaging text explaining why you should get involved </li></ul><ul><li>It’s fun! </li></ul>
  52. 89. Islamic Relief <ul><li>Using a video to get the message across. </li></ul><ul><li>Strong pull-out facts at the top of the page. </li></ul><ul><li>Clear placing of ‘donate’. </li></ul><ul><li>Would you click ‘play’ and/or donate? </li></ul>
  53. 91. Dig Toilets Not Graves <ul><li>How your money can help is clearly linked to donate now. </li></ul><ul><li>Short fun video turns serious to get the message across. </li></ul><ul><li>Just the right amount of text. </li></ul><ul><li>Excellent, simple title. </li></ul>
  54. 93. For Darfur <ul><li>They’ve made it so easy to send this email. </li></ul><ul><li>Clear presentation. </li></ul><ul><li>Inspiring images. </li></ul>
  55. 95. Breast Cancer Care <ul><li>Clear presentation of why register. </li></ul><ul><li>Reassuring people at a difficult time. </li></ul>
  56. 97. Basingstoke Voluntary Services <ul><li>Very un-engaging. </li></ul><ul><li>Most recent at the bottom of a very long page. </li></ul><ul><li>No indication of what is in each newsletter – why should I read? </li></ul><ul><li>Link from ‘here’ bad practice for accessibility. </li></ul>
  57. 99. Friends of the Earth <ul><li>Very simple sign up form. </li></ul><ul><li>Testimonials from people saying why it’s great to receive the tips. </li></ul><ul><li>Link to previous tips so you can see what you’ll get. </li></ul>
  58. 101. Doncaster CVS <ul><li>Screen seen once signed up to Newsletter – doesn’t engage. </li></ul><ul><li>Am now part of their community and might be willing to do other things. </li></ul><ul><li>Missed opportunity to promote other ways of staying in touch / supporting . </li></ul>
  59. 103. Plain Stupid <ul><li>People want to engage – don’t apologise for it! </li></ul><ul><li>Once they have engaged (in this case signed up for newsletter) tell them about other things they can do. Make them feel part of your work . </li></ul>
  60. 105. Oxfam <ul><li>Great idea to add a donation when buying something. </li></ul><ul><li>Much more likely to add donation at this point. </li></ul><ul><li>Oxfam are making it easy. </li></ul><ul><li>Taking advantage of ‘influence windows’. </li></ul>
  61. 106. 5 questions - PAMMI <ul><li>P resentation </li></ul><ul><li>A udience </li></ul><ul><li>M edium </li></ul><ul><li>M arketing </li></ul><ul><li>I nfluence </li></ul>
  62. 108. Madeleine Sugden Content Manager KnowHow NonProfit @knowhownonprof @millcaster