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

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek SchlawackFwdays
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.Curtis Poe
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxhariprasad279825
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenHervé Boutemy
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .Alan Dix
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024BookNet Canada
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfAlex Barbosa Coqueiro
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piececharlottematthew16
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfAddepto
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024Stephanie Beckett
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii SoldatenkoFwdays
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionDilum Bandara
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsMiki Katsuragi
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024Lonnie McRorey
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostZilliz
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Mattias Andersson
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brandgvaughan
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationSlibray Presentation
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfRankYa
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxNavinnSomaal
 

Último (20)

"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
"Subclassing and Composition – A Pythonic Tour of Trade-Offs", Hynek Schlawack
 
How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.How AI, OpenAI, and ChatGPT impact business and software.
How AI, OpenAI, and ChatGPT impact business and software.
 
Artificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptxArtificial intelligence in cctv survelliance.pptx
Artificial intelligence in cctv survelliance.pptx
 
DevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache MavenDevoxxFR 2024 Reproducible Builds with Apache Maven
DevoxxFR 2024 Reproducible Builds with Apache Maven
 
From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .From Family Reminiscence to Scholarly Archive .
From Family Reminiscence to Scholarly Archive .
 
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
New from BookNet Canada for 2024: BNC CataList - Tech Forum 2024
 
Unraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdfUnraveling Multimodality with Large Language Models.pdf
Unraveling Multimodality with Large Language Models.pdf
 
Story boards and shot lists for my a level piece
Story boards and shot lists for my a level pieceStory boards and shot lists for my a level piece
Story boards and shot lists for my a level piece
 
Gen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdfGen AI in Business - Global Trends Report 2024.pdf
Gen AI in Business - Global Trends Report 2024.pdf
 
What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024What's New in Teams Calling, Meetings and Devices March 2024
What's New in Teams Calling, Meetings and Devices March 2024
 
"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko"Debugging python applications inside k8s environment", Andrii Soldatenko
"Debugging python applications inside k8s environment", Andrii Soldatenko
 
Advanced Computer Architecture – An Introduction
Advanced Computer Architecture – An IntroductionAdvanced Computer Architecture – An Introduction
Advanced Computer Architecture – An Introduction
 
Vertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering TipsVertex AI Gemini Prompt Engineering Tips
Vertex AI Gemini Prompt Engineering Tips
 
TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024TeamStation AI System Report LATAM IT Salaries 2024
TeamStation AI System Report LATAM IT Salaries 2024
 
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage CostLeverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
Leverage Zilliz Serverless - Up to 50X Saving for Your Vector Storage Cost
 
Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?Are Multi-Cloud and Serverless Good or Bad?
Are Multi-Cloud and Serverless Good or Bad?
 
WordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your BrandWordPress Websites for Engineers: Elevate Your Brand
WordPress Websites for Engineers: Elevate Your Brand
 
Connect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck PresentationConnect Wave/ connectwave Pitch Deck Presentation
Connect Wave/ connectwave Pitch Deck Presentation
 
Search Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdfSearch Engine Optimization SEO PDF for 2024.pdf
Search Engine Optimization SEO PDF for 2024.pdf
 
SAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptxSAP Build Work Zone - Overview L2-L3.pptx
SAP Build Work Zone - Overview L2-L3.pptx
 

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