SlideShare una empresa de Scribd logo
1 de 74
Content
Everywhere
 Rethinking content for a more
  flexible, future-ready web.

                        Sara Wachter-Boettcher
                         WebVisions PDX 2012
Our
responsive
adaptive
mobile-first
cross-channel
multi-device
super-awesome
future
Our
responsive
adaptive
mobile-first
cross-channel
multi-device
super-awesome
future
But first:
   a quick look at
            the past.
               #WVpdx | 05.18.2012
                 @sara_ann_marie
hat’s a
                   Yep, t nap.
                     wet




2009: content
strategist seeks
messy project


                     #WVpdx | 05.18.2012
                       @sara_ann_marie
Later that year...




                     #WVpdx | 05.18.2012
                       @sara_ann_marie
Wait a second.




                 #WVpdx | 05.18.2012
                   @sara_ann_marie
Soaring peaks
     #WVpdx | 05.18.2012
       @sara_ann_marie
Historic charm
     #WVpdx | 05.18.2012
       @sara_ann_marie
Americana galore
        #WVpdx | 05.18.2012
          @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
I want to go there.




                      #WVpdx | 05.18.2012
                        @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
2010: We’ve gotta
go mobile.



                    #WVpdx | 05.18.2012
                      @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
There’s only one
restaurant in town?



                      #WVpdx | 05.18.2012
                        @sara_ann_marie
This will fix
everything!



               #WVpdx | 05.18.2012
                 @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
The content is great.
But it’s stuck.



                        #WVpdx | 05.18.2012
                          @sara_ann_marie
✦   Top-down navigation only




                               #WVpdx | 05.18.2012
                                 @sara_ann_marie
✦   Long WYSIWYG-formatted pages




                             #WVpdx | 05.18.2012
                               @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
2011: Fixing (part of)
the problem.



                         #WVpdx | 05.18.2012
                           @sara_ann_marie
Flexible content
   needs to have
           structure.
                   #WVpdx | 05.18.2012
                     @sara_ann_marie
✦   Not just hierarchical, but relational
                                                                                 Links to
                                                                                 Related

                                      Links to            Feature             Links to
          Business                                                                                  Author Bio
                                      Related              Article            Related


                        Tagged
                          by
                                                          Tagged
                                                            by




        Landmark             Tagged
                               by
                                                            City                         Links to
                                                                                         Related



                                                 Tagged              Tagged                          Blog Post
                                                   by                  by

                                                                                                      Links to
                                                                                                      Related
              Related
                to
                                         Deal                                   Event




                                                                                    #WVpdx | 05.18.2012
                                                                                      @sara_ann_marie
✦   Not big blobs, but elements




                                  #WVpdx | 05.18.2012
                                    @sara_ann_marie
This matters
     to all of us
          right now.
               #WVpdx | 05.18.2012
                 @sara_ann_marie
✦   We know this much is true.




                                               From Brad Frost,
                                               “This is the Web”




                                 #WVpdx | 05.18.2012
                                   @sara_ann_marie
There are only
     two ways to
            keep up.
                 #WVpdx | 05.18.2012
                   @sara_ann_marie
We can create more content,
or make our content do more.



                    #WVpdx | 05.18.2012
                      @sara_ann_marie
3 steps toward
 flexible, portable
            content.
                 #WVpdx | 05.18.2012
                   @sara_ann_marie
✦   GET CLOSER TO CONTENT
✦   GO FROM PAGES TO PARTS
✦   RULE THE ROBOTS




                             #WVpdx | 05.18.2012
                               @sara_ann_marie
✦   GET CLOSER TO CONTENT
✦   GO FROM PAGES TO PARTS
✦   RULE THE ROBOTS




                             #WVpdx | 05.18.2012
                               @sara_ann_marie
“We are all content strategists now.”
                           - Karen McGrane




                          #WVpdx | 05.18.2012
                            @sara_ann_marie
Small screens
Strange new screens
Load time concerns
Save for later
Reader view
                      #WVpdx | 05.18.2012
                        @sara_ann_marie
As the bells and whistles
disappear, what’s left?


                      #WVpdx | 05.18.2012
                        @sara_ann_marie
Those who don’t design for readers
might soon not be designing for anyone.”
                            - Jeffrey Zeldman




                            #WVpdx | 05.18.2012
                              @sara_ann_marie
Content like
       water
    #WVpdx | 05.18.2012
      @sara_ann_marie
Content is
    chunky.
   #WVpdx | 05.18.2012
     @sara_ann_marie
Chunky
is good.   #WVpdx | 05.18.2012
             @sara_ann_marie
When we get close to content,
we can embrace the chunks.



                    #WVpdx | 05.18.2012
                      @sara_ann_marie
✦   GET CLOSER TO CONTENT
✦   GO FROM PAGES TO PARTS
✦   RULE THE ROBOTS




                             #WVpdx | 05.18.2012
                               @sara_ann_marie
“Permanently placing content on a
web page...is becoming a thing of
the past.”
                            - Trent Walton




                        #WVpdx | 05.18.2012
                          @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
#WVpdx | 05.18.2012
  @sara_ann_marie
FINALLY!




           #WVpdx | 05.18.2012
             @sara_ann_marie
W hy  isn’t
  at co  ntent
th
         here?
 rig ht


                 #WVpdx | 05.18.2012
                   @sara_ann_marie
Content Stacking   vs.   Interdigitation




                                     From Trent Walton,
                                “Content Choreography”




                               #WVpdx | 05.18.2012
                                 @sara_ann_marie
Before content can shift,
it needs structure.


                     #WVpdx | 05.18.2012
                       @sara_ann_marie
m uc h
Can’t do
   w it h t h is




                     #WVpdx | 05.18.2012
                       @sara_ann_marie
, opt ions!
Hello




                   #WVpdx | 05.18.2012
                     @sara_ann_marie
But before you build structure,
you need meaning.


                     #WVpdx | 05.18.2012
                       @sara_ann_marie
✦   PURPOSE
    What is this content supposed to accomplish?
✦   MESSAGE
    What’s it saying? How does each element contribute?
✦   RELATIONSHIPS
    What other content elements is it related to? How?
✦   PRIORITIES
    How important is it compared to other elements?



                                           #WVpdx | 05.18.2012
                                             @sara_ann_marie
don’t have
Yo u    e t h is
 to  mak




                   #WVpdx | 05.18.2012
                     @sara_ann_marie
jus t
                    Maybe hese
Content Item
                   o ne of t                                                          Content Item
Attributes:                                                                           Attributes:
 ⁃ Title                                                                               ⁃ Title
 ⁃ Date                                    Relation                                    ⁃ Date
 ⁃ Author                                   -ship                                      ⁃ Location
 ⁃ Abstract                                                                            ⁃ Teaser
 ⁃ Detailed                                                                            ⁃ Detailed
    Content                                                                               Content
                                              Content Item
                     Relation                 Attributes:
                      -ship                    ⁃ Title
                                               ⁃ Date                      Relation
                                               ⁃ Author                     -ship
                                               ⁃ Abstract
                                               ⁃ Detailed
Content Item                                      Content
Attributes:
 ⁃ Title                                                                       Relation
                  Relation                                                      -ship
 ⁃ Address
                   -ship
 ⁃ Short
    Description

                                                             Content Item
                                                             Attributes:
                                                              ⁃ Title
                                Relation                      ⁃ Date
                                 -ship                        ⁃ Author
                                                              ⁃ Abstract
                                                              ⁃ Detailed
                                                                 Content




                                                                      #WVpdx | 05.18.2012
                                                                        @sara_ann_marie
✦   GET CLOSER TO CONTENT
✦   GO FROM PAGES TO PARTS
✦   RULE THE ROBOTS




                             #WVpdx | 05.18.2012
                               @sara_ann_marie
“Adaptive web pages are cooked
up from relevant content chunks
and ingredients, using the special
sauce of metadata.”
                    - Lyza Danger Gardner




                          #WVpdx | 05.18.2012
                            @sara_ann_marie
We can’t manually manage
how each bit of content looks.



                     #WVpdx | 05.18.2012
                       @sara_ann_marie
But when we have structure,
we can make rules.



                    #WVpdx | 05.18.2012
                      @sara_ann_marie
Robots like
      rules.
P -> Q
     #WVpdx | 05.18.2012
       @sara_ann_marie
f resizing for
I
   all screens...           low the
sm                t hen ref
                     ews m  o dules.
                   n
If the  page is
                  ears...
a   bo ut black b


                                                ck bear
                                en pul  l in bla
                              th               news...
                                 vi d eos and




                     bitats
       and  show ha ck
                 to bla
        relate d
              bears.
ontent
   If we   make c        arties...
               t h ir d p
access ible to


                          titles,
                inclu de
    the n only         , links,
        ad par agrap hs
     le           a in t h e API.
    and m  etadat
Better content knowledge
                   v
                   |
        More meaningful parts
                   v
                   |
Rules that best reflect human choices



                          #WVpdx | 05.18.2012
                            @sara_ann_marie
Robots aren’t human,
  but our content
            must be.
                  #WVpdx | 05.18.2012
                    @sara_ann_marie
or
                                                                       Pss t! Lo ok f       re
                                                                                    ver ywhe
                                                                       Co  ntent E feld
                                                                                     n
                                                                       f ro m Rose
                                                                                       .
                                                                        Me d i a so on




    Thank you, PDX!
    More me: sarawb.com | @sara_ann_marie




Photo Credits                                            ✦   Peanut Butter Toast from Luzbonita on Flickr
✦   Future by Tatsushi Morimoto from 50watts.com         ✦   Faucet by Brian Gaid on Flickr
✦   Flagstaff photos courtesy Arizona Office of Tourism   ✦   Girl with PBJ by Old Shoe Woman on Flickr
✦   Deflated balloon photos by Silverfuture on Flickr     ✦   Robot by John Greenaway on Flickr
✦   Silos from dsearls on Flickr

Más contenido relacionado

Más de Sara Wachter-Boettcher

Design for What Matters With Content Strategy
Design for What Matters With Content StrategyDesign for What Matters With Content Strategy
Design for What Matters With Content StrategySara Wachter-Boettcher
 
All Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive RedesignAll Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive RedesignSara Wachter-Boettcher
 
Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013Sara Wachter-Boettcher
 
Our Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied KeynoteOur Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied KeynoteSara Wachter-Boettcher
 
Write like a human, think like a robot
Write like a human, think like a robotWrite like a human, think like a robot
Write like a human, think like a robotSara Wachter-Boettcher
 
What you don't know will hurt you: Designing with and for existing content
What you don't know will hurt you: Designing with and for existing contentWhat you don't know will hurt you: Designing with and for existing content
What you don't know will hurt you: Designing with and for existing contentSara Wachter-Boettcher
 
Flexible Content Requires Future-Ready Organizations
Flexible Content Requires Future-Ready OrganizationsFlexible Content Requires Future-Ready Organizations
Flexible Content Requires Future-Ready OrganizationsSara Wachter-Boettcher
 
What you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing contentWhat you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing contentSara Wachter-Boettcher
 
Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012Sara Wachter-Boettcher
 
Getting unstuck: content strategy for the future
Getting unstuck: content strategy for the futureGetting unstuck: content strategy for the future
Getting unstuck: content strategy for the futureSara Wachter-Boettcher
 
Getting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA SummitGetting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA SummitSara Wachter-Boettcher
 
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012Sara Wachter-Boettcher
 
Content as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black WorkshopContent as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black WorkshopSara Wachter-Boettcher
 

Más de Sara Wachter-Boettcher (15)

Design for What Matters With Content Strategy
Design for What Matters With Content StrategyDesign for What Matters With Content Strategy
Design for What Matters With Content Strategy
 
All Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive RedesignAll Together Now: Content & Collaboration in a Responsive Redesign
All Together Now: Content & Collaboration in a Responsive Redesign
 
Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013Content & Control - Web Design Day 2013
Content & Control - Web Design Day 2013
 
Our Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied KeynoteOur Mobile Moment - Content Strategy Applied Keynote
Our Mobile Moment - Content Strategy Applied Keynote
 
Write like a human, think like a robot
Write like a human, think like a robotWrite like a human, think like a robot
Write like a human, think like a robot
 
What you don't know will hurt you: Designing with and for existing content
What you don't know will hurt you: Designing with and for existing contentWhat you don't know will hurt you: Designing with and for existing content
What you don't know will hurt you: Designing with and for existing content
 
Flexible Content Requires Future-Ready Organizations
Flexible Content Requires Future-Ready OrganizationsFlexible Content Requires Future-Ready Organizations
Flexible Content Requires Future-Ready Organizations
 
What you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing contentWhat you don't know will hurt you: designing with and for existing content
What you don't know will hurt you: designing with and for existing content
 
Changing Content, Changing Culture
Changing Content, Changing CultureChanging Content, Changing Culture
Changing Content, Changing Culture
 
Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012Structuring Content, Restructuring Organizations - CS Forum 2012
Structuring Content, Restructuring Organizations - CS Forum 2012
 
Getting unstuck: content strategy for the future
Getting unstuck: content strategy for the futureGetting unstuck: content strategy for the future
Getting unstuck: content strategy for the future
 
Getting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA SummitGetting Flexible: Working Content into Responsive Design—MIMA Summit
Getting Flexible: Working Content into Responsive Design—MIMA Summit
 
Content that Travels: Euro IA 2012
Content that Travels: Euro IA 2012Content that Travels: Euro IA 2012
Content that Travels: Euro IA 2012
 
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
 
Content as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black WorkshopContent as an Asset: Agencyside Back in the Black Workshop
Content as an Asset: Agencyside Back in the Black Workshop
 

Último

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.pptxHampshireHUG
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Igalia
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
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...Drew Madelung
 
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...Miguel Araújo
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024Results
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationRadu Cotescu
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfEnterprise Knowledge
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...HostedbyConfluent
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024Scott Keck-Warren
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersThousandEyes
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Allon Mureinik
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsMaria Levchenko
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024Rafal Los
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking MenDelhi Call girls
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Alan Dix
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 
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 WorkerThousandEyes
 

Último (20)

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
 
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
Raspberry Pi 5: Challenges and Solutions in Bringing up an OpenGL/Vulkan Driv...
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
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...
 
A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024A Call to Action for Generative AI in 2024
A Call to Action for Generative AI in 2024
 
Scaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organizationScaling API-first – The story of a global engineering organization
Scaling API-first – The story of a global engineering organization
 
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdfThe Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
The Role of Taxonomy and Ontology in Semantic Layers - Heather Hedden.pdf
 
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
Transforming Data Streams with Kafka Connect: An Introduction to Single Messa...
 
SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024SQL Database Design For Developers at php[tek] 2024
SQL Database Design For Developers at php[tek] 2024
 
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for PartnersEnhancing Worker Digital Experience: A Hands-on Workshop for Partners
Enhancing Worker Digital Experience: A Hands-on Workshop for Partners
 
Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)Injustice - Developers Among Us (SciFiDevCon 2024)
Injustice - Developers Among Us (SciFiDevCon 2024)
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Handwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed textsHandwritten Text Recognition for manuscripts and early printed texts
Handwritten Text Recognition for manuscripts and early printed texts
 
The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024The 7 Things I Know About Cyber Security After 25 Years | April 2024
The 7 Things I Know About Cyber Security After 25 Years | April 2024
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men08448380779 Call Girls In Greater Kailash - I Women Seeking Men
08448380779 Call Girls In Greater Kailash - I Women Seeking Men
 
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...Swan(sea) Song – personal research during my six years at Swansea ... and bey...
Swan(sea) Song – personal research during my six years at Swansea ... and bey...
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 
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
 

Content Everywhere - WebVisions PDX

  • 1. Content Everywhere Rethinking content for a more flexible, future-ready web. Sara Wachter-Boettcher WebVisions PDX 2012
  • 4. But first: a quick look at the past. #WVpdx | 05.18.2012 @sara_ann_marie
  • 5. hat’s a Yep, t nap. wet 2009: content strategist seeks messy project #WVpdx | 05.18.2012 @sara_ann_marie
  • 6.
  • 7. Later that year... #WVpdx | 05.18.2012 @sara_ann_marie
  • 8.
  • 9.
  • 10. Wait a second. #WVpdx | 05.18.2012 @sara_ann_marie
  • 11. Soaring peaks #WVpdx | 05.18.2012 @sara_ann_marie
  • 12. Historic charm #WVpdx | 05.18.2012 @sara_ann_marie
  • 13. Americana galore #WVpdx | 05.18.2012 @sara_ann_marie
  • 14. #WVpdx | 05.18.2012 @sara_ann_marie
  • 15. I want to go there. #WVpdx | 05.18.2012 @sara_ann_marie
  • 16.
  • 17. #WVpdx | 05.18.2012 @sara_ann_marie
  • 18. 2010: We’ve gotta go mobile. #WVpdx | 05.18.2012 @sara_ann_marie
  • 19. #WVpdx | 05.18.2012 @sara_ann_marie
  • 20. There’s only one restaurant in town? #WVpdx | 05.18.2012 @sara_ann_marie
  • 21. This will fix everything! #WVpdx | 05.18.2012 @sara_ann_marie
  • 22. #WVpdx | 05.18.2012 @sara_ann_marie
  • 23. The content is great. But it’s stuck. #WVpdx | 05.18.2012 @sara_ann_marie
  • 24. Top-down navigation only #WVpdx | 05.18.2012 @sara_ann_marie
  • 25. Long WYSIWYG-formatted pages #WVpdx | 05.18.2012 @sara_ann_marie
  • 26. #WVpdx | 05.18.2012 @sara_ann_marie
  • 27. 2011: Fixing (part of) the problem. #WVpdx | 05.18.2012 @sara_ann_marie
  • 28. Flexible content needs to have structure. #WVpdx | 05.18.2012 @sara_ann_marie
  • 29. Not just hierarchical, but relational Links to Related Links to Feature Links to Business Author Bio Related Article Related Tagged by Tagged by Landmark Tagged by City Links to Related Tagged Tagged Blog Post by by Links to Related Related to Deal Event #WVpdx | 05.18.2012 @sara_ann_marie
  • 30. Not big blobs, but elements #WVpdx | 05.18.2012 @sara_ann_marie
  • 31. This matters to all of us right now. #WVpdx | 05.18.2012 @sara_ann_marie
  • 32. We know this much is true. From Brad Frost, “This is the Web” #WVpdx | 05.18.2012 @sara_ann_marie
  • 33. There are only two ways to keep up. #WVpdx | 05.18.2012 @sara_ann_marie
  • 34. We can create more content, or make our content do more. #WVpdx | 05.18.2012 @sara_ann_marie
  • 35. 3 steps toward flexible, portable content. #WVpdx | 05.18.2012 @sara_ann_marie
  • 36. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
  • 37. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
  • 38. “We are all content strategists now.” - Karen McGrane #WVpdx | 05.18.2012 @sara_ann_marie
  • 39. Small screens Strange new screens Load time concerns Save for later Reader view #WVpdx | 05.18.2012 @sara_ann_marie
  • 40. As the bells and whistles disappear, what’s left? #WVpdx | 05.18.2012 @sara_ann_marie
  • 41. Those who don’t design for readers might soon not be designing for anyone.” - Jeffrey Zeldman #WVpdx | 05.18.2012 @sara_ann_marie
  • 42. Content like water #WVpdx | 05.18.2012 @sara_ann_marie
  • 43. Content is chunky. #WVpdx | 05.18.2012 @sara_ann_marie
  • 44. Chunky is good. #WVpdx | 05.18.2012 @sara_ann_marie
  • 45. When we get close to content, we can embrace the chunks. #WVpdx | 05.18.2012 @sara_ann_marie
  • 46. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
  • 47. “Permanently placing content on a web page...is becoming a thing of the past.” - Trent Walton #WVpdx | 05.18.2012 @sara_ann_marie
  • 48.
  • 49. #WVpdx | 05.18.2012 @sara_ann_marie
  • 50. #WVpdx | 05.18.2012 @sara_ann_marie
  • 51. #WVpdx | 05.18.2012 @sara_ann_marie
  • 52. #WVpdx | 05.18.2012 @sara_ann_marie
  • 53. FINALLY! #WVpdx | 05.18.2012 @sara_ann_marie
  • 54. W hy isn’t at co ntent th here? rig ht #WVpdx | 05.18.2012 @sara_ann_marie
  • 55. Content Stacking vs. Interdigitation From Trent Walton, “Content Choreography” #WVpdx | 05.18.2012 @sara_ann_marie
  • 56. Before content can shift, it needs structure. #WVpdx | 05.18.2012 @sara_ann_marie
  • 57. m uc h Can’t do w it h t h is #WVpdx | 05.18.2012 @sara_ann_marie
  • 58. , opt ions! Hello #WVpdx | 05.18.2012 @sara_ann_marie
  • 59. But before you build structure, you need meaning. #WVpdx | 05.18.2012 @sara_ann_marie
  • 60. PURPOSE What is this content supposed to accomplish? ✦ MESSAGE What’s it saying? How does each element contribute? ✦ RELATIONSHIPS What other content elements is it related to? How? ✦ PRIORITIES How important is it compared to other elements? #WVpdx | 05.18.2012 @sara_ann_marie
  • 61. don’t have Yo u e t h is to mak #WVpdx | 05.18.2012 @sara_ann_marie
  • 62. jus t Maybe hese Content Item o ne of t Content Item Attributes: Attributes: ⁃ Title ⁃ Title ⁃ Date Relation ⁃ Date ⁃ Author -ship ⁃ Location ⁃ Abstract ⁃ Teaser ⁃ Detailed ⁃ Detailed Content Content Content Item Relation Attributes: -ship ⁃ Title ⁃ Date Relation ⁃ Author -ship ⁃ Abstract ⁃ Detailed Content Item Content Attributes: ⁃ Title Relation Relation -ship ⁃ Address -ship ⁃ Short Description Content Item Attributes: ⁃ Title Relation ⁃ Date -ship ⁃ Author ⁃ Abstract ⁃ Detailed Content #WVpdx | 05.18.2012 @sara_ann_marie
  • 63. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #WVpdx | 05.18.2012 @sara_ann_marie
  • 64. “Adaptive web pages are cooked up from relevant content chunks and ingredients, using the special sauce of metadata.” - Lyza Danger Gardner #WVpdx | 05.18.2012 @sara_ann_marie
  • 65. We can’t manually manage how each bit of content looks. #WVpdx | 05.18.2012 @sara_ann_marie
  • 66. But when we have structure, we can make rules. #WVpdx | 05.18.2012 @sara_ann_marie
  • 67. Robots like rules.
  • 68. P -> Q #WVpdx | 05.18.2012 @sara_ann_marie
  • 69. f resizing for I all screens... low the sm t hen ref ews m o dules. n
  • 70. If the page is ears... a bo ut black b ck bear en pul l in bla th news... vi d eos and bitats and show ha ck to bla relate d bears.
  • 71. ontent If we make c arties... t h ir d p access ible to titles, inclu de the n only , links, ad par agrap hs le a in t h e API. and m etadat
  • 72. Better content knowledge v | More meaningful parts v | Rules that best reflect human choices #WVpdx | 05.18.2012 @sara_ann_marie
  • 73. Robots aren’t human, but our content must be. #WVpdx | 05.18.2012 @sara_ann_marie
  • 74. or Pss t! Lo ok f re ver ywhe Co ntent E feld n f ro m Rose . Me d i a so on Thank you, PDX! More me: sarawb.com | @sara_ann_marie Photo Credits ✦ Peanut Butter Toast from Luzbonita on Flickr ✦ Future by Tatsushi Morimoto from 50watts.com ✦ Faucet by Brian Gaid on Flickr ✦ Flagstaff photos courtesy Arizona Office of Tourism ✦ Girl with PBJ by Old Shoe Woman on Flickr ✦ Deflated balloon photos by Silverfuture on Flickr ✦ Robot by John Greenaway on Flickr ✦ Silos from dsearls on Flickr

Notas del editor

  1. \n
  2. \n
  3. \n
  4. \n
  5. \n
  6. \n
  7. \n
  8. \n
  9. \n
  10. \n
  11. \n
  12. \n
  13. \n
  14. \n
  15. \n
  16. \n
  17. \n
  18. \n
  19. \n
  20. \n
  21. \n
  22. \n
  23. \n
  24. \n
  25. \n
  26. \n
  27. \n
  28. \n
  29. \n
  30. \n
  31. \n
  32. \n
  33. \n
  34. \n
  35. \n
  36. \n
  37. \n
  38. \n
  39. \n
  40. \n
  41. \n
  42. \n
  43. \n
  44. \n
  45. \n
  46. \n
  47. \n
  48. \n
  49. \n
  50. \n
  51. \n
  52. \n
  53. \n
  54. \n
  55. \n
  56. \n
  57. \n
  58. \n
  59. \n
  60. \n
  61. \n
  62. \n
  63. \n
  64. \n
  65. \n
  66. \n
  67. \n
  68. \n
  69. \n
  70. \n
  71. \n
  72. \n
  73. \n