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

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一F dds
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...katerynaivanenko1
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...Rishabh Aryan
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一Fi ss
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档208367051
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social MediaD SSS
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一diploma 1
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdfvaibhavkanaujia
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一F La
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造kbdhl05e
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degreeyuu sss
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,Aginakm1
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in designnooreen17
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一z xss
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfAayushChavan5
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改yuu sss
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfneelspinoy
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024CristobalHeraud
 

Recently uploaded (20)

办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
办理学位证(SFU证书)西蒙菲莎大学毕业证成绩单原版一比一
 
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
MT. Marseille an Archipelago. Strategies for Integrating Residential Communit...
 
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
DAKSHIN BIHAR GRAMIN BANK: REDEFINING THE DIGITAL BANKING EXPERIENCE WITH A U...
 
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
定制(CQU文凭证书)中央昆士兰大学毕业证成绩单原版一比一
 
Call Girls in Pratap Nagar, 9953056974 Escort Service
Call Girls in Pratap Nagar,  9953056974 Escort ServiceCall Girls in Pratap Nagar,  9953056974 Escort Service
Call Girls in Pratap Nagar, 9953056974 Escort Service
 
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
原版1:1定制堪培拉大学毕业证(UC毕业证)#文凭成绩单#真实留信学历认证永久存档
 
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
 
306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media306MTAMount UCLA University Bachelor's Diploma in Social Media
306MTAMount UCLA University Bachelor's Diploma in Social Media
 
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
办理(USYD毕业证书)澳洲悉尼大学毕业证成绩单原版一比一
 
Passbook project document_april_21__.pdf
Passbook project document_april_21__.pdfPassbook project document_april_21__.pdf
Passbook project document_april_21__.pdf
 
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
办理(宾州州立毕业证书)美国宾夕法尼亚州立大学毕业证成绩单原版一比一
 
西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造西北大学毕业证学位证成绩单-怎么样办伪造
西北大学毕业证学位证成绩单-怎么样办伪造
 
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
专业一比一美国亚利桑那大学毕业证成绩单pdf电子版制作修改#真实工艺展示#真实防伪#diploma#degree
 
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
'CASE STUDY OF INDIRA PARYAVARAN BHAVAN DELHI ,
 
Design principles on typography in design
Design principles on typography in designDesign principles on typography in design
Design principles on typography in design
 
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
办理(UC毕业证书)查尔斯顿大学毕业证成绩单原版一比一
 
Pharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdfPharmaceutical Packaging for the elderly.pdf
Pharmaceutical Packaging for the elderly.pdf
 
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
1比1办理美国北卡罗莱纳州立大学毕业证成绩单pdf电子版制作修改
 
group_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdfgroup_15_empirya_p1projectIndustrial.pdf
group_15_empirya_p1projectIndustrial.pdf
 
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
PORTFOLIO DE ARQUITECTURA CRISTOBAL HERAUD 2024
 

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?