SlideShare a Scribd company logo
1 of 70
what you don’t
know will hurt youDESIGNING WITH & FOR EXISTING
CONTENT
sara wachter-
boettcher
mobilism 2013
amsterdam
www.flickr.com/photos/gcfairch/4385543669/
we sure
are eager
MOBILE
 FIRST
www.flickr.com/photos/islaclairvaux/3457249348
free app!?
I’ve been there, too.
beneath
what lies
www.123rf.com
is this it?
www.flickr.com/photos/cedwardmoran/3649399678
What are we doing about it?
same old
same old
Mad Men / AMC
or, we
get out
Robert Libetti / Business Insider
Time for some hard truths.
‘‘Making something look simple is
easy; making something simple to
use is much harder—especially when
the underlying systems are complex
—but that’s what we should be doing.
Design Principle #4,
UK Government Digital Service
this is simple
www.flickr.com/photos/kzirkel/8161123197/
this is not
nor is this
and definitely
not this
Complex topics
Changing laws
Years of additions
Endless modifications
Aging platforms
media queries?
toss on some
www.123rf.com
What we really need is some
structure.
Trim, compact writing
Modular content
Logically broken into parts
Clearly labeled
Cleanly stored
This is foundational.
But it doesn’t just happen.
‘‘Structuring content requires synthesizing a
swath of sources, designing usable systems,
changing organizations, training personnel,
soothing egos, adjusting priorities, allaying
fears, reallocating resources... This is big
“S” strategy.
Rachel Lovinger,
“Strategy on the Inside”
it takes time
www.flickr.com/photos/snappa2006/2770979727
If you want to get inside an
organization, get inside its content.
Location Section Subsection
Sub-
subsection Page Name IA Notes Content Notes Update Plan
HC
Pr
http://calexport.fas.harvard.edu/cgi-bin/calendar/exporter.cgi?view=monthviewcal=117046template_url=http%3A%2F%2Fwww.admissions.college.harvard.edu%2Fvisit%2Fcalendar.htmlAdmissions Visit Harvard Visitor's Center Calendar: Tours  Information SessionsVisitor's Center Calendar: Tours  Information SessionsCurrently this is offsite; should this be integrated into the College site?Calendar for when visits are happening. Keep Hig
http://www.college.harvard.edu/icb/icb.do?keyword=k61161tabgroupid=icb.tabgroup84423College Academics Academics Most subpages go offsite, except for academic requirements. But should that be the case? Seems like someLong, multiparagraph page of content without a clear purpose. NeeKeep Hig
http://college.harvard.edu/icb/icb.doCollege College Homepage - Page doesn't have much content unique to it. Is primarily a feed ofKeep Hig
http://events.college.harvard.edu/Events Events Events Calendar Will this be part of our build? Current design is completely different from the rest of the site and ; doesn't seeIndividual events include attributes for: Event Name, Start Time/DatKeep Hig
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270690Freshman Seminars About the Program Director's WelcomeDirector's Welcome Completely different design and nav than College site. Pull into main College IA?Content is fine as is, but not that useful. Could likely be consolidateMerge Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270693Freshman Seminars About the Program In the News In the News Completely different design and nav than College site. Pull into main College IA?Content is out of date (posts are about professors' research makingDelete Mid
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270691Freshman Seminars Contact Us Contact Us Completely different design and nav than College site. Pull into main College IA?Content is straightforward and page is simple.Keep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page298788Freshman Seminars For Faculty Committee For Faculty Committee Completely different design and nav than College site. Pull into main College IA?Content is straightforward and page is simple.Keep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup94471Freshman Seminars For Faculty For Faculty Completely different design and nav than College site. Pull into main College IA?Content is written like a letter, signed by the program director. DoesKeep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page506998Freshman Seminars For Freshmen Student and Faculty FeedbackStudent and Faculty FeedbackCompletely different design and nav than College site. Pull into main College IA?Content seems to be formatted with a different font and custom layoSplit - create modules Mid
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup86241Freshman Seminars For Freshmen Apply to Seminars Apply to Seminars - Duplicates http://freshmanseminars.college.harvard.edu/icb/icb.do?Merge with other ApplicatioMid
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page295201Freshman Seminars For Faculty Propose a SeminarPropose a Seminar Completely different design and nav than College site. Pull into main College IA?Info on how to propose a seminar, eligibility, etc. Would be nice if coKeep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270197Freshman Seminars For Faculty Helpful Information for InstructorsHelpful Information for InstructorsCompletely different design and nav than College site. Pull into main College IA?Links to offsite resources and downloadable formsKeep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page477858Freshman Seminars Seminars Seminar Changes/CancellationsSeminar Changes/CancellationsCompletely different design and nav than College site. Pull into main College IA?Lists cancelled seminars. Keep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270199Freshman Seminars For Faculty Review ApplicationsReview Applications Completely different design and nav than College site. Pull into main College IA?Naming of page seems strange since it's not where you review appRename Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup145480Freshman Seminars About the Program About the Program Completely different design and nav than College site. Pull into main College IA?Not a lot of content about the program—seems to mostly talk aboKeep Mid
http://freshmanseminars.college.harvard.edu/icb/icb.doFreshman Seminars Freshman Seminars Completely different design and nav than College site. Pull into main College IA?Overview content and video are very helpful - tone of copy could beKeep Hig
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup86240Freshman Seminars Seminars Application InformationApplication Information Completely different design and nav than College site. Pull into main College IA?Page has a lot of content, but the apply button is prominent, whichKeep Mid
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup99155Freshman Seminars For Freshmen For Freshmen Completely different design and nav than College site. Pull into main College IA?Page has a video and download at the top that are quite large. CopKeep Mid
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup138909Freshman Seminars Seminars Seminars Completely different design and nav than College site. Pull into main College IA?Seminar content is being pulled in from freshsem.fas.harvard.edu. CKeep Mid
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page556258Freshman Seminars Seminars Spring Meeting Times and LocationsSpring Meeting Times and LocationsCompletely different design and nav than College site. Pull into main College IA?Table of seminars and times. Keep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup94173Freshman Seminars Seminars Fall Seminar Meeting Times and LocationsFall Seminar Meeting Times and LocationsCompletely different design and nav than College site. Pull into main College IA?Table of seminars and times. Keep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page263169Freshman Seminars For Freshmen Freshman FAQs Freshman FAQs Completely different design and nav than College site. Pull into main College IA?Would be nice to use an FAQ module for these. Content of individuKeep Low
http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270226Freshman Seminars For Faculty Faculty FAQs Faculty FAQs Completely different design and nav than College site. Pull into main College IA?Would be nice to use an FAQ module for these. Content of individuKeep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page391128Wintersession Other January Programs Other January ProgramsThe other nomenclature is not very useful: Other than what?All content on this page is about trips students can join. Should theRename Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup151676Wintersession Campus Services Campus Services - Blank page - should have content and be a wayfinder for subpagesMerge with student serviceLow
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup151678Wintersession Campus Services Library Hours Library Hours - Blurb just says click HERE for library calendar and sends user to thMerge with student serviceLow
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page315737Wintersession Campus Services Shuttle Services Shuttle Services - Content could be streamlined and more concise, and send users toMerge with student serviceLow
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page315739Wintersession Campus Services Dining Locations and HoursDining Locations and Hours- Content could be streamlined and more concise.Merge with student serviceLow
http://wintersession.college.harvard.edu/icb/icb.doWintersession Wintersession HomepageSame design as College pages, but navigation changes completely. This site is not easily available from theContent hierarchy is strange—basic content explaining WintersessiKeep Mid
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup158438Wintersession On-Campus Housing On-Campus Housing - Content is clear and well organized. Link to https://starrez.fas.harvaKeep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page385332Wintersession For Faculty For Faculty Content talks about President's January Innovation Fund, but doesKeep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup158475Wintersession 2013 Wintersession Programs 2013 Wintersession ProgramsCalendar of Wintersession events seems to be pulled in from a Google calendar—is this right? Would be greLead-in content is sparse—could use some warmth.Keep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page305618Wintersession Frequently Asked Questions Frequently Asked QuestionsLots of different FAQs on the site. Could these be made into structured modules and tagged to appear in FALight editing for voice/tone and clearer, more concise language.Keep Mid
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page477831Wintersession Connect with Alumni Connect with Alumni - Long page but doesn't need to be updated until next year.Keep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page315736Wintersession Campus Services Library Hours Gym Hours - No content and page is set up as subpage of library.Merge with student serviceLow
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page563620Wintersession Faculty  Alumni Book Talks Faculty  Alumni Book Talks- No content on the page. Should pages like this exist without contenKeep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup151677Wintersession 2013 Wintersession ProgramsSubmit an Activity Submit an Activity Sends user offsite to login-only Wintersession activities portalOffsite - login page Keep Low
http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page478659Wintersession Harvard Travel Tools Harvard Travel Tools Unclear at first what this page is for. Copy has typos and could useKeep Low
http://admissions.college.harvard.edu/about/beyond/arts.htmlAdmissions About Harvard Beyond the ClassroomThe Arts - Content is good, but could use a tone refresh and more breakdownKeep Mid
http://admissions.college.harvard.edu/about/beyond/athletics.htmlAdmissions About Harvard Beyond the ClassroomAthletics - Content is good, direct tone, clear. Keep Mid
http://admissions.college.harvard.edu/about/beyond/research.htmlAdmissions About Harvard Beyond the ClassroomResearch - Content is high quality and broken down nicely—very clear. Could uKeep Mid
http://admissions.college.harvard.edu/about/beyond/index.htmlAdmissions About Harvard Beyond the ClassroomBeyond the Classroom - Content is lengthier than needed for a page used to drive visitors inKeep Hig
http://admissions.college.harvard.edu/about/beyond/community.htmlAdmissions About Harvard Beyond the ClassroomCommunity Outreach - Content is light and could use more specifics and details.Keep Mid
http://admissions.college.harvard.edu/about/beyond/cultural.htmlAdmissions About Harvard Beyond the ClassroomCultural  Ethnic Activities.- Content is light and could use more specifics and details.Keep Mid
http://admissions.college.harvard.edu/about/beyond/politics.htmlAdmissions About Harvard Beyond the ClassroomGovernment  Politics - Content is passive and impersonal but informative.Keep Mid
http://admissions.college.harvard.edu/about/beyond/studyabroad.htmlAdmissions About Harvard Beyond the ClassroomStudy Abroad - Content is passive and impersonal but informative.Keep Mid
http://admissions.college.harvard.edu/about/beyond/clubs.htmlAdmissions About Harvard Beyond the ClassroomStudent Clubs  Activities- Intro content is passive and could use a refresh to be direct and enKeep Mid
http://admissions.college.harvard.edu/about/beyond/environmental.htmlAdmissions About Harvard Beyond the ClassroomSustainability. Environmental Action, and Research- Intro content is passive and could use a refresh to be direct and enKeep Mid
http://admissions.college.harvard.edu/about/beyond/rotc.htmlAdmissions About Harvard Beyond the ClassroomROTC - Intro content is passive and could use a refresh to be direct and enKeep Mid
audit
the content
‘‘A mind-numbingly detailed odyssey
through your web site.
Jeffrey Veen, Adaptive Path, 2002
REASONS TO
GET TO KNOW
YOUR CONTENT
3
LESS CRAP, NOT
SHOEHORNED CRAP
1
FROM
70k
TO3kPAGES
WHAT DO YOU HAVE?
✦ Quantity
✦ Location
✦ Topics
DOES IT FIT YOUR STRATEGY?
✦ Useful for users
✦ Drives business goals
✦ Supports your brand
IS IT ANY GOOD?
✦ Up to date
✦ Well written
✦ Organized
✦ Accessible
outdated
redundant
trivial
www.flickr.com/photos/stevendepolo/5190591885
meaningless
www.flickr.com/photos/atomicjeep/22208897/
the win:SHORT-TERM
Designing for—and supporting—only
what actually matters means less time
on content migration.
(Oh, and less crap for users, too.)
This opens up conversations about
priorities, roles, and responsibilities
before launch.
the win:LONG-TERM
2REPRESENTATIVE
CONTENT
‘‘Design without content is designing with
your eyes closed.
Stephen Hay, Yesterday Morning
infinite
designers?
so...which
content?
www.flickr.com/photos/tdd/4493216417
representative
www.flickr.com/photos/28478778@N05/5728474385/
content
Representative content
is a set that includes one example of
each content type you need to support.
CONTENT TYPES
✦ Based on patterns in content’s
shape, purpose, and “chunks.”
✦ Categorize like content (like
services, bios, people, events).
✦ Can be more or less granular,
depending on your scope.
CONTENT REQUIREMENTS
✦ Define which attributes a content
type needs.
✦ Set formats, character limits, and
optional fields.
✦ Define what you’ll have to work
with—and design for.
Content maps logically to templates
and pattern libraries, rather than
rotting in generic pages.
the win:SHORT-TERM
When every content type has a
purpose, you’re less likely to end up
with stuff you don’t need.
the win:LONG-TERM
RELY ON SYSTEMS,
NOT JUST PAGES
3
‘‘Fitting a complex, multi-level navigation
onto small screens is difficult no matter
what way you slice it.
Brad Frost, “Complex Navigation Patterns for
Responsive Design”
Structured content can help you.
more interconnection,
less nav
CONTENT MODEL
✦ Defines a system of content.
✦ Establishes relationships between
content types.
✦ Defines shared attributes.
METADATA
✦ Provides additional information
about content (topic; author date).
✦ Can be exposed, but the real
magic is behind the scenes.
RULE-BASED LAYOUTS
✦ Rules use metadata to decide how
and where to display content.
✦ Can control combinations of
content modules, related items,
excerpts, and prioritization.
Allows for faceted
search.
Makes related content
actually relevant.
Content is easier to access in range
of natural, useful ways—without
having to lay out every damn page.
the win:SHORT-TERM
When content is a system that supports
the business, it’s not tied to just one
destination. People collaborate—rather
than post whatever, wherever.
the win:LONG-TERM
selfish
let’s get
www.flickr.com/photos/clanlife/4948367381
www.flickr.com/photos/pedrosimoes7/190673196/
hard, right?
you work
this looks
nothing like the
comps!
Don’t let broken content
break you.
look,
really look
www.123rf.com
relying on us
they’re all

More Related Content

What's hot

Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012Sara Wachter-Boettcher
 
Design for What Matters With Content Strategy
Design for What Matters With Content StrategyDesign for What Matters With Content Strategy
Design for What Matters With Content StrategySara Wachter-Boettcher
 
The Process Improvement Secret
The Process Improvement Secret The Process Improvement Secret
The Process Improvement Secret James Lawther
 
How To Succeed In Web Design
How To Succeed In Web DesignHow To Succeed In Web Design
How To Succeed In Web DesignShawn Rider
 
Manage software risk in uncertain times with Agile
Manage software risk in uncertain times with AgileManage software risk in uncertain times with Agile
Manage software risk in uncertain times with AgileGerry Kirk
 
Google Authorship Bugs and Problems
Google Authorship Bugs and ProblemsGoogle Authorship Bugs and Problems
Google Authorship Bugs and ProblemsSean Murray
 
Agile Intro + Learning Game
Agile   Intro + Learning GameAgile   Intro + Learning Game
Agile Intro + Learning GameGerry Kirk
 
DF Global Gathering PuneWIT
DF Global Gathering PuneWITDF Global Gathering PuneWIT
DF Global Gathering PuneWITDaniel Peter
 
Efficient Search Campaigns SAScon May 2012
Efficient Search Campaigns SAScon May 2012Efficient Search Campaigns SAScon May 2012
Efficient Search Campaigns SAScon May 2012Steve Lock
 
Web Design Workflow and 
Tools that Make Life Easy
Web Design Workflow and 
Tools that Make Life EasyWeb Design Workflow and 
Tools that Make Life Easy
Web Design Workflow and 
Tools that Make Life EasySang-Min Yoon
 
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...Ruth Cheesley
 
Behaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeisBehaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeisHugo Lopes Tavares
 
Lean & Agile Introduction - Belgian Advertising School '13
Lean & Agile Introduction - Belgian Advertising School '13Lean & Agile Introduction - Belgian Advertising School '13
Lean & Agile Introduction - Belgian Advertising School '13bart vermijlen
 
Sundries solutions ou_aitp_4_27_11
Sundries solutions ou_aitp_4_27_11Sundries solutions ou_aitp_4_27_11
Sundries solutions ou_aitp_4_27_11sundriessolutions
 
Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012Will Critchlow
 

What's hot (20)

Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012
 
Content Amid Chaos
Content Amid ChaosContent Amid Chaos
Content Amid Chaos
 
Design for What Matters With Content Strategy
Design for What Matters With Content StrategyDesign for What Matters With Content Strategy
Design for What Matters With Content Strategy
 
The Process Improvement Secret
The Process Improvement Secret The Process Improvement Secret
The Process Improvement Secret
 
How To Succeed In Web Design
How To Succeed In Web DesignHow To Succeed In Web Design
How To Succeed In Web Design
 
Manage software risk in uncertain times with Agile
Manage software risk in uncertain times with AgileManage software risk in uncertain times with Agile
Manage software risk in uncertain times with Agile
 
Google Authorship Bugs and Problems
Google Authorship Bugs and ProblemsGoogle Authorship Bugs and Problems
Google Authorship Bugs and Problems
 
Evernote for students
Evernote for studentsEvernote for students
Evernote for students
 
Agile Intro + Learning Game
Agile   Intro + Learning GameAgile   Intro + Learning Game
Agile Intro + Learning Game
 
DF Global Gathering PuneWIT
DF Global Gathering PuneWITDF Global Gathering PuneWIT
DF Global Gathering PuneWIT
 
Efficient Search Campaigns SAScon May 2012
Efficient Search Campaigns SAScon May 2012Efficient Search Campaigns SAScon May 2012
Efficient Search Campaigns SAScon May 2012
 
Web Design Workflow and 
Tools that Make Life Easy
Web Design Workflow and 
Tools that Make Life EasyWeb Design Workflow and 
Tools that Make Life Easy
Web Design Workflow and 
Tools that Make Life Easy
 
Sdsd
SdsdSdsd
Sdsd
 
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
Time to stop breaking your promises - dealing with 404's, broken URLs and pla...
 
Behaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeisBehaviour-Driven Development: escrevendo especificações ágeis
Behaviour-Driven Development: escrevendo especificações ágeis
 
Lean & Agile Introduction - Belgian Advertising School '13
Lean & Agile Introduction - Belgian Advertising School '13Lean & Agile Introduction - Belgian Advertising School '13
Lean & Agile Introduction - Belgian Advertising School '13
 
Sundries solutions ou_aitp_4_27_11
Sundries solutions ou_aitp_4_27_11Sundries solutions ou_aitp_4_27_11
Sundries solutions ou_aitp_4_27_11
 
Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012Common Technical Mistakes SMX Munich 2012
Common Technical Mistakes SMX Munich 2012
 
Planning
PlanningPlanning
Planning
 
Web 2.0 Recap
Web 2.0 RecapWeb 2.0 Recap
Web 2.0 Recap
 

Similar to What you don't know will hurt you: Designing with and for existing content

Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Anna Dahlström
 
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...Alain Fortier
 
resume_2016_low_rez
resume_2016_low_rezresume_2016_low_rez
resume_2016_low_rezJames Gray
 
STLDODN - Get Rid of CRUD faster!
STLDODN - Get Rid of CRUD faster!STLDODN - Get Rid of CRUD faster!
STLDODN - Get Rid of CRUD faster!kshaffar
 
Spring IO 2012: The Walking Dead - Desktop Applications with Spring RCP
Spring IO 2012: The Walking Dead - Desktop Applications with Spring RCPSpring IO 2012: The Walking Dead - Desktop Applications with Spring RCP
Spring IO 2012: The Walking Dead - Desktop Applications with Spring RCPJulio Argüello
 
Creating Sustainable Website Processes
Creating Sustainable Website ProcessesCreating Sustainable Website Processes
Creating Sustainable Website ProcessesNatalie Semczuk
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSThinkful
 
From Design to Delivery
From Design to DeliveryFrom Design to Delivery
From Design to DeliveryJeff Cortez
 
2020 06-03 cukenfest-bdd-and-sl_os
2020 06-03 cukenfest-bdd-and-sl_os2020 06-03 cukenfest-bdd-and-sl_os
2020 06-03 cukenfest-bdd-and-sl_osAbigail Bangser
 
CIS 339 Entire Course NEW
CIS 339 Entire Course NEWCIS 339 Entire Course NEW
CIS 339 Entire Course NEWshyamuopuop
 
Death by Powerpoint
Death by PowerpointDeath by Powerpoint
Death by PowerpointElsa Velasco
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)Future Insights
 
Agile Practice in Drupal 8 Module Development
Agile Practice in Drupal 8 Module DevelopmentAgile Practice in Drupal 8 Module Development
Agile Practice in Drupal 8 Module DevelopmentDOCOMO Innovations, Inc.
 
Bootstrap for beginners (ms) edukite
Bootstrap for beginners (ms)   edukiteBootstrap for beginners (ms)   edukite
Bootstrap for beginners (ms) edukiteEduKite
 
Big Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuff
Big Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuffBig Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuff
Big Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuffMoshe Kaplan
 
There's More Than 1 Way To Skin A Theme
There's More Than 1 Way To Skin A ThemeThere's More Than 1 Way To Skin A Theme
There's More Than 1 Way To Skin A ThemeSennza Design
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LAThinkful
 

Similar to What you don't know will hurt you: Designing with and for existing content (20)

Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
Part 2: Intermediate Designing for Multiple Devices - GA London, 31 Jul 2013
 
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
Université Laval - Analyste d'affaires - agence affaires électroniques - Alai...
 
resume_2016_low_rez
resume_2016_low_rezresume_2016_low_rez
resume_2016_low_rez
 
STLDODN - Get Rid of CRUD faster!
STLDODN - Get Rid of CRUD faster!STLDODN - Get Rid of CRUD faster!
STLDODN - Get Rid of CRUD faster!
 
Suresh Gyan Vihar University Distance Education Prospectus
Suresh Gyan Vihar University Distance Education ProspectusSuresh Gyan Vihar University Distance Education Prospectus
Suresh Gyan Vihar University Distance Education Prospectus
 
Spring IO 2012: The Walking Dead - Desktop Applications with Spring RCP
Spring IO 2012: The Walking Dead - Desktop Applications with Spring RCPSpring IO 2012: The Walking Dead - Desktop Applications with Spring RCP
Spring IO 2012: The Walking Dead - Desktop Applications with Spring RCP
 
Creating Sustainable Website Processes
Creating Sustainable Website ProcessesCreating Sustainable Website Processes
Creating Sustainable Website Processes
 
Build Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSSBuild Your Own Website with HTML/CSS
Build Your Own Website with HTML/CSS
 
Portfolio
PortfolioPortfolio
Portfolio
 
From Design to Delivery
From Design to DeliveryFrom Design to Delivery
From Design to Delivery
 
2020 06-03 cukenfest-bdd-and-sl_os
2020 06-03 cukenfest-bdd-and-sl_os2020 06-03 cukenfest-bdd-and-sl_os
2020 06-03 cukenfest-bdd-and-sl_os
 
CIS 339 Entire Course NEW
CIS 339 Entire Course NEWCIS 339 Entire Course NEW
CIS 339 Entire Course NEW
 
Prashant
PrashantPrashant
Prashant
 
Death by Powerpoint
Death by PowerpointDeath by Powerpoint
Death by Powerpoint
 
So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)So…What Do I Make? (Dan Mall)
So…What Do I Make? (Dan Mall)
 
Agile Practice in Drupal 8 Module Development
Agile Practice in Drupal 8 Module DevelopmentAgile Practice in Drupal 8 Module Development
Agile Practice in Drupal 8 Module Development
 
Bootstrap for beginners (ms) edukite
Bootstrap for beginners (ms)   edukiteBootstrap for beginners (ms)   edukite
Bootstrap for beginners (ms) edukite
 
Big Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuff
Big Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuffBig Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuff
Big Data Seminar: Analytics, Hadoop, Map Reduce, Mongo and other great stuff
 
There's More Than 1 Way To Skin A Theme
There's More Than 1 Way To Skin A ThemeThere's More Than 1 Way To Skin A Theme
There's More Than 1 Way To Skin A Theme
 
Build your own website July 2017 LA
Build your own website July 2017 LABuild your own website July 2017 LA
Build your own website July 2017 LA
 

More from Sara Wachter-Boettcher

All Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive RedesignAll Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive RedesignSara Wachter-Boettcher
 
Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013Sara Wachter-Boettcher
 
Our Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied KeynoteOur Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied KeynoteSara Wachter-Boettcher
 
What you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing contentWhat you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing contentSara Wachter-Boettcher
 
Getting unstuck: content strategy for the future
Getting unstuck: content strategy for the futureGetting unstuck: content strategy for the future
Getting unstuck: content strategy for the futureSara Wachter-Boettcher
 
Getting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA SummitGetting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA SummitSara Wachter-Boettcher
 
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012Sara Wachter-Boettcher
 
Content as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black WorkshopContent as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black WorkshopSara Wachter-Boettcher
 

More from Sara Wachter-Boettcher (11)

Everybody Hurts: Content for Kindness
Everybody Hurts: Content for KindnessEverybody Hurts: Content for Kindness
Everybody Hurts: Content for Kindness
 
All Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive RedesignAll Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive Redesign
 
Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013
 
Our Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied KeynoteOur Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied Keynote
 
What you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing contentWhat you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing content
 
Getting unstuck: content strategy for the future
Getting unstuck: content strategy for the futureGetting unstuck: content strategy for the future
Getting unstuck: content strategy for the future
 
Getting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA SummitGetting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA Summit
 
Content that Travels: Euro IA 2012
Content that Travels: Euro IA 2012Content that Travels: Euro IA 2012
Content that Travels: Euro IA 2012
 
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
 
Content Everywhere - WebVisions PDX
Content Everywhere - WebVisions PDXContent Everywhere - WebVisions PDX
Content Everywhere - WebVisions PDX
 
Content as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black WorkshopContent as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black Workshop
 

Recently uploaded

Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Mark Simos
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...itnewsafrica
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...amber724300
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI AgeCprime
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Karmanjay Verma
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentPim van der Noll
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...Karmanjay Verma
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxAna-Maria Mihalceanu
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Kaya Weers
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsNathaniel Shimoni
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfNeo4j
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Strongerpanagenda
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsRavi Sanghani
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...itnewsafrica
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Alkin Tezuysal
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfIngrid Airi González
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsYoss Cohen
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...panagenda
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Mark Goldstein
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFMichael Gough
 

Recently uploaded (20)

Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
Tampa BSides - The No BS SOC (slides from April 6, 2024 talk)
 
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...Zeshan Sattar- Assessing the skill requirements and industry expectations for...
Zeshan Sattar- Assessing the skill requirements and industry expectations for...
 
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
JET Technology Labs White Paper for Virtualized Security and Encryption Techn...
 
A Framework for Development in the AI Age
A Framework for Development in the AI AgeA Framework for Development in the AI Age
A Framework for Development in the AI Age
 
Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#Microservices, Docker deploy and Microservices source code in C#
Microservices, Docker deploy and Microservices source code in C#
 
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native developmentEmixa Mendix Meetup 11 April 2024 about Mendix Native development
Emixa Mendix Meetup 11 April 2024 about Mendix Native development
 
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...React JS; all concepts. Contains React Features, JSX, functional & Class comp...
React JS; all concepts. Contains React Features, JSX, functional & Class comp...
 
A Glance At The Java Performance Toolbox
A Glance At The Java Performance ToolboxA Glance At The Java Performance Toolbox
A Glance At The Java Performance Toolbox
 
Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)Design pattern talk by Kaya Weers - 2024 (v2)
Design pattern talk by Kaya Weers - 2024 (v2)
 
Time Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directionsTime Series Foundation Models - current state and future directions
Time Series Foundation Models - current state and future directions
 
Connecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdfConnecting the Dots for Information Discovery.pdf
Connecting the Dots for Information Discovery.pdf
 
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better StrongerModern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
Modern Roaming for Notes and Nomad – Cheaper Faster Better Stronger
 
Potential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and InsightsPotential of AI (Generative AI) in Business: Learnings and Insights
Potential of AI (Generative AI) in Business: Learnings and Insights
 
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...Abdul Kader Baba- Managing Cybersecurity Risks  and Compliance Requirements i...
Abdul Kader Baba- Managing Cybersecurity Risks and Compliance Requirements i...
 
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
Unleashing Real-time Insights with ClickHouse_ Navigating the Landscape in 20...
 
Generative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdfGenerative Artificial Intelligence: How generative AI works.pdf
Generative Artificial Intelligence: How generative AI works.pdf
 
Infrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platformsInfrared simulation and processing on Nvidia platforms
Infrared simulation and processing on Nvidia platforms
 
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
Why device, WIFI, and ISP insights are crucial to supporting remote Microsoft...
 
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
Arizona Broadband Policy Past, Present, and Future Presentation 3/25/24
 
All These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDFAll These Sophisticated Attacks, Can We Really Detect Them - PDF
All These Sophisticated Attacks, Can We Really Detect Them - PDF
 

What you don't know will hurt you: Designing with and for existing content

  • 1. what you don’t know will hurt youDESIGNING WITH & FOR EXISTING CONTENT sara wachter- boettcher mobilism 2013 amsterdam www.flickr.com/photos/gcfairch/4385543669/
  • 8. What are we doing about it?
  • 10. or, we get out Robert Libetti / Business Insider
  • 11. Time for some hard truths.
  • 12. ‘‘Making something look simple is easy; making something simple to use is much harder—especially when the underlying systems are complex —but that’s what we should be doing. Design Principle #4, UK Government Digital Service
  • 13.
  • 18. Complex topics Changing laws Years of additions Endless modifications Aging platforms
  • 19. media queries? toss on some www.123rf.com
  • 20. What we really need is some structure.
  • 21. Trim, compact writing Modular content Logically broken into parts Clearly labeled Cleanly stored
  • 23. But it doesn’t just happen.
  • 24. ‘‘Structuring content requires synthesizing a swath of sources, designing usable systems, changing organizations, training personnel, soothing egos, adjusting priorities, allaying fears, reallocating resources... This is big “S” strategy. Rachel Lovinger, “Strategy on the Inside”
  • 26. If you want to get inside an organization, get inside its content.
  • 27. Location Section Subsection Sub- subsection Page Name IA Notes Content Notes Update Plan HC Pr http://calexport.fas.harvard.edu/cgi-bin/calendar/exporter.cgi?view=monthviewcal=117046template_url=http%3A%2F%2Fwww.admissions.college.harvard.edu%2Fvisit%2Fcalendar.htmlAdmissions Visit Harvard Visitor's Center Calendar: Tours Information SessionsVisitor's Center Calendar: Tours Information SessionsCurrently this is offsite; should this be integrated into the College site?Calendar for when visits are happening. Keep Hig http://www.college.harvard.edu/icb/icb.do?keyword=k61161tabgroupid=icb.tabgroup84423College Academics Academics Most subpages go offsite, except for academic requirements. But should that be the case? Seems like someLong, multiparagraph page of content without a clear purpose. NeeKeep Hig http://college.harvard.edu/icb/icb.doCollege College Homepage - Page doesn't have much content unique to it. Is primarily a feed ofKeep Hig http://events.college.harvard.edu/Events Events Events Calendar Will this be part of our build? Current design is completely different from the rest of the site and ; doesn't seeIndividual events include attributes for: Event Name, Start Time/DatKeep Hig http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270690Freshman Seminars About the Program Director's WelcomeDirector's Welcome Completely different design and nav than College site. Pull into main College IA?Content is fine as is, but not that useful. Could likely be consolidateMerge Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270693Freshman Seminars About the Program In the News In the News Completely different design and nav than College site. Pull into main College IA?Content is out of date (posts are about professors' research makingDelete Mid http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270691Freshman Seminars Contact Us Contact Us Completely different design and nav than College site. Pull into main College IA?Content is straightforward and page is simple.Keep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page298788Freshman Seminars For Faculty Committee For Faculty Committee Completely different design and nav than College site. Pull into main College IA?Content is straightforward and page is simple.Keep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup94471Freshman Seminars For Faculty For Faculty Completely different design and nav than College site. Pull into main College IA?Content is written like a letter, signed by the program director. DoesKeep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page506998Freshman Seminars For Freshmen Student and Faculty FeedbackStudent and Faculty FeedbackCompletely different design and nav than College site. Pull into main College IA?Content seems to be formatted with a different font and custom layoSplit - create modules Mid http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup86241Freshman Seminars For Freshmen Apply to Seminars Apply to Seminars - Duplicates http://freshmanseminars.college.harvard.edu/icb/icb.do?Merge with other ApplicatioMid http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page295201Freshman Seminars For Faculty Propose a SeminarPropose a Seminar Completely different design and nav than College site. Pull into main College IA?Info on how to propose a seminar, eligibility, etc. Would be nice if coKeep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270197Freshman Seminars For Faculty Helpful Information for InstructorsHelpful Information for InstructorsCompletely different design and nav than College site. Pull into main College IA?Links to offsite resources and downloadable formsKeep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page477858Freshman Seminars Seminars Seminar Changes/CancellationsSeminar Changes/CancellationsCompletely different design and nav than College site. Pull into main College IA?Lists cancelled seminars. Keep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270199Freshman Seminars For Faculty Review ApplicationsReview Applications Completely different design and nav than College site. Pull into main College IA?Naming of page seems strange since it's not where you review appRename Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup145480Freshman Seminars About the Program About the Program Completely different design and nav than College site. Pull into main College IA?Not a lot of content about the program—seems to mostly talk aboKeep Mid http://freshmanseminars.college.harvard.edu/icb/icb.doFreshman Seminars Freshman Seminars Completely different design and nav than College site. Pull into main College IA?Overview content and video are very helpful - tone of copy could beKeep Hig http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup86240Freshman Seminars Seminars Application InformationApplication Information Completely different design and nav than College site. Pull into main College IA?Page has a lot of content, but the apply button is prominent, whichKeep Mid http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup99155Freshman Seminars For Freshmen For Freshmen Completely different design and nav than College site. Pull into main College IA?Page has a video and download at the top that are quite large. CopKeep Mid http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup138909Freshman Seminars Seminars Seminars Completely different design and nav than College site. Pull into main College IA?Seminar content is being pulled in from freshsem.fas.harvard.edu. CKeep Mid http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page556258Freshman Seminars Seminars Spring Meeting Times and LocationsSpring Meeting Times and LocationsCompletely different design and nav than College site. Pull into main College IA?Table of seminars and times. Keep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681tabgroupid=icb.tabgroup94173Freshman Seminars Seminars Fall Seminar Meeting Times and LocationsFall Seminar Meeting Times and LocationsCompletely different design and nav than College site. Pull into main College IA?Table of seminars and times. Keep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page263169Freshman Seminars For Freshmen Freshman FAQs Freshman FAQs Completely different design and nav than College site. Pull into main College IA?Would be nice to use an FAQ module for these. Content of individuKeep Low http://freshmanseminars.college.harvard.edu/icb/icb.do?keyword=k61681pageid=icb.page270226Freshman Seminars For Faculty Faculty FAQs Faculty FAQs Completely different design and nav than College site. Pull into main College IA?Would be nice to use an FAQ module for these. Content of individuKeep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page391128Wintersession Other January Programs Other January ProgramsThe other nomenclature is not very useful: Other than what?All content on this page is about trips students can join. Should theRename Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup151676Wintersession Campus Services Campus Services - Blank page - should have content and be a wayfinder for subpagesMerge with student serviceLow http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup151678Wintersession Campus Services Library Hours Library Hours - Blurb just says click HERE for library calendar and sends user to thMerge with student serviceLow http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page315737Wintersession Campus Services Shuttle Services Shuttle Services - Content could be streamlined and more concise, and send users toMerge with student serviceLow http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page315739Wintersession Campus Services Dining Locations and HoursDining Locations and Hours- Content could be streamlined and more concise.Merge with student serviceLow http://wintersession.college.harvard.edu/icb/icb.doWintersession Wintersession HomepageSame design as College pages, but navigation changes completely. This site is not easily available from theContent hierarchy is strange—basic content explaining WintersessiKeep Mid http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup158438Wintersession On-Campus Housing On-Campus Housing - Content is clear and well organized. Link to https://starrez.fas.harvaKeep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page385332Wintersession For Faculty For Faculty Content talks about President's January Innovation Fund, but doesKeep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup158475Wintersession 2013 Wintersession Programs 2013 Wintersession ProgramsCalendar of Wintersession events seems to be pulled in from a Google calendar—is this right? Would be greLead-in content is sparse—could use some warmth.Keep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page305618Wintersession Frequently Asked Questions Frequently Asked QuestionsLots of different FAQs on the site. Could these be made into structured modules and tagged to appear in FALight editing for voice/tone and clearer, more concise language.Keep Mid http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page477831Wintersession Connect with Alumni Connect with Alumni - Long page but doesn't need to be updated until next year.Keep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page315736Wintersession Campus Services Library Hours Gym Hours - No content and page is set up as subpage of library.Merge with student serviceLow http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page563620Wintersession Faculty Alumni Book Talks Faculty Alumni Book Talks- No content on the page. Should pages like this exist without contenKeep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreaktabgroupid=icb.tabgroup151677Wintersession 2013 Wintersession ProgramsSubmit an Activity Submit an Activity Sends user offsite to login-only Wintersession activities portalOffsite - login page Keep Low http://wintersession.college.harvard.edu/icb/icb.do?keyword=winterbreakpageid=icb.page478659Wintersession Harvard Travel Tools Harvard Travel Tools Unclear at first what this page is for. Copy has typos and could useKeep Low http://admissions.college.harvard.edu/about/beyond/arts.htmlAdmissions About Harvard Beyond the ClassroomThe Arts - Content is good, but could use a tone refresh and more breakdownKeep Mid http://admissions.college.harvard.edu/about/beyond/athletics.htmlAdmissions About Harvard Beyond the ClassroomAthletics - Content is good, direct tone, clear. Keep Mid http://admissions.college.harvard.edu/about/beyond/research.htmlAdmissions About Harvard Beyond the ClassroomResearch - Content is high quality and broken down nicely—very clear. Could uKeep Mid http://admissions.college.harvard.edu/about/beyond/index.htmlAdmissions About Harvard Beyond the ClassroomBeyond the Classroom - Content is lengthier than needed for a page used to drive visitors inKeep Hig http://admissions.college.harvard.edu/about/beyond/community.htmlAdmissions About Harvard Beyond the ClassroomCommunity Outreach - Content is light and could use more specifics and details.Keep Mid http://admissions.college.harvard.edu/about/beyond/cultural.htmlAdmissions About Harvard Beyond the ClassroomCultural Ethnic Activities.- Content is light and could use more specifics and details.Keep Mid http://admissions.college.harvard.edu/about/beyond/politics.htmlAdmissions About Harvard Beyond the ClassroomGovernment Politics - Content is passive and impersonal but informative.Keep Mid http://admissions.college.harvard.edu/about/beyond/studyabroad.htmlAdmissions About Harvard Beyond the ClassroomStudy Abroad - Content is passive and impersonal but informative.Keep Mid http://admissions.college.harvard.edu/about/beyond/clubs.htmlAdmissions About Harvard Beyond the ClassroomStudent Clubs Activities- Intro content is passive and could use a refresh to be direct and enKeep Mid http://admissions.college.harvard.edu/about/beyond/environmental.htmlAdmissions About Harvard Beyond the ClassroomSustainability. Environmental Action, and Research- Intro content is passive and could use a refresh to be direct and enKeep Mid http://admissions.college.harvard.edu/about/beyond/rotc.htmlAdmissions About Harvard Beyond the ClassroomROTC - Intro content is passive and could use a refresh to be direct and enKeep Mid audit the content
  • 28. ‘‘A mind-numbingly detailed odyssey through your web site. Jeffrey Veen, Adaptive Path, 2002
  • 29. REASONS TO GET TO KNOW YOUR CONTENT 3
  • 32. WHAT DO YOU HAVE? ✦ Quantity ✦ Location ✦ Topics
  • 33. DOES IT FIT YOUR STRATEGY? ✦ Useful for users ✦ Drives business goals ✦ Supports your brand
  • 34. IS IT ANY GOOD? ✦ Up to date ✦ Well written ✦ Organized ✦ Accessible
  • 37. the win:SHORT-TERM Designing for—and supporting—only what actually matters means less time on content migration. (Oh, and less crap for users, too.)
  • 38. This opens up conversations about priorities, roles, and responsibilities before launch. the win:LONG-TERM
  • 40. ‘‘Design without content is designing with your eyes closed. Stephen Hay, Yesterday Morning
  • 44. Representative content is a set that includes one example of each content type you need to support.
  • 45.
  • 46.
  • 47. CONTENT TYPES ✦ Based on patterns in content’s shape, purpose, and “chunks.” ✦ Categorize like content (like services, bios, people, events). ✦ Can be more or less granular, depending on your scope.
  • 48. CONTENT REQUIREMENTS ✦ Define which attributes a content type needs. ✦ Set formats, character limits, and optional fields. ✦ Define what you’ll have to work with—and design for.
  • 49. Content maps logically to templates and pattern libraries, rather than rotting in generic pages. the win:SHORT-TERM
  • 50. When every content type has a purpose, you’re less likely to end up with stuff you don’t need. the win:LONG-TERM
  • 51. RELY ON SYSTEMS, NOT JUST PAGES 3
  • 52. ‘‘Fitting a complex, multi-level navigation onto small screens is difficult no matter what way you slice it. Brad Frost, “Complex Navigation Patterns for Responsive Design”
  • 53.
  • 54.
  • 57. CONTENT MODEL ✦ Defines a system of content. ✦ Establishes relationships between content types. ✦ Defines shared attributes.
  • 58. METADATA ✦ Provides additional information about content (topic; author date). ✦ Can be exposed, but the real magic is behind the scenes.
  • 59. RULE-BASED LAYOUTS ✦ Rules use metadata to decide how and where to display content. ✦ Can control combinations of content modules, related items, excerpts, and prioritization.
  • 60.
  • 63. Content is easier to access in range of natural, useful ways—without having to lay out every damn page. the win:SHORT-TERM
  • 64. When content is a system that supports the business, it’s not tied to just one destination. People collaborate—rather than post whatever, wherever. the win:LONG-TERM
  • 68. Don’t let broken content break you.
  • 71. thank you, MOBILISM Flickr images used via CC-Attribution license unless otherwise noted. sarawb.com @sara_ann_marie rfld.me/content-everywhere