Slide 1

Slide 1 text

Managing Content on the Princeton Web Lunch 'n Learn - Princeton University November 11th, 2009 Thursday, November 12, 2009

Slide 2

Slide 2 text

Content Thursday, November 12, 2009

Slide 3

Slide 3 text

Where to Begin? • define the site’s goal • ask questions • filter the answers • design document Thursday, November 12, 2009

Slide 4

Slide 4 text

What is IA? “Information architecture (IA) is the art of expressing a model or concept of information used in activities that require explicit details of complex systems.” Source: http://en.wikipedia.org/wiki/Information_Architecture Thursday, November 12, 2009

Slide 5

Slide 5 text

portabello poppies zinnias snapdragons shitake sliders snapping bog musk chanterelle tulips marigold impatiens hedgehog porcini clematis hydrangea painted matsutake Thursday, November 12, 2009

Slide 6

Slide 6 text

portabello poppies zinnias snapdragons shitake sliders snapping bog musk chanterelle tulips marigold impatiens hedgehog porcini clematis hydrangea painted matsutake Thursday, November 12, 2009

Slide 7

Slide 7 text

portabello poppies zinnias snapdragons shitake sliders snapping bog musk chanterelle tulips marigold impatiens hedgehog porcini clematis hydrangea painted matsutake Thursday, November 12, 2009

Slide 8

Slide 8 text

portabello poppies zinnias snapdragons shitake sliders snapping bog musk chanterelle tulips marigold impatiens hedgehog porcini clematis hydrangea painted matsutake Thursday, November 12, 2009

Slide 9

Slide 9 text

portabello poppies zinnias snapdragons shitake sliders snapping bog musk chanterelle tulips marigold impatiens hedgehog porcini clematis hydrangea painted matsutake Thursday, November 12, 2009

Slide 10

Slide 10 text

Thursday, November 12, 2009

Slide 11

Slide 11 text

Thursday, November 12, 2009

Slide 12

Slide 12 text

Information Architecture • Data Sheets • User Stories • Concept Map • Bullseye Diagram • Navigation Map Thursday, November 12, 2009

Slide 13

Slide 13 text

Creating Data Sheets • collect general information about each of your interviewees • find out about the interviewee’s goals upon visiting your site • If redesigning: • likes/dislikes about current site • content navigable/understandable? Thursday, November 12, 2009

Slide 14

Slide 14 text

One-on-one Interviews • come to the interview unprepared • take user off-subject to gain understanding • write a thank you note Thursday, November 12, 2009

Slide 15

Slide 15 text

Data Sheets Thursday, November 12, 2009

Slide 16

Slide 16 text

Creating User Stories • agile software/web development • use 3x5 cards • customer creates user story • prioritize Thursday, November 12, 2009

Slide 17

Slide 17 text

User Stories Thursday, November 12, 2009

Slide 18

Slide 18 text

Creating Concept Maps • make a list of nouns in your domain • draw lines connecting terms (nouns) • annotate lines with relationships (verbs) Thursday, November 12, 2009

Slide 19

Slide 19 text

Concept Map Thursday, November 12, 2009

Slide 20

Slide 20 text

Creating Bullseye Diagram • make a list of tasks (user stories) • draw a bullseye with three rings • place tasks in rings • look for natural relationships/structure Thursday, November 12, 2009

Slide 21

Slide 21 text

Bullseye Diagram Thursday, November 12, 2009

Slide 22

Slide 22 text

Creating Navigation Map • pick a landing place/page/screen • loosely define the UI for that “place” • backup one step. How do you get there? • sketch siblings that are connected • step back & look for patterns/relationships Thursday, November 12, 2009

Slide 23

Slide 23 text

Navigation Map Thursday, November 12, 2009

Slide 24

Slide 24 text

Manage Thursday, November 12, 2009

Slide 25

Slide 25 text

Managing Content • focus on top tasks • know your audience • write for the web • keep content current • archive content/web records Thursday, November 12, 2009

Slide 26

Slide 26 text

Focusing on Top Tasks • listen to customers • review your data • talk to customers Thursday, November 12, 2009

Slide 27

Slide 27 text

Know Your Audience • usability testing and research • customer satisfaction surveys • focus groups • market research • web server logs • email, phone calls, letters, etc • input from other web content managers • analyze search data • commercial products Thursday, November 12, 2009

Slide 28

Slide 28 text

Write for the Web • write for your audience • written in plain, simple language • tailor your writing to the audience with the least expertise • test your writing with typical visitors Thursday, November 12, 2009

Slide 29

Slide 29 text

Keep Content Current • establish a content review process • use date stamps • manage links • review homepage, major entry points, and navigation elements Thursday, November 12, 2009

Slide 30

Slide 30 text

Systems Thursday, November 12, 2009

Slide 31

Slide 31 text

What is a CMS? “A content management system (CMS) is a collection of procedures used to manage work flow in a collaborative environment” Source: http://en.wikipedia.org/wiki/Content_management_system Thursday, November 12, 2009

Slide 32

Slide 32 text

Types of CMS • Enterprise CMS (ECMS) • Web CMS (WCMS) • Document Management System (DMS) • Mobile Content Management System • Component Content Management System • Media Content Management System • Knowledge Management System Thursday, November 12, 2009

Slide 33

Slide 33 text

Managing Content • metadata • integration • capture • indexing • storage • retrieval • distribution • security • workflow • disaster recovery • retention period • archiving • collaboration • versioning Thursday, November 12, 2009

Slide 34

Slide 34 text

Features of a Web CMS • collaboration • automated templates • easily editable content • web standards • workflow • delegation • reusability • decentralized maintenance • non-technical • separation of content from design • access control Thursday, November 12, 2009

Slide 35

Slide 35 text

Various CMS Thursday, November 12, 2009

Slide 36

Slide 36 text

Recommended Readings • Designing Web Usability by Jakob Nielson • Designing with Web Standards 3rd edition by Jeffrey Zeldman • Information Architecture for the World Wide Web by Louis Rosenfeld and Peter Morville • Princeton's Guide to Creating Website Information Architecture and Content http://tinyurl.com/pu-site Thursday, November 12, 2009

Slide 37

Slide 37 text

Questions? Thursday, November 12, 2009

Slide 38

Slide 38 text

Contact Henry Umansky Princeton University [email protected] A special thanks goes to... Beck Trench at Duke University, Michael Muzzie at Princeton University, Mark Ratliff at Princeton University, Web Development Services at Princeton University, Office of Communications at Princeton University, The IT Crowd, Geek and Poke, Jakob Nielson, Jeffrey Zeldman, Louis Rosenfeld and Peter Morville Thursday, November 12, 2009