Erin Scime, HUGE  + Melissa Rach, Brain TrafficContent Strategy Consortium Memphis 03 19 09Content Strategy Consortium, Memphis, 03.19.09

WHAT WE’LL COVERAbout Us | Vocabulary | Case Studies | y |

ABOUT USWe Like Libraries. 

Ab t E iAbout Erin

• A curator of digital objects.

• A “preditor.”

• An innovator of interaction design / layout.

“an ID without owning wireframes”g

Ab t M liAbout Melissa 

• I worked in libraries, too!   

• Journalist  

• Interactive training film company lackey 

• Magazine publishing –> agency –> software –> g p g g yagency –> agency –> agency –> agency 

• Independent 

• Let’s Dish!

• Brain Traffic 

VOCABULARYAre we all talking about the same thing?g g

S h t d IA d ?So, what does an IA do?

Pretty much everyone has their own definition, depending on:

• What you do (and what you don’t want to do)

• What your favorite IA does (and what she did before she became an IA)

• What kinds of projects you work on

Wh t l IA dWhat people say IAs do:“They make the site maps and wireframes.”

Wh t l IA dWhat people say IAs do:“They make the site maps and wireframes.”( t l )(um… not always )

H ’d t i thi ?How’d we get in this mess?

A wee bit of history

• 1975: Wurman makes up the term “information architecture”

• 1975: Age of librarians 

• 1985: Age of database designers

• 1995: Age of web “designers” (graphic designers and programmers)

Melissa’s first “interactive agency”g ybusiness card (circa 1997) – the back 

Genius!

Melissa’s first “interactive agency”g ybusiness card (circa 1997) – the front

Eh?Eh? 

IA t dIA today  (age of user experience design) A small sample of tasks sometimes performed by “IAs”: 

• Document business goals 

• Define user types, tasks, and attributes 

• Define or analyze information repositories (databases etc )• Define or analyze information repositories (databases, etc.)

• Define and prioritize site content  

• Categorize and organize content (overall site and per template/ page/component)

• Design access paths to content (navigation, search, linking, etc.)

• Provide detailed specifications for functional flows• Provide detailed specifications for functional flows

• Define detailed page structure (layout)

• Create a working prototype of the site 

• Perform usability tests

A d th th ’ I f ti D iAnd, then there’s Information Design

Sure I have my opinion…..

….but that’s not scientific

…….so I asked my colleagues insteady g

A di t f HUGEAccording to a few HUGErs

ID is… IA is….Project vision:(voice/positioning/feel/experience), product definition and scope, feature definition, overall user flow and page level design

Less page level design, less vision around positioning and product definition and more of a data driven focus. 

user flow and page level design.

ID is a holistic role that incorporates IA, CS, vision/product development & research,

IA is a more focused discipline that is about the abstract informational structure of a site. 

IDs need to know how to do IA well, and  IAs focus on page level data flow, taxonomy ,likewise, IAs need to understand how their work will play out in IA.

p g , ybuilding.

ID is a far more integrative role than IA IA is a part of the ID process. There are some people who specialize in this areapeople who specialize in this area.

Laying out pages is more design driven then science driven.

[IAs] focus exclusively on organizing existing content [and] typically do not have the added ability to design and create things that are entirely new.

A di t f HUGEAccording to a few HUGErs

Content Strategy is…Guid[ing] the voice of the site and shape the structures and processes that make that voice possible

CS develops an overall editorial strategy and then ensure that the publishing process, p gy p g p ,IA and CMS supported that strategy. 

CS lies somewhere between IA, Editorial Strategy and Development. 

CSs determine the next steps and details for maintaining a site that I design.CSs determine the next steps and details for maintaining a site that I design.

The CS can help the client realize the vision – give them clear steps

CS could also help the team understand the best way to achieve the vision at the early stages when product is being definedearly stages when product is being defined.

A CS can contribute insight into the scope/LOE for what the site might become against what resources the client has to maintain the site.

[CS] is part of IA How can the content be presented arranged updated to appeal to[CS] is part of IA. How can the content be presented, arranged, updated to appeal to the users.

O d fi iti f CSOur definition of CS 

At Brain Traffic content strategy includes:At Brain Traffic, content strategy includes: 

What content exists and why‐ What content exists and why

‐ How content will be created

How content will be published‐ How content will be published

‐ How content will governed

R l t fl tt d iRoles spectrum, a flattened ring

VD copywritingID IA CS

CASE STUDYBrain Traffic 

Wh t l d b t i l dWhat we learned by trial and error

• When IA done without CS, the client often  makes decisions based on subjective opinions, politics, or personal agendaspersonal agendas

• When CS is done without IA, the strategy is often vague d i bland not actionable

• If IA and CS are by separate teams, one or both will likely need to be redone or significantly changed

OOur process

St t i f d tiStrategic foundation 

• Examines internal factors that affect CS/IA• Examines internal factors that affect CS/IA     goals, existing strategies (business, web, communications), source inventory, client 

/ h l i i iteam/structure, technology restraints, existing databases, existing messaging, etc.

• Examines external  factors that affect CS/IA  users, competitors, government regulations, etc.

• Defines tasks, assumptions, risks, success factors

C t t t tContent strategyThe content strategist and the IA work together and 

present one cohesive strategic deliverablepresent one cohesive strategic deliverable.

• The architect recommends: 

– What content lives on the site 

– How the content is organized and accessed

• The strategist recommends: 

– The organizational path to create, publish, and g p pgovern content

– The business reasons behind those recommendations

– The business impacts of those recommendations

C t t t tContent strategy

IA Content Strategy ToolsIA Content Strategy Tools 

‐ Site Map 

‐ Templates 

‐ Page Tables  

(very few wireframes) 

C t t ifi tiContent specifications 

• The architect produces:p

– Any detailed wireframes for functional flows or unusual pages/components

– Detailed specs for technologists, designers, and writers

• The strategist produces: 

– Style guide

– Taxonomy guidelines 

CASE STUDYHUGE

M i i h dMerging is hard

1. Role seepage

2. Uncertainty over who owns what

3. Confusion over when CS should be specifically assigned (billing ID for both ID/CS roles)

“IA” ASPECTS A CS SHOULD OWN

I t / t t ditInventory /content audit

Why?y• Often a deliverable in which ID/IA skims through (listing 

URLs and roughly mapping existing site structure)• CS mind has the capability to question value of content• CS‐mind has the capability to question value of content 

being inventoried and accessing level of effort for repurposing

• CS can communicate what is flat, dead or unappetizing & identify opportunities for innovation

In what capacity?• Ownership with input from ID/IAs 

Cl ifi ti hClassification schema

Why?• CS knows the content in and out • CS is the content shepherd through project duration and will work with tech teams to ensure effective build of CMS

In what capacity?• Ownership with input from ID/IAs 

“IA” ASPECTS A CS SHOULD BE INVOLVED ININVOLVED IN

Sit i iSite vision 

Why?• Content program will be ‘sold’ to the client in this deliverable

In what capacity?• 100% collaboration• 100% collaboration• Defining product strategy and high‐level content expectationsp

Method of success• Long brainstorming sessions

PPersonas

Why?y• CS will be defined around target audience (backed by research)

In what capacity?• 100% collaboration• 100% collaboration• Defining page‐level content hierarchy

Method of success• During discovery phase, define personas based on content needs of each

Wi fWireframesWhy?• Placement of content on page is central to storytelling• Creative ways to expose content groupings• Determine Ad template needsDetermine Ad template needs

In what capacity?• Collaborating on page level content hierarchy & flow• Collaborating on page‐level content hierarchy & flow

Method of success• Pre‐wireframing: scheduled working sessions with 

ID/IAs to define  schematics via whiteboard• Wireframing: scheduled check‐ins with ID/IAs to ensureWireframing: scheduled check ins with ID/IAs to ensure 

solid product

Old D li blOld DeliverablesInterface design

Functional specifications

Navigational & user flowsNavigational & user flows

N D li blNew DeliverablesInterface designC t t hi hContent hierarchy

• Does the page prioritize the right content at the right time?• What are the rules around interchangeable modules?

Functional specificationsContent requirements

• How will individual page items grow over time?

Navigational & user flowsContent program

• Exposed tags > how will post‐launch content interact with these?

Content program• How do broad & narrow topics work together in terms of interface?• What are the individual content types that live in the back end and how do they map to wireframes?wireframes?• What are the expectations for content expansion over time?

THE END