Skip to main content

Content Modeling & The Trouble With Too Many Parts

Content modeling is a pretty interesting emerging topic these days. Karen McGrane () and Jeff Eaton () had a great conversation about this recently on Lullabot’s ‘’ podcast that really got me thinking. Spending time to more fully understand the underlying structure of the content for the site we are working on yields real benefits in semantics and fundability. By adding fields to that type of content where it makes sense will result in easier authoring, searching and displaying of that content. (For example: adding date and byline fields to a press release or price and weight to a product.) 

But we have to be careful: in pursuit of logical perfection there lies the danger of overshooting the best solution for both content creator and consumer. This results in a less-than-satisfactory experience for all. To borrow a term from the database world, we run the risk of over-normalizing our content into ‘chunks’ that are harder to make, manage and consume. To quote Karen, ‘Goldilocks FTW’: we need that in-between solution that’s just right.

Rather than model beyond the basic structural elements, I’d like to suggest we leverage existing HTML tags to provide the more atomic (and enumerable via nth-child selectors) divisions within the piece of content. This will help keep the authoring and editing experience less fractured, and allow us as designers to focus on presenting that content appropriately for whatever screen size and pixel density that may  come along.

This is where I think the intersection of design, authorship and site building becomes inextricably tied.

It’s been said that the ‘right way’ to design for the web is to design from the content out. So how do we decide at what scale we begin? How small an element of content is too small? The ‘content chunkers’ among us might suggest taking it to the paragraph level or even smaller in an effort to ultimately define the structure of the content. 

I disagree. 

A sentence is an idea, a paragraph a thought - but the whole piece is the unit of content. That’s where meaning and substance emerge from a jumble of words. So lets stop there. The content is the story. We want to design around that. That doesn’t mean there aren’t other ways into that content: through a teaser, a summary or a title, for example. But the content is the whole. 

To be clear, I’m not suggesting that this kind of content atomization is what people like Jeff or Karen are suggesting, but it’s come up a few times now in conversation and posts that I think it’s a very real intent on some folks’ part. [Karen pointed me to this  - which both highlights the danger and discusses its origin in the world of technical documentation.]

But what about the structure of that content?

A story or simple page may just be a title and body copy. An H1 tag and a bunch of P tags. (Which by the way are all the structure we need to identify a point in the story or take a chunk and separate it.) But what about a press release or news story? That has a date field and possibly a byline. More structure. Or a product page? Price, weight, data sheets. Structure. In each case those elements have meaning and importance in the context of the whole. The title is more important than the byline, which may have more or less significance than weight. Semantically speaking, that is. There is quite a lot we can do simply with existing HTML structures of headings, paragraphs, figures, blockquotes and asides. We should leverage those first so we maintain the integrity of the whole piece of content. Content modeling  makes sense, so long as it doesn’t go too far or become too fine-grained.

Our job as designers is to understand that hierarchy and structure, and make it visually apparent, aesthetically pleasing and intuitively easy to grasp. That’s quite a task. That means we need to read the content, understand it in the context of our clients business and industry, and channel that understanding into every choice we make about proportion, typography, color and layout. 

But what happens tomorrow when the client logs in and updates the copy?

If we have structured that content properly and designed around the semantic significance of the elements of that content, then perhaps nothing more has changed than having new words appear on the screen. That’s because as designers our job is to create systems of relationships, not single ones. 

But what about when the user picks up a different screen?

This is where responsive design and typography become important: scale changes perception of meaning by altering how much can be seen. Relative proportion impacts how quickly the user can understand that meaning when confronted with more or less  content in view at any given time. When our window on this content shrinks or grows the relative proportion of one element of that content to another must change. What shouldn’t change though is the content itself. 

This is where I have the biggest reservations about what I’ve heard suggested: the notion that this structural modeling of content can make possible decisions about what to display on various devices. That’s crossing the line between making programmatic decisions and editorial ones. Deciding that simply because the screen is small that the reader would only be interested in the intro paragraph is simply disastrous. 

It was said originally by someone smarter than me: there are no mobile users, only mobile devices. We can’t make assumptions about level of engagement with our content based on device capabilities. Given the greater and greater level of access with alternate devices in circumstances ranging from actually moving to completely sedentary, from occasional browsing to deep concentration - we have to admit that if the content is important enough to present in the first place, we must present it equally well wherever it may be found. 

Admins & Editors are people too, you know

With the preceding  paragraph in mind, there is less impetus behind over-modeling our content. When we consider the process of creating and managing that content we find more examples where some modeling is useful but can quickly become a burden on those tasked with its care. An edit form for a story with input fields for titl and body makes sense. As do fields for price, byline, date and subtitle. But forcing the editor to attach every paragraph individually would make the authoring process needlessly complex. I know, as a certain XML editing application I’ve been asked to use does just that. 

Our job as technologists should be to find the analogs in existing content management workflows that give us the right combination of results yielding the structure we want without adding burden to the author. Hitting ‘return’ while typing in a text area can easily resulting in a <p> tag spanning a paragraph. Use the ‘Nth child’ selector and we can quickly identify a specific paragraph within a block of copy. Or drop in a tag representing a media enclosure the when wrapped with a FIGURE tag can be enumerated just as easily. The result is a perfectly sound way of identifying (and designing) elements of content without introducing barriers to content creation. 

Structured data and content is good. But only if we have people who are willing to work with our systems to create the content in the first place. Model as much as makes sense, keep the author in mind, and leverage existing structures to make the best design systems to preserve hierarchy of meaning and convey information. We can all have our cake and eat it, so long as we keep it all in proportion.

Many thanks to Jeff and Karen for their inspiration, and especially for the feedback on this article while in progress.

Comments

Jeff Eaton's picture

Amen!

Submitted by Jeff Eaton (not verified) on Tue, 02/19/2013 - 12:57pm

Amen!

There's a saying in computer science that you can solve any problem with more abstraction -- except for too much abstraction. Content modeling is similar, in that clear structured models solv lots of problems but eventually hit the point of diminishing returns.

It's worth remembering that HTML, like its parent SGML and sibling XML, is a structured markup language intended to capture information about the meaning of content. Leveraging it whenever appropriate (for example, using paragraph tags as a trackable entity inside of what's technically a "blob" field) is incredibly useful, and avoids misguided and expensive efforts to duplicate the intelligence of a word processor inside of discrete web form fields.

The challenge is figuring out how to allow that richness and flexibility to shine without opening the floodgates to "Dreamweaver Fields" in an otherwise orderly content model. When building custom tools it's defintiely a lot easier.

Thanks for the interesting and thought-provoking read, Jason!

Kamilla Kamilla's picture

This article is such a nice

This article is such a nice and interesting one, I'm very satisfied with the provided contents. I hope more excellent articles would be posted in your website. Thank you so much for this and keep sharing.

 

192.168.o.1

 

The Tao of Badass Review's picture

Content Modeling is very

Submitted by The Tao of Bada... (not verified) on Sat, 11/19/2016 - 3:09am
Content Modeling is very important and I really love it. http://bit.ly/2evAgIx
de's picture

sdadas dsadasdsad

Submitted by de (not verified) on Tue, 11/22/2016 - 12:13am

sdadas dsadasdsad

Sophia's picture

There are a lot of sites and

Submitted by Sophia (not verified) on Wed, 11/23/2016 - 1:33am

There are a lot of sites and articles out there on this particular point, but you have captured another side of the subject. This is good content thank you for adding it here. 
free SEO tools

Debra's picture

Websites which are designed

Submitted by Debra (not verified) on Wed, 11/23/2016 - 1:59am

Websites which are designed with effective content modeling looks perfect. Content modeling should be done with better analyzing of website. Design is an important thing when it comes to websites. Content modeling helps in designing better websites. Thanks for sharing this post.how to get rid of chapped lips

eliza's picture

This was a fabulous blog.

Submitted by eliza (not verified) on Tue, 12/20/2016 - 2:03am
This was a fabulous blog. Thank you for your experience and sharing your knowledge. mobile locksmith

 

eliza's picture

This article is such a nice

Submitted by eliza (not verified) on Wed, 12/21/2016 - 2:00am

This article is such a nice and interesting one, I'm very satisfied with the provided contents. I hope more excellent articles would be posted in your website. Thank you so much for this and keep sharing. male exotic entertainment

eliza's picture

Great guide, very informative

Submitted by eliza (not verified) on Wed, 12/21/2016 - 2:06am

Great guide, very informative and easy to understand. Thank you and keep posting Baby Equipment Rentals

eliza's picture

Great tips and very easy to

Submitted by eliza (not verified) on Wed, 12/21/2016 - 2:15am

Great tips and very easy to understand. This will definitely be very useful for me when I get a chance to start my blog perniagaan internet

eliza's picture

This is really good! I have a

Submitted by eliza (not verified) on Wed, 12/21/2016 - 2:22am

This is really good! I have a feeling that this is going to be one of the best articles of all time. I am sure that this has become the best of this year. It's only a matter of time before this article achieves that milestone as well. Brilliant work! Redding financial Advisor

 

eliza's picture

I am happy when reading your

Submitted by eliza (not verified) on Wed, 12/28/2016 - 2:35am

I am happy when reading your blog with updated information ! thanks alot and hope that you will post more site that are related to this site Pizza delivery white plains ny

buy instagram likes uk's picture

I love the blog. Great post.

Submitted by buy instagram l... (not verified) on Thu, 12/29/2016 - 5:38am

I love the blog. Great post. It is very true, people must learn how to learn before they can learn. lol i know it sounds funny but its very true. . . buy instagram likes uk

Child Seat Rentals's picture

Your work is very good and I

Submitted by Child Seat Rentals (not verified) on Sun, 01/01/2017 - 6:27am

Your work is very good and I appreciate you and hopping for some more informative posts  Child Seat Rentals 
 

Male Strippers in Vancouver's picture

The material and aggregation

Submitted by Male Strippers ... (not verified) on Sun, 01/01/2017 - 6:45am

The material and aggregation is excellent and telltale as comfortably.  ladies nights 
 

One Main Financial Redding CA's picture

Interesting post. I Have Been

Submitted by One Main Financ... (not verified) on Sun, 01/01/2017 - 7:06am

Interesting post. I Have Been wondering about this issue, so thanks for posting. Pretty cool post.It 's really very nice and Useful post.Thanks   One Main Financial Redding CA

buat duit tanpa modal's picture

Thanks for such a great post

Submitted by buat duit tanpa... (not verified) on Sun, 01/01/2017 - 7:14am

Thanks for such a great post and the review, I am totally impressed! Keep stuff like this coming.    
buat duit tanpa modal

eliza's picture

Good post. This is a very

Submitted by eliza (not verified) on Tue, 01/10/2017 - 2:07am

Good post. This is a very clear, informative and helpful post. Thanks for sharing. Will come to visit again.Click here to find more information. male strip club

 

eliza's picture

Many of us want to find some

Submitted by eliza (not verified) on Tue, 01/10/2017 - 2:20am

Many of us want to find some valuable articles to read. Thanks for this. I am looking forward for more post. Crib Rental

 

MigcMike's picture

Do it all over again All I

Submitted by MigcMike (not verified) on Fri, 01/13/2017 - 6:26pm

Do it all over again All I went through led me to you, So I'd do it all over again For you I missed the first train stood out in the rain all day pintacaritas en df

Mubruka khan's picture

What a brillinat article Hot

Submitted by Mubruka khan (not verified) on Tue, 01/31/2017 - 6:55am

What a brillinat article Hot bridal nighty this is an interesting and outstanding content thanks for sharing.

uali20's picture

I like viewing web sites

Submitted by uali20 (not verified) on Sat, 02/04/2017 - 5:41am

I like viewing web sites which comprehend the price of delivering the excellent useful resource free of charge. I truly adored reading your posting. Thank you! indian bridal jewellery wholesale uk

uali20's picture

Really nice and interesting

Submitted by uali20 (not verified) on Sat, 02/04/2017 - 6:54am

Really nice and interesting post. I was looking for this kind of information and enjoyed reading this one.   https://ilancee.wordpress.com/about/

uali20's picture

Always so interesting to

Submitted by uali20 (not verified) on Sat, 02/04/2017 - 6:58am

Always so interesting to visit your site.What a great info, thank you for sharing. this will help me so much in my learning    
tips melancong

uali20's picture

This is a great inspiring

Submitted by uali20 (not verified) on Sat, 02/04/2017 - 7:04am

This is a great inspiring article.I am pretty much pleased with your good work.You put really very helpful information...    
Database Append

eliza's picture

aaaaa

Submitted by eliza (not verified) on Mon, 02/06/2017 - 7:05am

aaaaa

auto technician training's picture

I recently found many useful

Submitted by auto technician... (not verified) on Tue, 02/07/2017 - 2:32am

I recently found many useful information in your website especially this blog page. Among the lots of comments on your articles. Thanks for sharing.    
auto technician training

buat duit tanpa modal's picture

so happy to find good place

Submitted by buat duit tanpa... (not verified) on Sun, 02/12/2017 - 1:36am

so happy to find good place to many here in the post, the writing is just great, thanks for the post.    
buat duit tanpa modal

Pages

Post a Comment