SlideShare a Scribd company logo
1 of 37
Download to read offline
Erin Scime, HUGE  + Melissa Rach, Brain Traffic
  Content Strategy Consortium, Memphis, 03.19.09
  Content Strategy Consortium Memphis 03 19 09
WHAT WE’LL COVER
About Us | Vocabulary | Case Studies 
         |          y|
ABOUT US
We Like Libraries. 
About Erin
Ab t E i

• A curator of digital objects.

• A “preditor.”

• An innovator of interaction design / layout.
“an ID without owning wireframes”
                      g
About Melissa 
Ab t M li

• I worked in libraries, too!   
• Journalist  
• Interactive training film company lackey 
• Magazine publishing –> agency –> software –> 
     g       p         g     gy
  agency –> agency –> agency –> agency 
• Independent 
• Let’s Dish!
• Brain Traffic 
VOCABULARY
Are we all talking about the same thing?
                 g                    g
So, what does an IA do?
S    h td        IA d ?

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
What people say IAs do:
Wh t     l      IA d
“They make the site maps and wireframes.”
What people say IAs do:
Wh t     l      IA d
“They make the site maps and wireframes.”
(um… not always )
(      tl       )
How’d we get in this mess?
H ’d       t i thi       ?

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”
                              gy
business card (circa 1997) – the back 


                                 Genius!
Melissa’s first “interactive agency”
                              gy
business card (circa 1997) – the front



                                 Eh? 
                                 Eh?
IA today  (age of user experience design) 
IA t d
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
And, then there’s Information Design
A d th th ’ I f          ti D i

Sure I have my opinion…..

….but that’s not scientific



            …….so I asked my colleagues instead
                           y       g
According to a few HUGErs
          A    di t f HUGE
ID is…                                               IA is….
Project vision:                                      Less page level design, less vision around 
(voice/positioning/feel/experience), product         positioning and product definition and more of a 
definition and scope, feature definition, overall    data driven focus. 
user flow and page level design.
user flow and page level design
ID is a holistic role that incorporates IA, CS,      IA is a more focused discipline that is about the 
vision/product development & research,               abstract informational structure of a site. 
IDs need to know how to do IA well, and 
                                   ,                 IAs focus on page level data flow, taxonomy 
                                                                  pg                  ,        y
likewise, IAs need to understand how their work      building.
will play out in IA.
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 area.
                                                     people who specialize in this area
Laying out pages is more design driven then          [IAs] focus exclusively on organizing existing 
science driven.                                      content [and] typically do not have the added 
                                                     ability to design and create things that are 
                                                     entirely new.
According to a few HUGErs
      A    di t f HUGE
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        gp       ,
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.
              the next steps and details for maintaining a site that I
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 defined.
early 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.
Our definition of CS 
O d fi iti      f 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
Roles spectrum, a flattened ring
     Rl        t       fl tt   di



                                        copywriting
VD            ID    IA   CS
CASE STUDY
Brain Traffic 
What we learned by trial and error
Wh t    l     db t i l d

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

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

• If IA and CS are by separate teams, one or both will 
  likely need to be redone or significantly changed
Our process
Strategic foundation 
St t i f      d ti
• Examines internal factors that affect CS/IA
  Examines internal factors that affect CS/IA     
  goals, existing strategies (business, web, 
  communications), source inventory, client 
  team/structure, technology restraints, existing 
       /               hl             i       ii
  databases, existing messaging, etc.


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


• Defines tasks, assumptions, risks, success factors
Content strategy
C t tt t
The content strategist and the IA work together and 
present one cohesive strategic deliverable.
present 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               p
     govern content
   – The business reasons behind those recommendations
   – The business impacts of those recommendations
Content strategy
C t tt t
IA Content Strategy Tools 
IA Content Strategy Tools
‐ Site Map 
‐ Templates 
‐ Page Tables  
(very few wireframes) 
Content specifications 
Ctt         ifi ti
• 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 STUDY
HUGE
Merging is hard
M i ih d

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
Inventory /content audit
I    t    / t t dit
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 
Classification schema
Cl ifi ti        h

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 IN
INVOLVED IN
Site vision 
Sit i i
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 expectations
             p

Method of success
• Long brainstorming sessions
Personas
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
Wireframes
Wi f
Why?
• Placement of content on page is central to storytelling
• Creative ways to expose content groupings
• Determine Ad template needs
  Determine 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 ensure
  Wireframing: scheduled check ins with ID/IAs to ensure 
  solid product
Old Deliverables
    Old D li    bl
Interface design




Functional specifications




Navigational & user flows
Navigational & user flows
New Deliverables
     N D li      bl
Interface design
Content hierarchy
C t t hi        h
 • Does the page prioritize the right content at the right time?
 • What are the rules around interchangeable modules?


Functional specifications
Content requirements
 • How will individual page items grow over time?
 • Exposed tags > how will post‐launch content interact with these?

Navigational & user flows
Content program
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?
• What are the expectations for content expansion over time?
THE END

More Related Content

Similar to Cs Ia Erin Scime Melissa Rach V4

The Flea Market Website Dilemma
The Flea Market Website DilemmaThe Flea Market Website Dilemma
The Flea Market Website DilemmaIan Alexander
 
Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)Sara Durning, MDes
 
Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...
Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...
Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...Stickyeyes
 
Competitive Intelligence
Competitive  IntelligenceCompetitive  Intelligence
Competitive IntelligencePallav L
 
Content Strategy & IA: Data Soul Mates
Content Strategy & IA: Data Soul MatesContent Strategy & IA: Data Soul Mates
Content Strategy & IA: Data Soul MatesValerie Runde
 
Information architecture for websites and intranets
Information architecture for websites and intranetsInformation architecture for websites and intranets
Information architecture for websites and intranetsContent Formula
 
How to manage web projects without setting your hair on fire
How to manage web projects without setting your hair on fireHow to manage web projects without setting your hair on fire
How to manage web projects without setting your hair on fireKathy Gill
 
Promoting the SEO to the C-Suite
Promoting the SEO to the C-SuitePromoting the SEO to the C-Suite
Promoting the SEO to the C-SuiteAsh Nallawalla
 
Web project management
Web project managementWeb project management
Web project managementSavaş Şakar
 
Content Strategy Discipline And Value Defined Neoupa March 25 2009
Content Strategy Discipline And Value Defined Neoupa March 25 2009Content Strategy Discipline And Value Defined Neoupa March 25 2009
Content Strategy Discipline And Value Defined Neoupa March 25 2009StephanieHale
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information ArchitecturePatrick Kennedy
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Brody Dorland
 
How to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerHow to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerProduct School
 
Designing with content-first
Designing with content-firstDesigning with content-first
Designing with content-firstAndy Parker
 
web- design- course - continued - Learning
web- design- course - continued - Learningweb- design- course - continued - Learning
web- design- course - continued - LearningContinued Learning
 
Preparing for a website redesign
Preparing for a website redesignPreparing for a website redesign
Preparing for a website redesignTechSoup Canada
 
Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?Atlas Integrated
 
Extending IA past taxonomies - a case study of Debenhams Retail IA
Extending IA past taxonomies - a case study of Debenhams Retail IAExtending IA past taxonomies - a case study of Debenhams Retail IA
Extending IA past taxonomies - a case study of Debenhams Retail IAMargaret Hanley
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.docbutest
 

Similar to Cs Ia Erin Scime Melissa Rach V4 (20)

The Flea Market Website Dilemma
The Flea Market Website DilemmaThe Flea Market Website Dilemma
The Flea Market Website Dilemma
 
Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)Intranet design strategies2011 (nx power lite)
Intranet design strategies2011 (nx power lite)
 
Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...
Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...
Building a business culture for digital success. A Stickyeyes Webinar, 9 Marc...
 
Competitive Intelligence
Competitive  IntelligenceCompetitive  Intelligence
Competitive Intelligence
 
Content Strategy & IA: Data Soul Mates
Content Strategy & IA: Data Soul MatesContent Strategy & IA: Data Soul Mates
Content Strategy & IA: Data Soul Mates
 
Information architecture for websites and intranets
Information architecture for websites and intranetsInformation architecture for websites and intranets
Information architecture for websites and intranets
 
How to manage web projects without setting your hair on fire
How to manage web projects without setting your hair on fireHow to manage web projects without setting your hair on fire
How to manage web projects without setting your hair on fire
 
Promoting the SEO to the C-Suite
Promoting the SEO to the C-SuitePromoting the SEO to the C-Suite
Promoting the SEO to the C-Suite
 
Web project management
Web project managementWeb project management
Web project management
 
Content Strategy Discipline And Value Defined Neoupa March 25 2009
Content Strategy Discipline And Value Defined Neoupa March 25 2009Content Strategy Discipline And Value Defined Neoupa March 25 2009
Content Strategy Discipline And Value Defined Neoupa March 25 2009
 
M.M.H.Masud
M.M.H.MasudM.M.H.Masud
M.M.H.Masud
 
Demystifying Information Architecture
Demystifying Information ArchitectureDemystifying Information Architecture
Demystifying Information Architecture
 
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
Web Design & Internet Marketing Basics - Brody Dorland, Something Creative, Inc.
 
How to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product ManagerHow to Build a Product Vision by Spotify Product Manager
How to Build a Product Vision by Spotify Product Manager
 
Designing with content-first
Designing with content-firstDesigning with content-first
Designing with content-first
 
web- design- course - continued - Learning
web- design- course - continued - Learningweb- design- course - continued - Learning
web- design- course - continued - Learning
 
Preparing for a website redesign
Preparing for a website redesignPreparing for a website redesign
Preparing for a website redesign
 
Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?Is Your Economic Development Website Dying?
Is Your Economic Development Website Dying?
 
Extending IA past taxonomies - a case study of Debenhams Retail IA
Extending IA past taxonomies - a case study of Debenhams Retail IAExtending IA past taxonomies - a case study of Debenhams Retail IA
Extending IA past taxonomies - a case study of Debenhams Retail IA
 
T2L3.doc
T2L3.docT2L3.doc
T2L3.doc
 

More from Erin Scime

Content Planning Workshop: Confab Intensive 2015
Content Planning Workshop: Confab Intensive 2015Content Planning Workshop: Confab Intensive 2015
Content Planning Workshop: Confab Intensive 2015Erin Scime
 
There's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital StrategyThere's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital StrategyErin Scime
 
It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...
It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...
It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...Erin Scime
 
Mobile Content: The Return of Shovelware? Presented at the STC France Content...
Mobile Content: The Return of Shovelware? Presented at the STC France Content...Mobile Content: The Return of Shovelware? Presented at the STC France Content...
Mobile Content: The Return of Shovelware? Presented at the STC France Content...Erin Scime
 
The World of Content Strategy
The World of Content StrategyThe World of Content Strategy
The World of Content StrategyErin Scime
 
Escime The Language Of Tags For Slideshare
Escime The Language Of Tags For SlideshareEscime The Language Of Tags For Slideshare
Escime The Language Of Tags For SlideshareErin Scime
 

More from Erin Scime (6)

Content Planning Workshop: Confab Intensive 2015
Content Planning Workshop: Confab Intensive 2015Content Planning Workshop: Confab Intensive 2015
Content Planning Workshop: Confab Intensive 2015
 
There's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital StrategyThere's a People Problem Lurking Behind Your Digital Strategy
There's a People Problem Lurking Behind Your Digital Strategy
 
It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...
It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...
It Takes 2 to Make a Thing Go Right: Jessica L'Esperance and Erin Scime Talk ...
 
Mobile Content: The Return of Shovelware? Presented at the STC France Content...
Mobile Content: The Return of Shovelware? Presented at the STC France Content...Mobile Content: The Return of Shovelware? Presented at the STC France Content...
Mobile Content: The Return of Shovelware? Presented at the STC France Content...
 
The World of Content Strategy
The World of Content StrategyThe World of Content Strategy
The World of Content Strategy
 
Escime The Language Of Tags For Slideshare
Escime The Language Of Tags For SlideshareEscime The Language Of Tags For Slideshare
Escime The Language Of Tags For Slideshare
 

Recently uploaded

guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssNadaMohammed714321
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designersPixeldarts
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Associazione Digital Days
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssNadaMohammed714321
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptJIT KUMAR GUPTA
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy ysrajece
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks CharlottePulte
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxNitish292041
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfAlasAlthaher
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioRMG Project Studio
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster1508 A/S
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxKevinYaelJimnezSanti
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Rndexperts
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfLucyBonelli
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyChristopher Totten
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementMd. Shariful Hoque
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道yrolcks
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbpreetirao780
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024digital learning point
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine CharlottePulte
 

Recently uploaded (20)

guest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssssguest bathroom white and blue ssssssssss
guest bathroom white and blue ssssssssss
 
10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers10 must-have Chrome extensions for designers
10 must-have Chrome extensions for designers
 
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
Giulio Michelon, Founder di @Belka – “Oltre le Stime: Sviluppare una Mentalit...
 
guest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssssguest bathroom white and bluesssssssssss
guest bathroom white and bluesssssssssss
 
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.pptMaking and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
Making and Unmaking of Chandigarh - A City of Two Plans2-4-24.ppt
 
NBA power point presentation final copy y
NBA power point presentation final copy yNBA power point presentation final copy y
NBA power point presentation final copy y
 
Map of St. Louis Parks
Map of St. Louis Parks                              Map of St. Louis Parks
Map of St. Louis Parks
 
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptxUnit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
Unit1_Syllbwbnwnwneneneneneneentation_Sem2.pptx
 
CAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdfCAPITAL GATE CASE STUDY -regional case study.pdf
CAPITAL GATE CASE STUDY -regional case study.pdf
 
Interior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project StudioInterior Design for Office a cura di RMG Project Studio
Interior Design for Office a cura di RMG Project Studio
 
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - MorgenboosterAI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
AI and Design Vol. 2: Navigating the New Frontier - Morgenbooster
 
Niintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptxNiintendo Wii Presentation Template.pptx
Niintendo Wii Presentation Template.pptx
 
Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025Top 10 Modern Web Design Trends for 2025
Top 10 Modern Web Design Trends for 2025
 
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdfsimpson-lee_house_dt20ajshsjsjsjsjj15.pdf
simpson-lee_house_dt20ajshsjsjsjsjj15.pdf
 
The spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenologyThe spirit of digital place - game worlds and architectural phenomenology
The spirit of digital place - game worlds and architectural phenomenology
 
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme ManagementSharif's 9-BOX Monitoring Model for Adaptive Programme Management
Sharif's 9-BOX Monitoring Model for Adaptive Programme Management
 
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
怎么办理英国Newcastle毕业证纽卡斯尔大学学位证书一手渠道
 
world health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbbworld health day 2024.pptxgbbvggvbhjjjbbbb
world health day 2024.pptxgbbvggvbhjjjbbbb
 
10 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 202410 Best WordPress Plugins to make the website effective in 2024
10 Best WordPress Plugins to make the website effective in 2024
 
Piece by Piece Magazine
Piece by Piece Magazine                      Piece by Piece Magazine
Piece by Piece Magazine
 

Cs Ia Erin Scime Melissa Rach V4

  • 4. About Erin Ab t E i • A curator of digital objects. • A “preditor.” • An innovator of interaction design / layout. “an ID without owning wireframes” g
  • 5. About Melissa  Ab t M li • I worked in libraries, too!    • Journalist   • Interactive training film company lackey  • Magazine publishing –> agency –> software –>  g p g gy agency –> agency –> agency –> agency  • Independent  • Let’s Dish! • Brain Traffic 
  • 7. So, what does an IA do? S h td IA d ? 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
  • 8. What people say IAs do: Wh t l IA d “They make the site maps and wireframes.”
  • 9. What people say IAs do: Wh t l IA d “They make the site maps and wireframes.” (um… not always ) ( tl )
  • 10. How’d we get in this mess? H ’d t i thi ? 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)
  • 11. Melissa’s first “interactive agency” gy business card (circa 1997) – the back  Genius!
  • 12. Melissa’s first “interactive agency” gy business card (circa 1997) – the front Eh?  Eh?
  • 13. IA today  (age of user experience design)  IA t d 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
  • 14. And, then there’s Information Design A d th th ’ I f ti D i Sure I have my opinion….. ….but that’s not scientific …….so I asked my colleagues instead y g
  • 15. According to a few HUGErs A di t f HUGE ID is… IA is…. Project vision: Less page level design, less vision around  (voice/positioning/feel/experience), product  positioning and product definition and more of a  definition and scope, feature definition, overall  data driven focus.  user flow and page level design. user flow and page level design ID is a holistic role that incorporates IA, CS,  IA is a more focused discipline that is about the  vision/product development & research, abstract informational structure of a site.  IDs need to know how to do IA well, and  , IAs focus on page level data flow, taxonomy  pg , y likewise, IAs need to understand how their work  building. will play out in IA. 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 area. people who specialize in this area Laying out pages is more design driven then  [IAs] focus exclusively on organizing existing  science driven. content [and] typically do not have the added  ability to design and create things that are  entirely new.
  • 16. According to a few HUGErs A di t f HUGE 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 gp , 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. the next steps and details for maintaining a site that I 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 defined. early 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.
  • 17. Our definition of CS  O d fi iti f 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
  • 18. Roles spectrum, a flattened ring Rl t fl tt di copywriting VD ID IA CS
  • 20. What we learned by trial and error Wh t l db t i l d • When IA done without CS, the client often  makes  decisions based on subjective opinions, politics, or  personal agendas personal agendas • When CS is done without IA, the strategy is often vague  and not actionable d i bl • If IA and CS are by separate teams, one or both will  likely need to be redone or significantly changed
  • 22. Strategic foundation  St t i f d ti • Examines internal factors that affect CS/IA Examines internal factors that affect CS/IA      goals, existing strategies (business, web,  communications), source inventory, client  team/structure, technology restraints, existing  / hl i ii databases, existing messaging, etc. • Examines external  factors that affect CS/IA   users, competitors, government regulations, etc. • Defines tasks, assumptions, risks, success factors
  • 23. Content strategy C t tt t The content strategist and the IA work together and  present one cohesive strategic deliverable. present 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 p govern content – The business reasons behind those recommendations – The business impacts of those recommendations
  • 24. Content strategy C t tt t IA Content Strategy Tools  IA Content Strategy Tools ‐ Site Map  ‐ Templates  ‐ Page Tables   (very few wireframes) 
  • 25. Content specifications  Ctt ifi ti • 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 
  • 27. Merging is hard M i ih d 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)
  • 29. Inventory /content audit I t / t t dit 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 
  • 30. Classification schema Cl ifi ti h 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 
  • 32. Site vision  Sit i i 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 expectations p Method of success • Long brainstorming sessions
  • 33. Personas 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
  • 34. Wireframes Wi f Why? • Placement of content on page is central to storytelling • Creative ways to expose content groupings • Determine Ad template needs Determine 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 ensure Wireframing: scheduled check ins with ID/IAs to ensure  solid product
  • 35. Old Deliverables Old D li bl Interface design Functional specifications Navigational & user flows Navigational & user flows
  • 36. New Deliverables N D li bl Interface design Content hierarchy C t t hi h • Does the page prioritize the right content at the right time? • What are the rules around interchangeable modules? Functional specifications Content requirements • How will individual page items grow over time? • Exposed tags > how will post‐launch content interact with these? Navigational & user flows Content program 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? • What are the expectations for content expansion over time?