SlideShare ist ein Scribd-Unternehmen logo
1 von 55
Downloaden Sie, um offline zu lesen
How Content Strategy fits
into the User Experience
Nick Finck
July 15, 2010




                 #CSseattle - Content Strategy: Seattle
?
Who the f#@k
is this dude?
Nick Finck
                   Blue Flavor

                   ‣ Principal & Director of User Experience

                   ‣ Over 15 years of experience working in the web field
                   ‣ Has worked with Adobe, Boeing, CBS, Cisco, CitiGroup,
                     Comcast, Fandango, FDIC, HP, IBM, and Microsoft

                   ‣ Co-organized and curated more than 10 national and
                     international web conferences & events
‣ BlueFlavor.com
                   ‣ Judged the Webby’s and several other web awards
‣ NickFinck.com
                   ‣ Founder of Digital Web Magazine
‣ Google “Nick”
                   ‣ Expertise in information architecture, interaction design,
                     and user research
1)   Some bullshit about me
2)   A warning label
3)   OMGWTFUX!?
4)   Workflow
5)   Deliverables
6)   Shit hitting the fan
!
  A brief
disclaimer
CONTENT
STRATEGY
     &
Information
Architecture
      for the Web
CONTENT
STRATEGY
     &
Information
Architecture
      for the Web
?
Understanding the
user experience
Where does UX happen?



  Discover                Plan             Design              Build             Evaluate




Understand and       Identify possible   Create designs     Develop functional   Review, test, and
identify the core    solutions and       that resolve the   code based on the    analyze effectiveness
problems first        plan execution      core problems      designs              of the design
UX happens here?



  Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4464678620/
Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4469405610/
“We are the makers of our
 own state and…individuals
 who realize the fact need
 not, ought not, to wait for
 collective action.”
                     - Mahatma Gandhi
UX really happens here



  Discover                Plan             Design              Build             Evaluate




Understand and       Identify possible   Create designs     Develop functional   Review, test, and
identify the core    solutions and       that resolve the   code based on the    analyze effectiveness
problems first        plan execution      core problems      designs              of the design
UX also happens here



  Discover               Plan             Design              Build             Evaluate




Understand and      Identify possible   Create designs     Develop functional   Review, test, and
identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
problems first       plan execution      core problems      designs              of the design
?
So what really
  is the User
 Experience?
“User Experience is a focus,
 	a thread that runs through
 	all of our disciplines, and
 	which no discipline owns

 or controls.”
                       - The UXsters
                           Explain UX
Visual
                           Accessibility   Designer
                            Specialist
                                                        Researcher

              Copywriter
                                                                        User
                                                                      Interface
                                                                      Designer
    Content
   Strategist

                                                                            Usability
                                      The User                              Specialist
                                     Experience
Information
  Architect

                                                                           Developer

   Interaction
    Designer
                                                                     Information
                                                                      Designer
               Project
              Manager                                    Social
                              Web                        Media
                            Analytics        SEO        Specialist
                            Specialist     Specialist
Visual
                           Accessibility   Designer
                            Specialist
                                                        Researcher

              Copywriter
                                                                        User
                                                                      Interface
                                                                      Designer
    Content
   Strategist

                                                                            Usability
                                      The User                              Specialist
                                     Experience
Information
  Architect

                                                                           Developer

   Interaction
    Designer
                                                                     Information
                                                                      Designer
               Project
              Manager                                    Social
                              Web                        Media
                            Analytics        SEO        Specialist
                            Specialist     Specialist
Morville’s Honeycomb
?
So how does
   Content
Strategy fit in?
Please drink responsibly... especially when dealing with difficult clients or bosses!
Content
                                      Architecture
                    Wireframes




                    Page Table
Copywriter



                  Zone Diagrams




             Page Description Diagrams



                                          Information
               Content Template Map         Architect

 Content
Strategist

                     Sitemap




                 Content Inventory




                    UX Strategy
                                             User
                                          Experience
                                           Director
Messaging
                      Content




             Content Production Schedule


 Editor                                     Copywriter
                   Message Map




                 Content Style Guide


 Content
Strategist
                  Brand Style Guide


                                              Brand
                                             Manager
                   Brand Strategy
Content           Interaction
                  Wireframes



Copywriter
                  Storyboards




                  Page Table




                 Zone Diagrams
                                         Interaction
                                          Designer

             Content Flow Schematic
 Content
Strategist

                  User Flows




                  UX Strategy
                                            User
                                         Experience
                                          Director
Search
                   Content




              CMS Architecture
Developer                            Copywriter



             Metadata Framework



                                       SEO
                Message Map          Specialist
 Content
Strategist


             Marketing Campaign


                                     Marketing
                                     Manager
              Marketing Strategy
?
    What key
  deliverables
should we ask for?
Personas
Page Description Diagrams
                                                                                                                                    Sample Company Name
                                                                                                    Home Page                             Page Description Diagrams

  1                                           2                                   3
  Main call to action                         Search                              About company                             Notes
  Gets users thinking about the brand     A useful site search should always be An outline of what your company is all      The homepage has been shifted to
  and specific actions they can make.     available on the page to allow users an about.                                    emphasize content that’s currently
                                          alternative method for finding your                                               buried elsewhere in your site. The pro-
  Sign-up                                 content.                                 Privacy, Terms of Use, Etc.              posed navigation structure reinforces
  A call to action that encourages peo-                                            Most of the information that is cur-     this goal.
  ple to sign up for recently added con-  Link list                                rently listed in the footer should re-
  tent on the site.                       A list of semi-recently added link con- main there. The contact and address       The home page should provide a
                                          tent. This list should contain 5-7 links information can easily be moved to       clean path to the various sections of
  Featured article or essay               with date and comment meta infor-        the contact page, though. We also        the site.
  Shows the first paragraph of an article mation for each.                         recommend adding in some naviga-
  with associated image, as well as the                                            tional links, where possible.
  day it was published and the number
  of comments made.

  Latest entries
  A short listing of the latest articles or
  essays that have been posted. There
  should be between 5-7 shown on the
  home page. The featured article
  should not be displayed in this list.




  Highest Priority                                                                                     Lowest Priority
                                                                                                                                         Monday, September 24, 2007
Sitemaps
                                                                                                                                                                                                                                                                         About SXSW                 Contact           Market at SXSW               Tools

                                                                                                                                                                                                                                                                            History                                                            SXSW SMS

SXSW.com                                                                                                                                                                                                                                                                                                                                           Gydget
                                                                                                                                                                                                                                                                          Sponsors

                                                                                                                                                                                                                                                                         Sustainability                                                          Facebook
   News &
                     Register       Getting Around   Trade Shows        Merchandise       Interactive         Film             Music
 Information
                                                                                                                                                                                                                                                                                                                                                 Opera Mini
                                                                                                                                                                                                                                                                           Glossary

Brochures and      Hotels for                                                                                                                                                                                                                                                                                                                      Utterz
                                      Austin Map     Music Exhibition
Forms (PDFs)     SXSWeek 2008

                                                                                                                                                   Music                                                                                                                                                                                       Music Player
                                     Conference
 Mailing Lists   Travel Discounts                     iF! Exhibition
                                       Center
                                                                                                                                                    News &                                                                                                      Flatstock Poster
                                                                                                                                                                           Schedule                  Talks                 Shows           Parties & Play                                 Getting Around               Press
                                                                                                                                                  Information                                                                                                         Show
  Subscribe        International    Carver Center

                                                                                                                                                The Daily Chord              Talks                Speakers                 Artists                                                          Austin Map             Press Releases
  SXSWorld         Online Reg       Day Stage Cafe
  Magazine          Directory
                                                                                                                                                                                             Keynote                                                                                        Conference
                                                                                                                                                     FAQ                    Shows                                       SXSW Live                                                                                     Press Kit
                                     Auditorium                                                                                                                                                                                                                                               Center
My SXSWorld                                                                                                                                                                                  Mentor Sessions
                                    Shores Stage
   Stories
                                                                                                                                                    Video               Parties & Play       Quickies Sessions                                                                                                          FAQ

                                    Any additional                                                                                                                                           Demo Listening
                                       venues                                                                                                      Podcasts                                  Sessions                                                                                                             Press Credentials

                                                                                                                                                                                             CLE
                                                                                                                                                                                                                                                                                                                    Photo Policy




                                                                                                                                                                Interactive

                                                                                                                                                                    News &                                                                                                            ScreenBurn
                                                                                                                                                                                           Schedule                Talks             Parties & Play         Web Awards                                        Getting Around             Press
                                                                                                                                                                  Information                                                                                                         Gaming Fest


                                                                                                                                                                Interactive Hub              Talks               Speakers                                    Winners                                           Austin Map           Press Releases


                                                                                                                                                                                                             Opening Remarks                                                                                   Conference
                                                                                                                                                                     FAQ                 Parties & Play                                                      Finalists                                                                 Press Kit
                                                                                                                                                                                                                                                                                                                 Center
                                                                                                                                                                                                             Keynotes
                                                                                                                                                                    Video                                                                                    Ceremony                                                                    FAQ
                                                                                                                                                                                                             Book Readings
    Film
                                                                                                                                                                                                             Core
                                                                                                                                                                  Podcasts                                                                                  Dewey Award                                                            Press Credentials
                                                                                                                                                                                                             Conversations
   News &
                   Schedule            Talks             FIlms          Parties & Play   Global Doc Days   Getting Around        Press
 Information
                                                                                                                                                                                                                Speaking
                                                                                                                                                                                                               Opportunities                                                                                                          Photo Policy
The News Reel        Talks           Speakers         Film Trailers                                         Austin Map      Press Releases

                                                                                                                                                                                                                Panel Picker
                                     Speaking                                                               Conference
     FAQ             Films                           Past Winners                                                               Press Kit
                                    Opportunities                                                             Center

                                                                                                                                                                                                                                                                                                                            Key
    Video        Parties & Play                                                                                                   FAQ
                                                                                                                                                                                                                Panel Picker
                                                                                                                                                                                                                                                                                                                                    Primary navigation

  Podcasts                                                                                                                  Press Credentials
                                                                                                                                                                                                                                                                                                                               a    Secondary navigation

                                                                                                                                                                                                                                                                                                                               a    Link to separate section
                                                                                                                              Photo Policy

                                                                                                                                                                                                                                                                                                                               a    Separate sub-site

                                                                                                                                                                                                                                                                                                                               a    Future navigation
Zone Diagrams
?
When should we
get involved in the
      project?
Kickoff Meeting




Photo by Kristin Farwell - http://www.flickr.com/photos/bulldogsolutions/2220048417/
Stakeholder Interviews




Photo by Keith Morris - http://www.flickr.com/photos/standupbass/2103533585/
Usability Testing


Photo by Alexander Baxevanis - http://www.flickr.com/photos/futureshape/86228211/
Where Content Strategists are involved



   Discover               Plan             Design              Build             Evaluate




 Understand and      Identify possible   Create designs     Develop functional   Review, test, and
 identify the core   solutions and       that resolve the   code based on the    analyze effectiveness
 problems first       plan execution      core problems      designs              of the design
?
Why should
we do this &
what is next?
Getty Images's Hulton Archive
60,000,000 images & 30,000 hours of footage
The
transparency
  movement
The Death of Lies
“The naked transparency
 movement marries the power
 of network technology to the
 radical decline in the cost of
 collecting, storing, and
 distributing data.
 - Lawrence Lessig
                     ”
The DIKW
Hierarchy
Awesomeness



Connectedness


                                                 Wisdom


                                                 understanding
                                                   principals


                                Knowledge


                                 understanding
                                   patterns

                Information



                understanding
                  relations
    Data                                                  Understanding
Awesomeness



Connectedness


                                                 Wisdom


                                                 understanding
                                                   principals


                                Knowledge


                                 understanding
                                   patterns

                Information



                understanding
                  relations
    Data                                                  Understanding
Awesomeness



Connectedness


                                                 Wisdom


                                                 understanding
                                                   principals


                                Knowledge


                                 understanding
                                   patterns

                Information



                understanding
                  relations
    Data                                                  Understanding
Awesomeness



Connectedness


                                                 Wisdom


                                                 understanding
                                                   principals


                                Knowledge


                                 understanding
                                   patterns

                Information



                understanding
                  relations
    Data                                                  Understanding
Awesomeness



Connectedness


                                                 Wisdom


                                                 understanding
                                                   principals


                                Knowledge


                                 understanding
                                   patterns

                Information



                understanding
                  relations
    Data                                                  Understanding
DIKWA!
The future is not
about FINDING
 information, its
about MAKING
  SENSE of it.
Thank you!
?
Questions?
How Content Strategy fits
into the User Experience
Nick Finck
@nickf
nick@blueflavor.com
http://blueflavor.com

Weitere ähnliche Inhalte

Was ist angesagt?

Using rapid prototying_for_design_iteration
Using rapid prototying_for_design_iterationUsing rapid prototying_for_design_iteration
Using rapid prototying_for_design_iteration
drewz lin
 
2012 Presentation June 2012 Final
2012 Presentation June 2012 Final2012 Presentation June 2012 Final
2012 Presentation June 2012 Final
ohkaz1
 

Was ist angesagt? (20)

The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)The Essentials of Great Search Design (ECIR 2010)
The Essentials of Great Search Design (ECIR 2010)
 
Element S
Element SElement S
Element S
 
User Experience 2: Talk@Stabilo
User Experience 2: Talk@StabiloUser Experience 2: Talk@Stabilo
User Experience 2: Talk@Stabilo
 
Understanding the Human by Jackie Moyes from Different Solutions in 2005
Understanding the Human by Jackie Moyes from Different Solutions in 2005Understanding the Human by Jackie Moyes from Different Solutions in 2005
Understanding the Human by Jackie Moyes from Different Solutions in 2005
 
The Many Facets of UX Design
The Many Facets of UX DesignThe Many Facets of UX Design
The Many Facets of UX Design
 
Interaction design
Interaction design Interaction design
Interaction design
 
Resize your UX
Resize your UXResize your UX
Resize your UX
 
User Experience
User ExperienceUser Experience
User Experience
 
UX in Italia: idee e futuro
UX in Italia: idee e futuroUX in Italia: idee e futuro
UX in Italia: idee e futuro
 
50 UX Best Practices (By Above the Fold)
50 UX Best Practices (By Above the Fold)50 UX Best Practices (By Above the Fold)
50 UX Best Practices (By Above the Fold)
 
The Changing Face of Retail
The Changing Face of RetailThe Changing Face of Retail
The Changing Face of Retail
 
Using rapid prototying_for_design_iteration
Using rapid prototying_for_design_iterationUsing rapid prototying_for_design_iteration
Using rapid prototying_for_design_iteration
 
Designing WITH Users at Digital Summit 2011
Designing WITH Users at Digital Summit 2011Designing WITH Users at Digital Summit 2011
Designing WITH Users at Digital Summit 2011
 
Web Design and Build
Web Design and BuildWeb Design and Build
Web Design and Build
 
2012 Presentation June 2012 Final
2012 Presentation June 2012 Final2012 Presentation June 2012 Final
2012 Presentation June 2012 Final
 
Handmock by Concent, Inc.
Handmock by Concent, Inc.Handmock by Concent, Inc.
Handmock by Concent, Inc.
 
WebSig24/7 "IA" 20060929
WebSig24/7 "IA" 20060929WebSig24/7 "IA" 20060929
WebSig24/7 "IA" 20060929
 
Thecreativeedge
ThecreativeedgeThecreativeedge
Thecreativeedge
 
Usability essentials
Usability essentialsUsability essentials
Usability essentials
 
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal ExperienceUX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
UX Vision, Strategy and Teams by Susan Wolfe, Optimal Experience
 

Andere mochten auch

User experience utopia - interact seattle
User experience utopia - interact seattleUser experience utopia - interact seattle
User experience utopia - interact seattle
Nick Finck
 
Ch11 OS
Ch11 OSCh11 OS
Ch11 OS
C.U
 
Introduction to Rich Internet Applications, Flex, AIR
Introduction to Rich Internet Applications, Flex, AIRIntroduction to Rich Internet Applications, Flex, AIR
Introduction to Rich Internet Applications, Flex, AIR
Mrinal Wadhwa
 
Ch10 OS
Ch10 OSCh10 OS
Ch10 OS
C.U
 
Pink Aveona
Pink AveonaPink Aveona
Pink Aveona
anaq
 
Utilizing open-data
Utilizing open-dataUtilizing open-data
Utilizing open-data
ccalnan
 
Ch21 OS
Ch21 OSCh21 OS
Ch21 OS
C.U
 

Andere mochten auch (20)

Moodle Moot NZ 13 opening keynote
Moodle Moot NZ 13 opening keynoteMoodle Moot NZ 13 opening keynote
Moodle Moot NZ 13 opening keynote
 
Communities & Communication in VeSeL
Communities & Communication in VeSeLCommunities & Communication in VeSeL
Communities & Communication in VeSeL
 
User Experience Utopia (Ad Club Seattle)
User Experience Utopia (Ad Club Seattle)User Experience Utopia (Ad Club Seattle)
User Experience Utopia (Ad Club Seattle)
 
Future Of Content
Future Of ContentFuture Of Content
Future Of Content
 
User Testing Tactics
User Testing TacticsUser Testing Tactics
User Testing Tactics
 
12 Planning Successes V2
12 Planning Successes V212 Planning Successes V2
12 Planning Successes V2
 
Structured Dynamics' Semantic Technologies Product Stack
Structured Dynamics' Semantic Technologies Product StackStructured Dynamics' Semantic Technologies Product Stack
Structured Dynamics' Semantic Technologies Product Stack
 
User experience utopia - interact seattle
User experience utopia - interact seattleUser experience utopia - interact seattle
User experience utopia - interact seattle
 
How am I doing compared to other companies?
How am I doing compared to other companies?How am I doing compared to other companies?
How am I doing compared to other companies?
 
Ch11 OS
Ch11 OSCh11 OS
Ch11 OS
 
Introduction to Rich Internet Applications, Flex, AIR
Introduction to Rich Internet Applications, Flex, AIRIntroduction to Rich Internet Applications, Flex, AIR
Introduction to Rich Internet Applications, Flex, AIR
 
solar system
solar systemsolar system
solar system
 
Ch10 OS
Ch10 OSCh10 OS
Ch10 OS
 
Pink Aveona
Pink AveonaPink Aveona
Pink Aveona
 
Utilizing open-data
Utilizing open-dataUtilizing open-data
Utilizing open-data
 
Ch21 OS
Ch21 OSCh21 OS
Ch21 OS
 
Eurocall2014 MALL in the wild - design for vocabulary learning trajectories
Eurocall2014 MALL in the wild - design for vocabulary learning trajectoriesEurocall2014 MALL in the wild - design for vocabulary learning trajectories
Eurocall2014 MALL in the wild - design for vocabulary learning trajectories
 
{Community} Launch Silverlight
{Community} Launch   Silverlight{Community} Launch   Silverlight
{Community} Launch Silverlight
 
Presentation sig2015
Presentation sig2015Presentation sig2015
Presentation sig2015
 
The Rationale for Semantic Technologies
The Rationale for Semantic TechnologiesThe Rationale for Semantic Technologies
The Rationale for Semantic Technologies
 

Ähnlich wie How content strategy fits into the user experience

"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927
Takashi Sakamoto
 

Ähnlich wie How content strategy fits into the user experience (20)

Content Strategy: The Future of Marketing
Content Strategy: The Future of MarketingContent Strategy: The Future of Marketing
Content Strategy: The Future of Marketing
 
Jar Creative: Portfolio & Process
Jar Creative: Portfolio & ProcessJar Creative: Portfolio & Process
Jar Creative: Portfolio & Process
 
Saf08 Growing Architects Kevin Francis
Saf08 Growing Architects   Kevin FrancisSaf08 Growing Architects   Kevin Francis
Saf08 Growing Architects Kevin Francis
 
Wk08 Best Practice
Wk08 Best PracticeWk08 Best Practice
Wk08 Best Practice
 
In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...In order for UX to achieve it’s potential, we need to reframe it as a profess...
In order for UX to achieve it’s potential, we need to reframe it as a profess...
 
Desain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UXDesain Grafis 4 - UI/UX
Desain Grafis 4 - UI/UX
 
Digital Strategies for Learning A Student-Centered Approach
Digital Strategies for Learning A Student-Centered ApproachDigital Strategies for Learning A Student-Centered Approach
Digital Strategies for Learning A Student-Centered Approach
 
Ux team organization
Ux team organizationUx team organization
Ux team organization
 
Content Strategy FTW
Content Strategy FTWContent Strategy FTW
Content Strategy FTW
 
Wireframes and UI-Prototypes
Wireframes and UI-PrototypesWireframes and UI-Prototypes
Wireframes and UI-Prototypes
 
Elements Of Web Design
Elements Of Web DesignElements Of Web Design
Elements Of Web Design
 
Portfolio Deck
Portfolio DeckPortfolio Deck
Portfolio Deck
 
"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927"Project Design for Optimaizing User Experience" 20070927
"Project Design for Optimaizing User Experience" 20070927
 
UXI Matrix (Jon Innes)
UXI Matrix (Jon Innes)UXI Matrix (Jon Innes)
UXI Matrix (Jon Innes)
 
Grethe Thilly - Portfolio
Grethe Thilly - PortfolioGrethe Thilly - Portfolio
Grethe Thilly - Portfolio
 
what is interaction design
what is interaction designwhat is interaction design
what is interaction design
 
The Elements of User Experience
The Elements of User ExperienceThe Elements of User Experience
The Elements of User Experience
 
Aurelia Friska Resume
Aurelia Friska ResumeAurelia Friska Resume
Aurelia Friska Resume
 
Aurelia Friska Resume
Aurelia Friska ResumeAurelia Friska Resume
Aurelia Friska Resume
 
Design Story, Career opportunity in Design
Design Story, Career opportunity in DesignDesign Story, Career opportunity in Design
Design Story, Career opportunity in Design
 

Mehr von Nick Finck

Mobile Interaction Design & Strategy
Mobile Interaction Design & StrategyMobile Interaction Design & Strategy
Mobile Interaction Design & Strategy
Nick Finck
 
The cross channel experience - UXLx
The cross channel experience - UXLxThe cross channel experience - UXLx
The cross channel experience - UXLx
Nick Finck
 
The Future of Technology and Information
The Future of Technology and InformationThe Future of Technology and Information
The Future of Technology and Information
Nick Finck
 
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Nick Finck
 
User Experience Utopia
User Experience UtopiaUser Experience Utopia
User Experience Utopia
Nick Finck
 

Mehr von Nick Finck (20)

The UX Disciplines
The UX DisciplinesThe UX Disciplines
The UX Disciplines
 
Page Description Diagrams
Page Description DiagramsPage Description Diagrams
Page Description Diagrams
 
Mobile Interaction Design & Strategy
Mobile Interaction Design & StrategyMobile Interaction Design & Strategy
Mobile Interaction Design & Strategy
 
The cross channel experience - UXLx
The cross channel experience - UXLxThe cross channel experience - UXLx
The cross channel experience - UXLx
 
The cross channel experience
The cross channel experienceThe cross channel experience
The cross channel experience
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
User Research in the Wild
User Research in the WildUser Research in the Wild
User Research in the Wild
 
The Future of Technology and Information
The Future of Technology and InformationThe Future of Technology and Information
The Future of Technology and Information
 
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)Mobile Information Architecture and Interaction Design (InfoCamp 2010)
Mobile Information Architecture and Interaction Design (InfoCamp 2010)
 
Mobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction DesignMobile Information Architecture and Interaction Design
Mobile Information Architecture and Interaction Design
 
Mobile Web User Experience
Mobile Web User ExperienceMobile Web User Experience
Mobile Web User Experience
 
Sustainable UX
Sustainable UXSustainable UX
Sustainable UX
 
The commoditization and fragmentation of the ia community
The commoditization and fragmentation of the ia communityThe commoditization and fragmentation of the ia community
The commoditization and fragmentation of the ia community
 
The Life Cycle Of A Wireframe: LOL Cats Style
The Life Cycle Of A Wireframe: LOL Cats StyleThe Life Cycle Of A Wireframe: LOL Cats Style
The Life Cycle Of A Wireframe: LOL Cats Style
 
The Ten Commandments Of User Experience
The Ten Commandments Of User ExperienceThe Ten Commandments Of User Experience
The Ten Commandments Of User Experience
 
Mobile UX
Mobile UXMobile UX
Mobile UX
 
The Future Of IA
The Future Of IAThe Future Of IA
The Future Of IA
 
The Life Cycle of a Wireframe
The Life Cycle of a Wireframe The Life Cycle of a Wireframe
The Life Cycle of a Wireframe
 
User Experience Utopia
User Experience UtopiaUser Experience Utopia
User Experience Utopia
 
Wireframes for the Wicked
Wireframes for the WickedWireframes for the Wicked
Wireframes for the Wicked
 

Kürzlich hochgeladen

Kürzlich hochgeladen (20)

Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
presentation ICT roal in 21st century education
presentation ICT roal in 21st century educationpresentation ICT roal in 21st century education
presentation ICT roal in 21st century education
 
Strategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a FresherStrategies for Landing an Oracle DBA Job as a Fresher
Strategies for Landing an Oracle DBA Job as a Fresher
 
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
04-2024-HHUG-Sales-and-Marketing-Alignment.pptx
 
GenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day PresentationGenCyber Cyber Security Day Presentation
GenCyber Cyber Security Day Presentation
 
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
Strategies for Unlocking Knowledge Management in Microsoft 365 in the Copilot...
 
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
Mastering MySQL Database Architecture: Deep Dive into MySQL Shell and MySQL R...
 
AWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of TerraformAWS Community Day CPH - Three problems of Terraform
AWS Community Day CPH - Three problems of Terraform
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law DevelopmentsTrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
TrustArc Webinar - Stay Ahead of US State Data Privacy Law Developments
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?What Are The Drone Anti-jamming Systems Technology?
What Are The Drone Anti-jamming Systems Technology?
 
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemkeProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
ProductAnonymous-April2024-WinProductDiscovery-MelissaKlemke
 
Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...Driving Behavioral Change for Information Management through Data-Driven Gree...
Driving Behavioral Change for Information Management through Data-Driven Gree...
 
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
Connector Corner: Accelerate revenue generation using UiPath API-centric busi...
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024Finology Group – Insurtech Innovation Award 2024
Finology Group – Insurtech Innovation Award 2024
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 

How content strategy fits into the user experience

  • 1. How Content Strategy fits into the User Experience Nick Finck July 15, 2010 #CSseattle - Content Strategy: Seattle
  • 2. ? Who the f#@k is this dude?
  • 3. Nick Finck Blue Flavor ‣ Principal & Director of User Experience ‣ Over 15 years of experience working in the web field ‣ Has worked with Adobe, Boeing, CBS, Cisco, CitiGroup, Comcast, Fandango, FDIC, HP, IBM, and Microsoft ‣ Co-organized and curated more than 10 national and international web conferences & events ‣ BlueFlavor.com ‣ Judged the Webby’s and several other web awards ‣ NickFinck.com ‣ Founder of Digital Web Magazine ‣ Google “Nick” ‣ Expertise in information architecture, interaction design, and user research
  • 4. 1) Some bullshit about me 2) A warning label 3) OMGWTFUX!? 4) Workflow 5) Deliverables 6) Shit hitting the fan
  • 5. ! A brief disclaimer
  • 6.
  • 7.
  • 8. CONTENT STRATEGY & Information Architecture for the Web
  • 9. CONTENT STRATEGY & Information Architecture for the Web
  • 11. Where does UX happen? Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 12. UX happens here? Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 13. Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4464678620/
  • 14. Photo by G Brummett - http://www.flickr.com/photos/grantbrummett/4469405610/
  • 15. “We are the makers of our own state and…individuals who realize the fact need not, ought not, to wait for collective action.” - Mahatma Gandhi
  • 16. UX really happens here Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 17. UX also happens here Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 18. ? So what really is the User Experience?
  • 19. “User Experience is a focus, a thread that runs through all of our disciplines, and which no discipline owns or controls.” - The UXsters Explain UX
  • 20. Visual Accessibility Designer Specialist Researcher Copywriter User Interface Designer Content Strategist Usability The User Specialist Experience Information Architect Developer Interaction Designer Information Designer Project Manager Social Web Media Analytics SEO Specialist Specialist Specialist
  • 21. Visual Accessibility Designer Specialist Researcher Copywriter User Interface Designer Content Strategist Usability The User Specialist Experience Information Architect Developer Interaction Designer Information Designer Project Manager Social Web Media Analytics SEO Specialist Specialist Specialist
  • 23. ? So how does Content Strategy fit in?
  • 24. Please drink responsibly... especially when dealing with difficult clients or bosses!
  • 25. Content Architecture Wireframes Page Table Copywriter Zone Diagrams Page Description Diagrams Information Content Template Map Architect Content Strategist Sitemap Content Inventory UX Strategy User Experience Director
  • 26. Messaging Content Content Production Schedule Editor Copywriter Message Map Content Style Guide Content Strategist Brand Style Guide Brand Manager Brand Strategy
  • 27. Content Interaction Wireframes Copywriter Storyboards Page Table Zone Diagrams Interaction Designer Content Flow Schematic Content Strategist User Flows UX Strategy User Experience Director
  • 28. Search Content CMS Architecture Developer Copywriter Metadata Framework SEO Message Map Specialist Content Strategist Marketing Campaign Marketing Manager Marketing Strategy
  • 29. ? What key deliverables should we ask for?
  • 31. Page Description Diagrams Sample Company Name Home Page Page Description Diagrams 1 2 3 Main call to action Search About company Notes Gets users thinking about the brand A useful site search should always be An outline of what your company is all The homepage has been shifted to and specific actions they can make. available on the page to allow users an about. emphasize content that’s currently alternative method for finding your buried elsewhere in your site. The pro- Sign-up content. Privacy, Terms of Use, Etc. posed navigation structure reinforces A call to action that encourages peo- Most of the information that is cur- this goal. ple to sign up for recently added con- Link list rently listed in the footer should re- tent on the site. A list of semi-recently added link con- main there. The contact and address The home page should provide a tent. This list should contain 5-7 links information can easily be moved to clean path to the various sections of Featured article or essay with date and comment meta infor- the contact page, though. We also the site. Shows the first paragraph of an article mation for each. recommend adding in some naviga- with associated image, as well as the tional links, where possible. day it was published and the number of comments made. Latest entries A short listing of the latest articles or essays that have been posted. There should be between 5-7 shown on the home page. The featured article should not be displayed in this list. Highest Priority Lowest Priority Monday, September 24, 2007
  • 32. Sitemaps About SXSW Contact Market at SXSW Tools History SXSW SMS SXSW.com Gydget Sponsors Sustainability Facebook News & Register Getting Around Trade Shows Merchandise Interactive Film Music Information Opera Mini Glossary Brochures and Hotels for Utterz Austin Map Music Exhibition Forms (PDFs) SXSWeek 2008 Music Music Player Conference Mailing Lists Travel Discounts iF! Exhibition Center News & Flatstock Poster Schedule Talks Shows Parties & Play Getting Around Press Information Show Subscribe International Carver Center The Daily Chord Talks Speakers Artists Austin Map Press Releases SXSWorld Online Reg Day Stage Cafe Magazine Directory Keynote Conference FAQ Shows SXSW Live Press Kit Auditorium Center My SXSWorld Mentor Sessions Shores Stage Stories Video Parties & Play Quickies Sessions FAQ Any additional Demo Listening venues Podcasts Sessions Press Credentials CLE Photo Policy Interactive News & ScreenBurn Schedule Talks Parties & Play Web Awards Getting Around Press Information Gaming Fest Interactive Hub Talks Speakers Winners Austin Map Press Releases Opening Remarks Conference FAQ Parties & Play Finalists Press Kit Center Keynotes Video Ceremony FAQ Book Readings Film Core Podcasts Dewey Award Press Credentials Conversations News & Schedule Talks FIlms Parties & Play Global Doc Days Getting Around Press Information Speaking Opportunities Photo Policy The News Reel Talks Speakers Film Trailers Austin Map Press Releases Panel Picker Speaking Conference FAQ Films Past Winners Press Kit Opportunities Center Key Video Parties & Play FAQ Panel Picker Primary navigation Podcasts Press Credentials a Secondary navigation a Link to separate section Photo Policy a Separate sub-site a Future navigation
  • 34. ? When should we get involved in the project?
  • 35. Kickoff Meeting Photo by Kristin Farwell - http://www.flickr.com/photos/bulldogsolutions/2220048417/
  • 36. Stakeholder Interviews Photo by Keith Morris - http://www.flickr.com/photos/standupbass/2103533585/
  • 37. Usability Testing Photo by Alexander Baxevanis - http://www.flickr.com/photos/futureshape/86228211/
  • 38. Where Content Strategists are involved Discover Plan Design Build Evaluate Understand and Identify possible Create designs Develop functional Review, test, and identify the core solutions and that resolve the code based on the analyze effectiveness problems first plan execution core problems designs of the design
  • 39. ? Why should we do this & what is next?
  • 40. Getty Images's Hulton Archive 60,000,000 images & 30,000 hours of footage
  • 42. The Death of Lies
  • 43. “The naked transparency movement marries the power of network technology to the radical decline in the cost of collecting, storing, and distributing data. - Lawrence Lessig ”
  • 44.
  • 46. Awesomeness Connectedness Wisdom understanding principals Knowledge understanding patterns Information understanding relations Data Understanding
  • 47. Awesomeness Connectedness Wisdom understanding principals Knowledge understanding patterns Information understanding relations Data Understanding
  • 48. Awesomeness Connectedness Wisdom understanding principals Knowledge understanding patterns Information understanding relations Data Understanding
  • 49. Awesomeness Connectedness Wisdom understanding principals Knowledge understanding patterns Information understanding relations Data Understanding
  • 50. Awesomeness Connectedness Wisdom understanding principals Knowledge understanding patterns Information understanding relations Data Understanding
  • 52. The future is not about FINDING information, its about MAKING SENSE of it.
  • 55. How Content Strategy fits into the User Experience Nick Finck @nickf nick@blueflavor.com http://blueflavor.com