SlideShare a Scribd company logo
Managing content—SCAMORE 5/8
  there’s more to it than you think!




photo: ©GM 2010
Online Content Development Strategy: SCAmore
Content strategy
  Session 5/8
Content delivery




Can your content be delivered adequately?
Is the server and network up to the job?
     ‣ underpowered server
     ‣ network connectivity
     ‣ server configuration
     ‣ content management system configuration
Is the content unnecessarily “heavy”?
     ‣ use of too many separate image/CSS/JS resources
     ‣ every resource has bandwidth overhead
     ‣ consolidate where possible
Audience research




Establishing desirable target audience
The Audience Analysis Toolkit for public sector bodies has been
developed for the Strategic Content Alliance to distribute to members
    ‣ A concise guide to researching audiences
    ‣ A visualisation guide to researching audiences
    ‣ Audience research for cultural sector practitioners
    ‣ Audience research for people experimenting with digital media
    ‣ Audience research for education and research practitioners
    ‣ Audience research for health library and knowledge practitioners
    ‣ Audience research for programme, service and research practitioners
    ‣ Audience research for senior managers




                      http://sca.jiscinvolve.org/publications/
Open University recommendations




http://www.jisc.ac.uk/media/documents/events/2010/04/presentations/openingkeynote.pdf
Use of Javascript




Enhancing the user experience
Avoid unnecessary user inconvenience or time wasting
     ‣ form validation
     ‣ AJAX—to prevent frequent page loads from server
     ‣ increase response times for web site visitors




                  http://www.w3.org/standards/webdesign/script
Javascript—AJAX example




‣   update user interactively
‣   provide visual feedback
‣   check details at server
‣   reduce necessary pages




                        http://www.mcshaneglen.com/cgi-bin/bookings
Providing access for everyone




Official accessibility guidelines
How people with disabilities use the web
    ‣ Addressing various scenarios
Web content accessibility guidelines (WCAG) overview
    ‣ Four principles and corresponding checklist points
    ‣ Perceivable | Operable | Understandable | Robust




   http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/   http://www.w3.org/TR/WCAG20/
Content layout




F-Shaped Pattern For Reading Web Content
Jakob Nielsen's Alertbox, April 17 2006

Eyetracking visualisations show that users often read Web pages in an F-shaped pattern: two
horizontal stripes followed by a vertical stripe.
F for fast. That's how users read your precious content. In a few seconds, their eyes move at
amazing speeds across your website’s words in a pattern that's very different from what you
learned in school.
We recorded how 232 users looked at thousands of Web pages. We found that users' main
reading behavior was fairly consistent across many different sites and tasks. This dominant
reading pattern looks somewhat like an F and has the following three components.
Users first read in a horizontal movement, usually across the upper part of the content area.
This initial element forms the F's top bar.
Next, users move down the page a bit and then read across in a second horizontal movement
that typically covers a shorter area than the previous movement. This additional element
forms the F's lower bar.
Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly
slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other
times users move faster, creating a spottier heatmap. This last element forms the F's stem.




                     http://www.useit.com/alertbox/reading_pattern.html
Online Content Development Strategy: SCAmore
Writing style




Anticipate visitor behaviour
   ‣   most don’t plan their visit
   ‣   driven by goals—theirs, not yours
   ‣   instantly judge your site
   ‣   skim for clues
   ‣   review headings and first paragraph
   ‣   read about 20%

Make reading engaging and easy for visitor
   ‣   be concise—focus on what visitor interested in
   ‣   capture interest, then add detail
   ‣   scannable headlines, headings, emphasised keywords
   ‣   use lists instead of long paragraphs
   ‣   ensure links are perceived for what they are (not “click here”)
   ‣   make images meaningful (and include description using “alt” in HTML tag)
   ‣   be consistent
Inverted information pyramid




                  Intro



                 Detail



              Conclusion

Conventional pyramid information structure




           http://en.wikipedia.org/wiki/Inverted_pyramid
Inverted information pyramid




                                   Inverted pyramid information structure


                                              Conclusion

                  Intro

                                              Explanation

                 Detail

                                                  Detail

              Conclusion

Conventional pyramid information structure




           http://en.wikipedia.org/wiki/Inverted_pyramid
Inverted information pyramid




                       Probable web page
                       viewing opportunity

                                   Inverted pyramid information structure


                                              Conclusion

                  Intro

                                              Explanation

                 Detail

                                                  Detail

              Conclusion

Conventional pyramid information structure




           http://en.wikipedia.org/wiki/Inverted_pyramid
Thinking strategically about content—what needs done




http://www.richardingram.co.uk/2009/10/instilling-confidence-with-content-strategies/
Thinking strategically about content—who does what




 http://www.richardingram.co.uk/2009/07/theyll-thank-you-later/
Content strategy—getting organised and establishing working protocol




    http://www.richardingram.co.uk/downloads/content_strategy_approaches.pdf
Content strategies




Working as a group, select one of the following projects

1. The selection of a new content
   management system (CMS) for all content
   providers in your organisation
2. The introduction of a quality assurance
   process for all web based content published
   by your organisation
3. The creation of a SWAT (skilled with
   advanced tools) team in your organisation
   to assist web content providers
Content strategies




For your chosen project create an action plan
   ‣   include everything you consider to be important for success
   ‣   include anything else you believe is relevant for maximum project effectiveness
   ‣   consider who all should be involved, why, to what extent, and management of them
   ‣   ensure that all lessons gained from current content provision are taken into account
   ‣   where appropriate list mandatory, highly desirable and desirable targets
   ‣   give regard to the publication process, user interface, consistency, accessibility,
       metadata, maintenance of content
   ‣   note any policies that need to be established, privacy statements, disclaimers,
       other legal or organisational obligations
   ‣   categorise and prioritise your proposed actions
   ‣   nominate a spokesperson to summarise your action plan to the whole workshop
   ‣   answer challenges presented by other groups following your presentation
Content strategies


Project action plan
Online Content Development Strategy: SCAmore

More Related Content

PDF
A winning strategy for online engagement and conversions
AudienceView
 
PPTX
Lsc orientation 2014 jan
Jthornley
 
PDF
From clever to intelligent
InSites on Stage
 
KEY
Social Entrepreneurship Seminar 1
DavidHopkins
 
KEY
Online Content Strategy
JISC Netskills
 
PDF
Usable Language | How Content Shapes The User Experience
Randall Snare
 
KEY
Adaptable Information Workshop slides
Louis Rosenfeld
 
PPT
Making Your Website Sing!
Embolden
 
A winning strategy for online engagement and conversions
AudienceView
 
Lsc orientation 2014 jan
Jthornley
 
From clever to intelligent
InSites on Stage
 
Social Entrepreneurship Seminar 1
DavidHopkins
 
Online Content Strategy
JISC Netskills
 
Usable Language | How Content Shapes The User Experience
Randall Snare
 
Adaptable Information Workshop slides
Louis Rosenfeld
 
Making Your Website Sing!
Embolden
 

Similar to Online Content Development Strategy: SCAmore (20)

PPT
Making Your Website Sing!
Embolden
 
PPT
2008 web-managers-hwilfert-final
Hallie Wilfert
 
PDF
Medicine Hat 2010 - Websites 101
CanadaHelps / MyCharityConnects
 
PDF
Emma.antunes
NASAPMC
 
PDF
Precedent #usabilityfail seminar part two
dan-baker
 
PPT
Lecture 9 Usability Orignal
Sur College of Applied Sciences
 
PDF
Managing your Metadata w/ SharePoint 2010
vman916
 
PPT
Lecture 3
uccwebcourses
 
PDF
Community Sector Provincial Forum - St. John's [2010-10-01]
CanadaHelps / MyCharityConnects
 
PDF
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
CanadaHelps / MyCharityConnects
 
PPT
Principles of Web Design
Charles Nyangiti
 
PPTX
Best practices in website design
Tabby Farney
 
DOCX
Online content-training
Erica Donaldson-Dipyatic, MBA
 
PPT
Web Live! Developing a Web Information Service
Jesús Tramullas
 
PDF
J105 Web Design
Chris Snider
 
PDF
Roberto Hortal Seamless Website Journey Increase User-friendliness and Acces...
Roberto Hortal
 
PPTX
11.m3 cms objectives
tarensi
 
PDF
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
CanadaHelps / MyCharityConnects
 
PPTX
Writing for web class2
Anna Polud
 
PPTX
Content Strategy in Information Architecture Lecture 1
Misty Weaver
 
Making Your Website Sing!
Embolden
 
2008 web-managers-hwilfert-final
Hallie Wilfert
 
Medicine Hat 2010 - Websites 101
CanadaHelps / MyCharityConnects
 
Emma.antunes
NASAPMC
 
Precedent #usabilityfail seminar part two
dan-baker
 
Lecture 9 Usability Orignal
Sur College of Applied Sciences
 
Managing your Metadata w/ SharePoint 2010
vman916
 
Lecture 3
uccwebcourses
 
Community Sector Provincial Forum - St. John's [2010-10-01]
CanadaHelps / MyCharityConnects
 
Directions - Council for Vocational Services Society - Halifax [2010-10-07]
CanadaHelps / MyCharityConnects
 
Principles of Web Design
Charles Nyangiti
 
Best practices in website design
Tabby Farney
 
Online content-training
Erica Donaldson-Dipyatic, MBA
 
Web Live! Developing a Web Information Service
Jesús Tramullas
 
J105 Web Design
Chris Snider
 
Roberto Hortal Seamless Website Journey Increase User-friendliness and Acces...
Roberto Hortal
 
11.m3 cms objectives
tarensi
 
Grande Prairie-Fort McMurray 2010 - MyCharityConnects On the Road
CanadaHelps / MyCharityConnects
 
Writing for web class2
Anna Polud
 
Content Strategy in Information Architecture Lecture 1
Misty Weaver
 
Ad

More from JISC Netskills (20)

PDF
Engage 2014 going dragon hunting
JISC Netskills
 
PDF
Digital storytelling for public engagement
JISC Netskills
 
PPTX
A quick guide to taking awesome photos
JISC Netskills
 
PDF
Digital Storytelling (Changing the Learner Landscape event)
JISC Netskills
 
PDF
Lisa Gray (JISC) ePortfolios - October 2012
JISC Netskills
 
PDF
Digital maps & data mash ups
JISC Netskills
 
PDF
Introducing digital storytelling
JISC Netskills
 
PDF
Web tools for administrators
JISC Netskills
 
PPTX
A Tale of Two Cities (Neil Currant)
JISC Netskills
 
PPTX
Embedding Mahara at Birmingham City University
JISC Netskills
 
PDF
Digital storytelling for the flipped classroom
JISC Netskills
 
PDF
Using free web based tools for collaborative e learning
JISC Netskills
 
PDF
QR codes - the virtual poking into the real
JISC Netskills
 
PPT
Greenevents2
JISC Netskills
 
PPT
Greeningthedatacentre
JISC Netskills
 
PPT
Suste tech
JISC Netskills
 
PPT
Proco2
JISC Netskills
 
PPT
Kit catalogue
JISC Netskills
 
PPT
Virtually sustainable
JISC Netskills
 
PPT
Ucare
JISC Netskills
 
Engage 2014 going dragon hunting
JISC Netskills
 
Digital storytelling for public engagement
JISC Netskills
 
A quick guide to taking awesome photos
JISC Netskills
 
Digital Storytelling (Changing the Learner Landscape event)
JISC Netskills
 
Lisa Gray (JISC) ePortfolios - October 2012
JISC Netskills
 
Digital maps & data mash ups
JISC Netskills
 
Introducing digital storytelling
JISC Netskills
 
Web tools for administrators
JISC Netskills
 
A Tale of Two Cities (Neil Currant)
JISC Netskills
 
Embedding Mahara at Birmingham City University
JISC Netskills
 
Digital storytelling for the flipped classroom
JISC Netskills
 
Using free web based tools for collaborative e learning
JISC Netskills
 
QR codes - the virtual poking into the real
JISC Netskills
 
Greenevents2
JISC Netskills
 
Greeningthedatacentre
JISC Netskills
 
Suste tech
JISC Netskills
 
Kit catalogue
JISC Netskills
 
Virtually sustainable
JISC Netskills
 
Ad

Recently uploaded (20)

PPTX
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
PDF
This slide provides an overview Technology
mineshkharadi333
 
PDF
BLW VOCATIONAL TRAINING SUMMER INTERNSHIP REPORT
codernjn73
 
PPTX
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
Francisco Vieira Júnior
 
PPTX
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
PDF
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
PDF
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
PDF
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
PPTX
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
PDF
Advances in Ultra High Voltage (UHV) Transmission and Distribution Systems.pdf
Nabajyoti Banik
 
PDF
Brief History of Internet - Early Days of Internet
sutharharshit158
 
PDF
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
PDF
Doc9.....................................
SofiaCollazos
 
PDF
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
PDF
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
PDF
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
PDF
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
PDF
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
PDF
The Evolution of KM Roles (Presented at Knowledge Summit Dublin 2025)
Enterprise Knowledge
 
PDF
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 
New ThousandEyes Product Innovations: Cisco Live June 2025
ThousandEyes
 
This slide provides an overview Technology
mineshkharadi333
 
BLW VOCATIONAL TRAINING SUMMER INTERNSHIP REPORT
codernjn73
 
Comunidade Salesforce São Paulo - Desmistificando o Omnistudio (Vlocity)
Francisco Vieira Júnior
 
AI and Robotics for Human Well-being.pptx
JAYMIN SUTHAR
 
Cloud-Migration-Best-Practices-A-Practical-Guide-to-AWS-Azure-and-Google-Clou...
Artjoker Software Development Company
 
Google I/O Extended 2025 Baku - all ppts
HusseinMalikMammadli
 
Automating ArcGIS Content Discovery with FME: A Real World Use Case
Safe Software
 
cloud computing vai.pptx for the project
vaibhavdobariyal79
 
Advances in Ultra High Voltage (UHV) Transmission and Distribution Systems.pdf
Nabajyoti Banik
 
Brief History of Internet - Early Days of Internet
sutharharshit158
 
NewMind AI Weekly Chronicles - July'25 - Week IV
NewMind AI
 
Doc9.....................................
SofiaCollazos
 
Orbitly Pitch Deck|A Mission-Driven Platform for Side Project Collaboration (...
zz41354899
 
Tea4chat - another LLM Project by Kerem Atam
a0m0rajab1
 
MASTERDECK GRAPHSUMMIT SYDNEY (Public).pdf
Neo4j
 
Security features in Dell, HP, and Lenovo PC systems: A research-based compar...
Principled Technologies
 
Research-Fundamentals-and-Topic-Development.pdf
ayesha butalia
 
The Evolution of KM Roles (Presented at Knowledge Summit Dublin 2025)
Enterprise Knowledge
 
Accelerating Oracle Database 23ai Troubleshooting with Oracle AHF Fleet Insig...
Sandesh Rao
 

Online Content Development Strategy: SCAmore

  • 1. Managing content—SCAMORE 5/8 there’s more to it than you think! photo: ©GM 2010
  • 3. Content strategy Session 5/8
  • 4. Content delivery Can your content be delivered adequately? Is the server and network up to the job? ‣ underpowered server ‣ network connectivity ‣ server configuration ‣ content management system configuration Is the content unnecessarily “heavy”? ‣ use of too many separate image/CSS/JS resources ‣ every resource has bandwidth overhead ‣ consolidate where possible
  • 5. Audience research Establishing desirable target audience The Audience Analysis Toolkit for public sector bodies has been developed for the Strategic Content Alliance to distribute to members ‣ A concise guide to researching audiences ‣ A visualisation guide to researching audiences ‣ Audience research for cultural sector practitioners ‣ Audience research for people experimenting with digital media ‣ Audience research for education and research practitioners ‣ Audience research for health library and knowledge practitioners ‣ Audience research for programme, service and research practitioners ‣ Audience research for senior managers http://sca.jiscinvolve.org/publications/
  • 7. Use of Javascript Enhancing the user experience Avoid unnecessary user inconvenience or time wasting ‣ form validation ‣ AJAX—to prevent frequent page loads from server ‣ increase response times for web site visitors http://www.w3.org/standards/webdesign/script
  • 8. Javascript—AJAX example ‣ update user interactively ‣ provide visual feedback ‣ check details at server ‣ reduce necessary pages http://www.mcshaneglen.com/cgi-bin/bookings
  • 9. Providing access for everyone Official accessibility guidelines How people with disabilities use the web ‣ Addressing various scenarios Web content accessibility guidelines (WCAG) overview ‣ Four principles and corresponding checklist points ‣ Perceivable | Operable | Understandable | Robust http://www.w3.org/WAI/EO/Drafts/PWD-Use-Web/ http://www.w3.org/TR/WCAG20/
  • 10. Content layout F-Shaped Pattern For Reading Web Content Jakob Nielsen's Alertbox, April 17 2006 Eyetracking visualisations show that users often read Web pages in an F-shaped pattern: two horizontal stripes followed by a vertical stripe. F for fast. That's how users read your precious content. In a few seconds, their eyes move at amazing speeds across your website’s words in a pattern that's very different from what you learned in school. We recorded how 232 users looked at thousands of Web pages. We found that users' main reading behavior was fairly consistent across many different sites and tasks. This dominant reading pattern looks somewhat like an F and has the following three components. Users first read in a horizontal movement, usually across the upper part of the content area. This initial element forms the F's top bar. Next, users move down the page a bit and then read across in a second horizontal movement that typically covers a shorter area than the previous movement. This additional element forms the F's lower bar. Finally, users scan the content's left side in a vertical movement. Sometimes this is a fairly slow and systematic scan that appears as a solid stripe on an eyetracking heatmap. Other times users move faster, creating a spottier heatmap. This last element forms the F's stem. http://www.useit.com/alertbox/reading_pattern.html
  • 12. Writing style Anticipate visitor behaviour ‣ most don’t plan their visit ‣ driven by goals—theirs, not yours ‣ instantly judge your site ‣ skim for clues ‣ review headings and first paragraph ‣ read about 20% Make reading engaging and easy for visitor ‣ be concise—focus on what visitor interested in ‣ capture interest, then add detail ‣ scannable headlines, headings, emphasised keywords ‣ use lists instead of long paragraphs ‣ ensure links are perceived for what they are (not “click here”) ‣ make images meaningful (and include description using “alt” in HTML tag) ‣ be consistent
  • 13. Inverted information pyramid Intro Detail Conclusion Conventional pyramid information structure http://en.wikipedia.org/wiki/Inverted_pyramid
  • 14. Inverted information pyramid Inverted pyramid information structure Conclusion Intro Explanation Detail Detail Conclusion Conventional pyramid information structure http://en.wikipedia.org/wiki/Inverted_pyramid
  • 15. Inverted information pyramid Probable web page viewing opportunity Inverted pyramid information structure Conclusion Intro Explanation Detail Detail Conclusion Conventional pyramid information structure http://en.wikipedia.org/wiki/Inverted_pyramid
  • 16. Thinking strategically about content—what needs done http://www.richardingram.co.uk/2009/10/instilling-confidence-with-content-strategies/
  • 17. Thinking strategically about content—who does what http://www.richardingram.co.uk/2009/07/theyll-thank-you-later/
  • 18. Content strategy—getting organised and establishing working protocol http://www.richardingram.co.uk/downloads/content_strategy_approaches.pdf
  • 19. Content strategies Working as a group, select one of the following projects 1. The selection of a new content management system (CMS) for all content providers in your organisation 2. The introduction of a quality assurance process for all web based content published by your organisation 3. The creation of a SWAT (skilled with advanced tools) team in your organisation to assist web content providers
  • 20. Content strategies For your chosen project create an action plan ‣ include everything you consider to be important for success ‣ include anything else you believe is relevant for maximum project effectiveness ‣ consider who all should be involved, why, to what extent, and management of them ‣ ensure that all lessons gained from current content provision are taken into account ‣ where appropriate list mandatory, highly desirable and desirable targets ‣ give regard to the publication process, user interface, consistency, accessibility, metadata, maintenance of content ‣ note any policies that need to be established, privacy statements, disclaimers, other legal or organisational obligations ‣ categorise and prioritise your proposed actions ‣ nominate a spokesperson to summarise your action plan to the whole workshop ‣ answer challenges presented by other groups following your presentation