SlideShare a Scribd company logo
1 of 104
Download to read offline
Sara Wachter-Boettcher
                  Midwest UX 2012




Building
      Bendable
           Content
            Why the future web
               needs content-
                    focused IA
Our
responsive
adaptive
mobile-first
cross-channel
multi-device
super-awesome
future
Our
responsive
adaptive
mobile-first
cross-channel
multi-device
super-awesome
future
Why?



       #MWUX12 | 06.01.2012
           @sara_ann_marie
From Brad Frost, “This is the Web”

                                     #MWUX12 | 06.01.2012
                                         @sara_ann_marie
1 in 2 Americans owns a smartphone,
up from 1 in 3 in 2011.
Pew 2012 Update




                          #MWUX12 | 06.01.2012
                              @sara_ann_marie
Mobile internet usage is expected to
overtake desktop by 2014.
comScore




                           #MWUX12 | 06.01.2012
                               @sara_ann_marie
From Brad Frost, “This is the Web”

                                     #MWUX12 | 06.01.2012
                                         @sara_ann_marie
What does
  the future mean
            for IA?
             #MWUX12 | 06.01.2012
                 @sara_ann_marie
We’ve done hierarchy.
                                 Home




  Main              Main         Main                  Main           Main




         Sub               Sub          Sub                   Sub            Sub


         Sub               Sub          Sub                   Sub            Sub


         Sub               Sub          Sub                   Sub            Sub


         Sub               Sub          Sub                   Sub            Sub



               Detail
                Main                          Detail
                                               Main                                Detail
                                                                                    Main
                Main                           Main                                 Main




                                                               #MWUX12 | 06.01.2012
                                                                   @sara_ann_marie
We’ve audited pages.




                   #MWUX12 | 06.01.2012
                       @sara_ann_marie
We get templates.
                                                                                                                      Data Library | News & Events | International

                                                                                                                                            Search
                GPEC Logo




            Doing Business Here               Key Industries             Living Here                Communities                     Membership                   About Us


                                                  Home > GPEC Communities > Avondale
         GPEC Communities
         Maricopa County
         > Apache Junction                        Avondale
         Avondale
         Buckeye
         Casa Grande
         Chandler
         Fountain Hills
         Gila Bend
         Gilbert
         Glendale
         Goodyear
         Maricopa
         Mesa
         Peoria                                   Avondale is located along the Interstate 10 corridor and
         Phoenix                                                                                                                   Top Employers
                                                  just a 15-minute commute from the heart of Phoenix,
         Queen Creek                                                                                                               Employer
                                                  nestled at the base of the scenic Estrella Mountains
         Scottsdale                                                                                                                Employer
                                                  where the Agua Fria and Gila rivers meet.
         Surprise                                                                                                                  Employer
         Tempe                                                                                                                     Employer
                                                  The quality of life and the variety of cultural, economic,
         Tolleson                                                                                                                  Employer
                                                  geographic and educational advantages in the area
         Wickenburg                               provides a progressive atmosphere rich in resources and
                                                                                                                                   Related Downloads
                                                  opportunity.
                                                                                                                                      Download
                                                                                                                                      Download
                                                  Avondale is the proud home of Phoenix International
        CONNECT WITH GPEC                                                                                                             Download
                                                  Raceway, which sponsors two NASCAR events a year.
                                                  Avondale also plays host to regional basketball, volleyball
            602.256.7700
                                                  and soccer tournaments at its parks and American Sports
                                                                                                                                  Photo Gallery
                                                  Center - Avondale, a new state of the art indoor
            EMAIL US
                                                  recreational sports facility located at the heart of our
                                                  planned Avondale City Center.
            INITIATE A PROJECT
                                                  Natural beauty including mountains and wetlands – less
                                                  than six miles from our city core – provide an opportunity
                                                  for residents and visitors alike to experience nature and
                                                  wildlife and all the at the great outdoors has to offer.
        Sign up for GPEC News

         First Name

         Last Name

         Email Address

                              SIGN UP




                                             EXPANDED FOOTER NAV (PER HOME COMP)

        Sitemap | Terms of Use | E-Track Login | Initiate a Project | FAQ | Member Directory | Careers | Press Room


        2 N. Central Ave., Suite 2500, Phoenix, AZ 85004 | Phone: 602.256.7700 | Fax: 602.256.7744                    © 2011 Greater Phoenix Economic Council. All Rights Reserved




                                              GPEC - Avondale 4.1



                                                                                                                                                                            #MWUX12 | 06.01.2012
                                                                                                                                                                                @sara_ann_marie
This won’t
      hold up.
We need IA
    that gets at
             the core.
                #MWUX12 | 06.01.2012
                    @sara_ann_marie
The content
 #MWUX12 | 06.01.2012
     @sara_ann_marie
Content that’s unfixed from the desktop.




                             #MWUX12 | 06.01.2012
                                 @sara_ann_marie
Content that’s ready for new devices.




                              #MWUX12 | 06.01.2012
                                  @sara_ann_marie
Content that’s portable to future platforms.




                               #MWUX12 | 06.01.2012
                                   @sara_ann_marie
Content like
       water
   #MWUX12 | 06.01.2012
       @sara_ann_marie
COPE: Create Once,
Publish Everywhere.



          #MWUX12 | 06.01.2012
              @sara_ann_marie
Writers enter content
into the CMS once
                             It’s stored without
                             presentational code




                                      Then sent via API
           Editors approve            to NPR and 3rd
           and double-                parties
           check metadata

                                         #MWUX12 | 06.01.2012
                                             @sara_ann_marie
#MWUX12 | 06.01.2012
    @sara_ann_marie
But.



       #MWUX12 | 06.01.2012
           @sara_ann_marie
Content is
    chunky.
  #MWUX12 | 06.01.2012
      @sara_ann_marie
Chunky
is good.   #MWUX12 | 06.01.2012
               @sara_ann_marie
Chunky
  gets stuck.
2009: I learned this
the hard way.



                       #MWUX12 | 06.01.2012
                           @sara_ann_marie
Building Bendable Content - MidwestUX 2012
Later that year...



                     #MWUX12 | 06.01.2012
                         @sara_ann_marie
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Wait a second.



                 #MWUX12 | 06.01.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
Trip ideas
I want to go there.




                      #MWUX12 | 06.01.2012
                          @sara_ann_marie
Not so much
#WVpdx | 05.18.2012
  @sara_ann_marie
2010: We’ve gotta
go mobile.



                    #MWUX12 | 06.01.2012
                        @sara_ann_marie
#MWUX12 | 06.01.2012
    @sara_ann_marie
There’s only one
restaurant in town?



                      #MWUX12 | 06.01.2012
                          @sara_ann_marie
This will fix
everything!



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



                         #MWUX12 | 06.01.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




                                                                                #MWUX12 | 06.01.2012
                                                                                    @sara_ann_marie
✦   Not big blobs, but elements




                                  #MWUX12 | 06.01.2012
                                      @sara_ann_marie
Local
               |   attractio
                             ns




                                &
                   Lo cal parks
               |   m onumen
                             ts


                            n
                   Events i
               |   Flags taff




Feature
 Stories   |   |   Local
                   deals
Flexible content
   needs to have
           structure.
                   #MWUX12 | 06.01.2012
                       @sara_ann_marie
This is a
content
 problem

            #MWUX12 | 06.01.2012
                @sara_ann_marie
This is a
  ux
problem

            #MWUX12 | 06.01.2012
                @sara_ann_marie
This is a
solvable
 problem

             #MWUX12 | 06.01.2012
                 @sara_ann_marie
It’s IA,
    brought to the
           micro level.
                 #MWUX12 | 06.01.2012
                     @sara_ann_marie
Say
what?
“The structural design of shared
information environments.”
                     – Morville & Rosenfeld




                           #MWUX12 | 06.01.2012
                               @sara_ann_marie
“The art and science of organizing and
labeling websites...to support usability.”
                                      - IA Institute




                             #MWUX12 | 06.01.2012
                                 @sara_ann_marie
Same skills, new challenge.




                              #MWUX12 | 06.01.2012
                                  @sara_ann_marie
3 steps toward
  more bendable
            content.
                 #MWUX12 | 06.01.2012
                     @sara_ann_marie
✦   GET CLOSER TO CONTENT
✦   GO FROM PAGES TO PARTS
✦   RULE THE ROBOTS




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




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




                          #MWUX12 | 06.01.2012
                              @sara_ann_marie
Interaction
   isn’t everything
Substance.



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



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




                           #MWUX12 | 06.01.2012
                               @sara_ann_marie
We need to focus
so our users can, too.



                     #MWUX12 | 06.01.2012
                         @sara_ann_marie
✦   PURPOSE
    What’s the content supposed to accomplish?
✦   MESSAGE
    What’s it saying? How is it saying it?
✦   RELATIONSHIPS
    What other content is conceptually connected?
✦   PRIORITIES
    How important is it for the business? The user?




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




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




                             #MWUX12 | 06.01.2012
                                 @sara_ann_marie
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
FINALLY!
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
Building Bendable Content - MidwestUX 2012
asn’t
 W hy w tent
tha t con
      up h ere?
back
Content Stacking                        vs.   Interdigitation




From Trent Walton, “Content Choreography”




                                                      #MWUX12 | 06.01.2012
                                                          @sara_ann_marie
Before content can shift,
it needs structure.




                            #MWUX12 | 06.01.2012
                                @sara_ann_marie
m uc h
Can’t do
   w it h t h is




                     #MWUX12 | 06.01.2012
                         @sara_ann_marie
, opt ions!
Hello




                   #MWUX12 | 06.01.2012
                       @sara_ann_marie
But before you build structure,
you need meaning.




                            #MWUX12 | 06.01.2012
                                @sara_ann_marie
✦   PURPOSE
    Does each element contribute toward a goal?
✦   MESSAGE
    How does each element communicate meaning?
✦   RELATIONSHIPS
    What’s the relationship between content elements?
✦   PRIORITIES
    Which elements are most important? Why?




                                        #MWUX12 | 06.01.2012
                                            @sara_ann_marie
Then you
   put the pieces
           together.
              #MWUX12 | 06.01.2012
                  @sara_ann_marie
don’t have
Yo u    e t h is
 to  mak




                   #MWUX12 | 06.01.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




                                                                   #MWUX12 | 06.01.2012
                                                                       @sara_ann_marie
And then you’re gonna have to
talk to the developers. A lot.




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




                         #MWUX12 | 06.01.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




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




                           #MWUX12 | 06.01.2012
                               @sara_ann_marie
But when we have structure,
we can make rules.




                          #MWUX12 | 06.01.2012
                              @sara_ann_marie
Robots like
      rules.
P -> Q
    #MWUX12 | 06.01.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



                         #MWUX12 | 06.01.2012
                             @sara_ann_marie
Robots aren’t human,
  but our content
            must be.
                  #MWUX12 | 06.01.2012
                      @sara_ann_marie
:
                                                                                                  ing  a bo ok
                                                                                  ss t! I ’m writ     ere f ro
                                                                                                               m
                                                                                 P                  wh
                                                                                           t Ever y
                                                                                 Conten        Me d ia.
                                                                                           eld
                                                                                 Rosenf




    Thank you, Midwest UX!
    sarawb.com // @sara_ann_marie




Photo Credits                                                             ✦   PB Spoon from http://www.flickr.com/photos/certified_su/234726096/
✦   Swaying Trees from http://www.flickr.com/photos/bala_/1282565897/      ✦   Flagstaff photos courtesy Arizona Office of Tourism
✦   Future by Morimoto from http://50watts.com/2483236/Space-Teriyaki-3   ✦   Deflated balloons from http://www.flickr.com/photos/silverfuture/
✦   Storm from http://www.flickr.com/photos/mikebaird/4084235781/              6799133336/ and http://www.flickr.com/photos/silverfuture/5432635206/
✦   Faucet from http://www.flickr.com/photos/briangaid/2909765394/
                                                                          ✦   Polar Bear from http://www.flickr.com/photos/davidw/2132684141
✦   PB Toast from http://www.flickr.com/photos/luzbonita/2558151303/
                                                                          ✦   Button from http://www.flickr.com/photos/jamescridland/2271986251
✦   Girl with PBJ from http://www.flickr.com/photos/judybaxter/59996764
                                                                          ✦   Robot from http://www.flickr.com/photos/johngreenaway/3356358479/

More Related Content

Viewers also liked

Smartphone Component Trends and Outlook (Sept 2013)
Smartphone Component Trends and Outlook (Sept 2013)Smartphone Component Trends and Outlook (Sept 2013)
Smartphone Component Trends and Outlook (Sept 2013)JonCarvinzer
 
25 tips for Successful Partnerships & Alliances
25 tips for Successful Partnerships & Alliances25 tips for Successful Partnerships & Alliances
25 tips for Successful Partnerships & AlliancesPeter Simoons
 
Seminar basalt fiber rebars
Seminar basalt fiber rebarsSeminar basalt fiber rebars
Seminar basalt fiber rebarsATHUL ASOK
 
Innovative building material
Innovative building materialInnovative building material
Innovative building materialShrihari Bhuskade
 
Nano materials on civil work
Nano materials on civil workNano materials on civil work
Nano materials on civil workramar ram
 
Engineers Day, M. Visvesvarayya Birth Day
Engineers Day, M. Visvesvarayya Birth Day Engineers Day, M. Visvesvarayya Birth Day
Engineers Day, M. Visvesvarayya Birth Day sanjay_asati
 
Engineer of 2020 powerpoint
Engineer of 2020 powerpointEngineer of 2020 powerpoint
Engineer of 2020 powerpointEdgar Sirucha
 
20100514 pipe arch presentation to iem may 2010
20100514 pipe arch presentation to iem   may 201020100514 pipe arch presentation to iem   may 2010
20100514 pipe arch presentation to iem may 2010forcepraxeum
 
Chimney present
Chimney presentChimney present
Chimney presentmathusaran
 
Technology advances in flexible displays and substrates
Technology advances in flexible displays and substratesTechnology advances in flexible displays and substrates
Technology advances in flexible displays and substratesSalman Khaja
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designInVision App
 
LOW COST HOUSING
LOW COST HOUSINGLOW COST HOUSING
LOW COST HOUSINGSUJEESH A S
 
Seminar
SeminarSeminar
SeminarJNTU
 

Viewers also liked (20)

Spider silk
Spider silk Spider silk
Spider silk
 
Smartphone Component Trends and Outlook (Sept 2013)
Smartphone Component Trends and Outlook (Sept 2013)Smartphone Component Trends and Outlook (Sept 2013)
Smartphone Component Trends and Outlook (Sept 2013)
 
Cardox Technology for the Lime Industry
Cardox Technology for the Lime IndustryCardox Technology for the Lime Industry
Cardox Technology for the Lime Industry
 
25 tips for Successful Partnerships & Alliances
25 tips for Successful Partnerships & Alliances25 tips for Successful Partnerships & Alliances
25 tips for Successful Partnerships & Alliances
 
Seminar basalt fiber rebars
Seminar basalt fiber rebarsSeminar basalt fiber rebars
Seminar basalt fiber rebars
 
Final Report
Final ReportFinal Report
Final Report
 
Innovative building material
Innovative building materialInnovative building material
Innovative building material
 
Nano materials on civil work
Nano materials on civil workNano materials on civil work
Nano materials on civil work
 
Flexible displays
Flexible displaysFlexible displays
Flexible displays
 
Spider silk
Spider silkSpider silk
Spider silk
 
Engineers Day, M. Visvesvarayya Birth Day
Engineers Day, M. Visvesvarayya Birth Day Engineers Day, M. Visvesvarayya Birth Day
Engineers Day, M. Visvesvarayya Birth Day
 
Engineer of 2020 powerpoint
Engineer of 2020 powerpointEngineer of 2020 powerpoint
Engineer of 2020 powerpoint
 
20100514 pipe arch presentation to iem may 2010
20100514 pipe arch presentation to iem   may 201020100514 pipe arch presentation to iem   may 2010
20100514 pipe arch presentation to iem may 2010
 
Chimney present
Chimney presentChimney present
Chimney present
 
Technology advances in flexible displays and substrates
Technology advances in flexible displays and substratesTechnology advances in flexible displays and substrates
Technology advances in flexible displays and substrates
 
Basalt rock fibre
Basalt   rock   fibreBasalt   rock   fibre
Basalt rock fibre
 
Recycled Glass
Recycled GlassRecycled Glass
Recycled Glass
 
Mobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX designMobile first: A future friendly approach to UX design
Mobile first: A future friendly approach to UX design
 
LOW COST HOUSING
LOW COST HOUSINGLOW COST HOUSING
LOW COST HOUSING
 
Seminar
SeminarSeminar
Seminar
 

Similar to Building Bendable Content - MidwestUX 2012

Financial Analysis - Facebook Inc. operates a social networking website. The ...
Financial Analysis - Facebook Inc. operates a social networking website. The ...Financial Analysis - Facebook Inc. operates a social networking website. The ...
Financial Analysis - Facebook Inc. operates a social networking website. The ...BCV
 
The Value of Visitor Identification: Selling to Buyer 2.0 in the Information Age
The Value of Visitor Identification: Selling to Buyer 2.0 in the Information AgeThe Value of Visitor Identification: Selling to Buyer 2.0 in the Information Age
The Value of Visitor Identification: Selling to Buyer 2.0 in the Information AgeDemandbase
 
Ashnik corporate presentation Dec 2012
Ashnik corporate presentation Dec 2012Ashnik corporate presentation Dec 2012
Ashnik corporate presentation Dec 2012Sachin Dabir
 
How to get the most out of your apps (Natalia Kondakova, Business Development...
How to get the most out of your apps (Natalia Kondakova, Business Development...How to get the most out of your apps (Natalia Kondakova, Business Development...
How to get the most out of your apps (Natalia Kondakova, Business Development...Mobile VAS & Apps Conference
 
New ways of working & knowledge sharing - Dirk W. Bijl
New ways of working & knowledge sharing - Dirk W. BijlNew ways of working & knowledge sharing - Dirk W. Bijl
New ways of working & knowledge sharing - Dirk W. BijlVlerick Business School
 

Similar to Building Bendable Content - MidwestUX 2012 (6)

Financial Analysis - Facebook Inc. operates a social networking website. The ...
Financial Analysis - Facebook Inc. operates a social networking website. The ...Financial Analysis - Facebook Inc. operates a social networking website. The ...
Financial Analysis - Facebook Inc. operates a social networking website. The ...
 
The Value of Visitor Identification: Selling to Buyer 2.0 in the Information Age
The Value of Visitor Identification: Selling to Buyer 2.0 in the Information AgeThe Value of Visitor Identification: Selling to Buyer 2.0 in the Information Age
The Value of Visitor Identification: Selling to Buyer 2.0 in the Information Age
 
Ashnik corporate presentation Dec 2012
Ashnik corporate presentation Dec 2012Ashnik corporate presentation Dec 2012
Ashnik corporate presentation Dec 2012
 
How to get the most out of your apps (Natalia Kondakova, Business Development...
How to get the most out of your apps (Natalia Kondakova, Business Development...How to get the most out of your apps (Natalia Kondakova, Business Development...
How to get the most out of your apps (Natalia Kondakova, Business Development...
 
1205kondakova
1205kondakova1205kondakova
1205kondakova
 
New ways of working & knowledge sharing - Dirk W. Bijl
New ways of working & knowledge sharing - Dirk W. BijlNew ways of working & knowledge sharing - Dirk W. Bijl
New ways of working & knowledge sharing - Dirk W. Bijl
 

More from Sara Wachter-Boettcher

In It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content StrategyIn It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content StrategySara 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
 
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
 

More from Sara Wachter-Boettcher (20)

Managing the Content Process
Managing the Content ProcessManaging the Content Process
Managing the Content Process
 
Everybody Hurts: Content for Kindness
Everybody Hurts: Content for KindnessEverybody Hurts: Content for Kindness
Everybody Hurts: Content for Kindness
 
Content Amid Chaos
Content Amid ChaosContent Amid Chaos
Content Amid Chaos
 
Orchestrating Content—FOWD NYC
Orchestrating Content—FOWD NYCOrchestrating Content—FOWD NYC
Orchestrating Content—FOWD NYC
 
In It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content StrategyIn It Together: Co-Creating Your Content Strategy
In It Together: Co-Creating Your Content Strategy
 
Orchestrating Content
Orchestrating ContentOrchestrating Content
Orchestrating Content
 
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 Everywhere - WebVisions PDX
Content Everywhere - WebVisions PDXContent Everywhere - WebVisions PDX
Content Everywhere - WebVisions PDX
 
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
 

Recently uploaded

The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...Aggregage
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UbiTrack UK
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024D Cloud Solutions
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesMd Hossain Ali
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URLRuncy Oommen
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemAsko Soukka
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsSafe Software
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxUdaiappa Ramachandran
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024SkyPlanner
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Commit University
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostMatt Ray
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureEric D. Schabell
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?IES VE
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdfPedro Manuel
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfDaniel Santiago Silva Capera
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesDavid Newbury
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxMatsuo Lab
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfJamie (Taka) Wang
 

Recently uploaded (20)

The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
The Data Metaverse: Unpacking the Roles, Use Cases, and Tech Trends in Data a...
 
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
UWB Technology for Enhanced Indoor and Outdoor Positioning in Physiological M...
 
Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024Artificial Intelligence & SEO Trends for 2024
Artificial Intelligence & SEO Trends for 2024
 
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just MinutesAI Fame Rush Review – Virtual Influencer Creation In Just Minutes
AI Fame Rush Review – Virtual Influencer Creation In Just Minutes
 
20230104 - machine vision
20230104 - machine vision20230104 - machine vision
20230104 - machine vision
 
Designing A Time bound resource download URL
Designing A Time bound resource download URLDesigning A Time bound resource download URL
Designing A Time bound resource download URL
 
Bird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystemBird eye's view on Camunda open source ecosystem
Bird eye's view on Camunda open source ecosystem
 
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration WorkflowsIgniting Next Level Productivity with AI-Infused Data Integration Workflows
Igniting Next Level Productivity with AI-Infused Data Integration Workflows
 
Building AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptxBuilding AI-Driven Apps Using Semantic Kernel.pptx
Building AI-Driven Apps Using Semantic Kernel.pptx
 
Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024Salesforce Miami User Group Event - 1st Quarter 2024
Salesforce Miami User Group Event - 1st Quarter 2024
 
Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)Crea il tuo assistente AI con lo Stregatto (open source python framework)
Crea il tuo assistente AI con lo Stregatto (open source python framework)
 
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCostKubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
KubeConEU24-Monitoring Kubernetes and Cloud Spend with OpenCost
 
OpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability AdventureOpenShift Commons Paris - Choose Your Own Observability Adventure
OpenShift Commons Paris - Choose Your Own Observability Adventure
 
How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?How Accurate are Carbon Emissions Projections?
How Accurate are Carbon Emissions Projections?
 
Nanopower In Semiconductor Industry.pdf
Nanopower  In Semiconductor Industry.pdfNanopower  In Semiconductor Industry.pdf
Nanopower In Semiconductor Industry.pdf
 
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdfIaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
IaC & GitOps in a Nutshell - a FridayInANuthshell Episode.pdf
 
201610817 - edge part1
201610817 - edge part1201610817 - edge part1
201610817 - edge part1
 
Linked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond OntologiesLinked Data in Production: Moving Beyond Ontologies
Linked Data in Production: Moving Beyond Ontologies
 
Introduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptxIntroduction to Matsuo Laboratory (ENG).pptx
Introduction to Matsuo Laboratory (ENG).pptx
 
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
activity_diagram_combine_v4_20190827.pdfactivity_diagram_combine_v4_20190827.pdf
 

Building Bendable Content - MidwestUX 2012

  • 1. Sara Wachter-Boettcher Midwest UX 2012 Building Bendable Content Why the future web needs content- focused IA
  • 4. Why? #MWUX12 | 06.01.2012 @sara_ann_marie
  • 5. From Brad Frost, “This is the Web” #MWUX12 | 06.01.2012 @sara_ann_marie
  • 6. 1 in 2 Americans owns a smartphone, up from 1 in 3 in 2011. Pew 2012 Update #MWUX12 | 06.01.2012 @sara_ann_marie
  • 7. Mobile internet usage is expected to overtake desktop by 2014. comScore #MWUX12 | 06.01.2012 @sara_ann_marie
  • 8. From Brad Frost, “This is the Web” #MWUX12 | 06.01.2012 @sara_ann_marie
  • 9. What does the future mean for IA? #MWUX12 | 06.01.2012 @sara_ann_marie
  • 10. We’ve done hierarchy. Home Main Main Main Main Main Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Sub Detail Main Detail Main Detail Main Main Main Main #MWUX12 | 06.01.2012 @sara_ann_marie
  • 11. We’ve audited pages. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 12. We get templates. Data Library | News & Events | International Search GPEC Logo Doing Business Here Key Industries Living Here Communities Membership About Us Home > GPEC Communities > Avondale GPEC Communities Maricopa County > Apache Junction Avondale Avondale Buckeye Casa Grande Chandler Fountain Hills Gila Bend Gilbert Glendale Goodyear Maricopa Mesa Peoria Avondale is located along the Interstate 10 corridor and Phoenix Top Employers just a 15-minute commute from the heart of Phoenix, Queen Creek Employer nestled at the base of the scenic Estrella Mountains Scottsdale Employer where the Agua Fria and Gila rivers meet. Surprise Employer Tempe Employer The quality of life and the variety of cultural, economic, Tolleson Employer geographic and educational advantages in the area Wickenburg provides a progressive atmosphere rich in resources and Related Downloads opportunity. Download Download Avondale is the proud home of Phoenix International CONNECT WITH GPEC Download Raceway, which sponsors two NASCAR events a year. Avondale also plays host to regional basketball, volleyball 602.256.7700 and soccer tournaments at its parks and American Sports Photo Gallery Center - Avondale, a new state of the art indoor EMAIL US recreational sports facility located at the heart of our planned Avondale City Center. INITIATE A PROJECT Natural beauty including mountains and wetlands – less than six miles from our city core – provide an opportunity for residents and visitors alike to experience nature and wildlife and all the at the great outdoors has to offer. Sign up for GPEC News First Name Last Name Email Address SIGN UP EXPANDED FOOTER NAV (PER HOME COMP) Sitemap | Terms of Use | E-Track Login | Initiate a Project | FAQ | Member Directory | Careers | Press Room 2 N. Central Ave., Suite 2500, Phoenix, AZ 85004 | Phone: 602.256.7700 | Fax: 602.256.7744 © 2011 Greater Phoenix Economic Council. All Rights Reserved GPEC - Avondale 4.1 #MWUX12 | 06.01.2012 @sara_ann_marie
  • 13. This won’t hold up.
  • 14. We need IA that gets at the core. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 15. The content #MWUX12 | 06.01.2012 @sara_ann_marie
  • 16. Content that’s unfixed from the desktop. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 17. Content that’s ready for new devices. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 18. Content that’s portable to future platforms. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 19. Content like water #MWUX12 | 06.01.2012 @sara_ann_marie
  • 20. COPE: Create Once, Publish Everywhere. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 21. Writers enter content into the CMS once It’s stored without presentational code Then sent via API Editors approve to NPR and 3rd and double- parties check metadata #MWUX12 | 06.01.2012 @sara_ann_marie
  • 22. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 23. But. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 24. Content is chunky. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 25. Chunky is good. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 26. Chunky gets stuck.
  • 27. 2009: I learned this the hard way. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 29. Later that year... #MWUX12 | 06.01.2012 @sara_ann_marie
  • 32. Wait a second. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 33. Soaring peaks #WVpdx | 05.18.2012 @sara_ann_marie
  • 34. Historic charm #WVpdx | 05.18.2012 @sara_ann_marie
  • 35. Americana galore #WVpdx | 05.18.2012 @sara_ann_marie
  • 37. I want to go there. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 39. #WVpdx | 05.18.2012 @sara_ann_marie
  • 40. 2010: We’ve gotta go mobile. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 41. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 42. There’s only one restaurant in town? #MWUX12 | 06.01.2012 @sara_ann_marie
  • 43. This will fix everything! #MWUX12 | 06.01.2012 @sara_ann_marie
  • 44. #WVpdx | 05.18.2012 @sara_ann_marie
  • 45. 2011: Fixing (part of) the problem. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 46. 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 #MWUX12 | 06.01.2012 @sara_ann_marie
  • 47. Not big blobs, but elements #MWUX12 | 06.01.2012 @sara_ann_marie
  • 48. Local | attractio ns & Lo cal parks | m onumen ts n Events i | Flags taff Feature Stories | | Local deals
  • 49. Flexible content needs to have structure. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 50. This is a content problem #MWUX12 | 06.01.2012 @sara_ann_marie
  • 51. This is a ux problem #MWUX12 | 06.01.2012 @sara_ann_marie
  • 52. This is a solvable problem #MWUX12 | 06.01.2012 @sara_ann_marie
  • 53. It’s IA, brought to the micro level. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 55. “The structural design of shared information environments.” – Morville & Rosenfeld #MWUX12 | 06.01.2012 @sara_ann_marie
  • 56. “The art and science of organizing and labeling websites...to support usability.” - IA Institute #MWUX12 | 06.01.2012 @sara_ann_marie
  • 57. Same skills, new challenge. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 58. 3 steps toward more bendable content. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 59. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #MWUX12 | 06.01.2012 @sara_ann_marie
  • 60. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #MWUX12 | 06.01.2012 @sara_ann_marie
  • 61. “We are all content strategists now.” - Karen McGrane #MWUX12 | 06.01.2012 @sara_ann_marie
  • 62. Interaction isn’t everything
  • 63. Substance. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 64. Small screens Strange new screens Load time concerns Save for later Reader view #MWUX12 | 06.01.2012 @sara_ann_marie
  • 65. As the bells and whistles disappear, what’s left? #MWUX12 | 06.01.2012 @sara_ann_marie
  • 66. “Those who don’t design for readers might soon not be designing for anyone.” - Jeffrey Zeldman #MWUX12 | 06.01.2012 @sara_ann_marie
  • 67. We need to focus so our users can, too. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 68. PURPOSE What’s the content supposed to accomplish? ✦ MESSAGE What’s it saying? How is it saying it? ✦ RELATIONSHIPS What other content is conceptually connected? ✦ PRIORITIES How important is it for the business? The user? #MWUX12 | 06.01.2012 @sara_ann_marie
  • 69. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #MWUX12 | 06.01.2012 @sara_ann_marie
  • 70. “Permanently placing content on a web page...is becoming a thing of the past.” - Trent Walton #MWUX12 | 06.01.2012 @sara_ann_marie
  • 82. asn’t W hy w tent tha t con up h ere? back
  • 83. Content Stacking vs. Interdigitation From Trent Walton, “Content Choreography” #MWUX12 | 06.01.2012 @sara_ann_marie
  • 84. Before content can shift, it needs structure. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 85. m uc h Can’t do w it h t h is #MWUX12 | 06.01.2012 @sara_ann_marie
  • 86. , opt ions! Hello #MWUX12 | 06.01.2012 @sara_ann_marie
  • 87. But before you build structure, you need meaning. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 88. PURPOSE Does each element contribute toward a goal? ✦ MESSAGE How does each element communicate meaning? ✦ RELATIONSHIPS What’s the relationship between content elements? ✦ PRIORITIES Which elements are most important? Why? #MWUX12 | 06.01.2012 @sara_ann_marie
  • 89. Then you put the pieces together. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 90. don’t have Yo u e t h is to mak #MWUX12 | 06.01.2012 @sara_ann_marie
  • 91. 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 #MWUX12 | 06.01.2012 @sara_ann_marie
  • 92. And then you’re gonna have to talk to the developers. A lot. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 93. GET CLOSER TO CONTENT ✦ GO FROM PAGES TO PARTS ✦ RULE THE ROBOTS #MWUX12 | 06.01.2012 @sara_ann_marie
  • 94. “Adaptive web pages are cooked up from relevant content chunks and ingredients, using the special sauce of metadata.” - Lyza Danger Gardner #MWUX12 | 06.01.2012 @sara_ann_marie
  • 95. We can’t manually manage how each bit of content looks. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 96. But when we have structure, we can make rules. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 97. Robots like rules.
  • 98. P -> Q #MWUX12 | 06.01.2012 @sara_ann_marie
  • 99. f resizing for I all screens... low the sm t hen ref ews m o dules. n
  • 100. 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.
  • 101. 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
  • 102. Better content knowledge v | More meaningful parts v | Rules that best reflect human choices #MWUX12 | 06.01.2012 @sara_ann_marie
  • 103. Robots aren’t human, but our content must be. #MWUX12 | 06.01.2012 @sara_ann_marie
  • 104. : ing a bo ok ss t! I ’m writ ere f ro m P wh t Ever y Conten Me d ia. eld Rosenf Thank you, Midwest UX! sarawb.com // @sara_ann_marie Photo Credits ✦ PB Spoon from http://www.flickr.com/photos/certified_su/234726096/ ✦ Swaying Trees from http://www.flickr.com/photos/bala_/1282565897/ ✦ Flagstaff photos courtesy Arizona Office of Tourism ✦ Future by Morimoto from http://50watts.com/2483236/Space-Teriyaki-3 ✦ Deflated balloons from http://www.flickr.com/photos/silverfuture/ ✦ Storm from http://www.flickr.com/photos/mikebaird/4084235781/ 6799133336/ and http://www.flickr.com/photos/silverfuture/5432635206/ ✦ Faucet from http://www.flickr.com/photos/briangaid/2909765394/ ✦ Polar Bear from http://www.flickr.com/photos/davidw/2132684141 ✦ PB Toast from http://www.flickr.com/photos/luzbonita/2558151303/ ✦ Button from http://www.flickr.com/photos/jamescridland/2271986251 ✦ Girl with PBJ from http://www.flickr.com/photos/judybaxter/59996764 ✦ Robot from http://www.flickr.com/photos/johngreenaway/3356358479/

Editor's Notes

  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
  74. \n
  75. \n
  76. \n
  77. \n
  78. \n
  79. \n
  80. \n
  81. \n
  82. \n
  83. \n
  84. \n
  85. \n
  86. \n
  87. \n
  88. \n
  89. \n
  90. \n
  91. \n
  92. \n
  93. \n
  94. \n
  95. \n
  96. \n
  97. \n
  98. \n
  99. \n
  100. \n
  101. \n
  102. \n
  103. \n