Jump to content

Leading Community for Usability, Search Engine Marketing,
Social Networking, Site Planning & Web Site Development, Since 1998


Photo

Which Comes First - Content Or Design?


  • Please log in to reply
26 replies to this topic

#1 Autocrat

Autocrat

    Sonic Boom Member

  • 1000 Post Club
  • 1521 posts

Posted 15 October 2007 - 06:46 AM

Oaky - long running arguemetn I ahve with a few folks... and we are about 50-50 on this... with the occassional swap overs etc when good points are raised.

So...

One of us says that it should be possible to create a fantastic design...and apply it to a site, regardless of the content.
This includes the general page layout/structure, position of various elements etc.
All you have to do then is include the "copy" to make the site whole.

Another one of us chirps up - you need to know the copy/content before you desig or even consider structuring the page/s, as you have no idea whether the content will fit, nor if certain structures are suitable.

....

So... how do you approach yours?
Do you start with a chicken, or with an egg... or with both?
(or with a frying pan and some bacon rashers :))

#2 saschaeh

saschaeh

    Time Traveler Member

  • 1000 Post Club
  • 1026 posts

Posted 15 October 2007 - 07:12 AM

hmm well id say both but id lean more on the content side :) (Guess a little depended an different projects - less the content the more you can focus on design.)

Currently i am working on a site that has 100's of articles and also different gallaries for differnt topics, audio and video files. This is a lot of information so a lot more focus was placed on the layout of copy.

So the design brief was working from a content foundation. Example: we need articeles with a header date and place for the actual article - Below the article four other recent articles. When users views full article we will have recent articles on the right and above that any audio or video that is directly related to article... We need to clearly distinguish these section for this or that reason bla bla bla...

So now you have created the information architecture. Only then would I create design brief that works within the content framework.

Although it is funny becasue often ill pitch the general look and feel of a site before i start doing the site architecture. I guess the design just cant be way out and needs to stick to general usability guidelines.

So you want a contemporary African look but try stick to some web standards so people can brows the site easily. Decide colors and other things so on so fourth and a day.

So to me its a bit of both but having written this i guess id say content most of the time first and then design around that.

Content is what people come to your site for not a uber fancy design.

Edited by saschaeh, 15 October 2007 - 07:17 AM.


#3 EGOL

EGOL

    Eyes Like Hawk Moderator

  • Moderators
  • 4603 posts

Posted 15 October 2007 - 07:15 AM

Neither... you begin with the end in mind.

The goals of the site.

That dictates the content and then the design should be developed around how the content can be most effectively presented to accomplish that goal.

I think I voted twice.

Interesting question. I look forward to seeing the replies.

#4 saschaeh

saschaeh

    Time Traveler Member

  • 1000 Post Club
  • 1026 posts

Posted 15 October 2007 - 07:30 AM

The goals of the site.



well once you have your goal what would it be content or design...??
but then i guess you said content first and then design around that.

Edited by saschaeh, 15 October 2007 - 07:31 AM.


#5 Adrian

Adrian

    Honored One Who Served Moderator Alumni

  • Hall Of Fame
  • 5773 posts
  • Twitter:tychoanomaly

Posted 15 October 2007 - 07:41 AM

Before you get to the design you should already have worked out what the site is trying to do, it's audience, it's goals, an idea of how it's oging to meet those goals etc...

Which is likely to give you some indication of perhaps not the exact content, but the type and amount of content used around the site.

Whether you're having multipage articles, or brief overviews of things will have an effect on the design of many sites.

Whether you're going to have 1 paragraph, or 2 paragraphs of text in some places matters little.

Having said that, I find a lot of designers create layouts with conviently sized pieces of content, that neatly fit into their design. in 100% of cases, you end up with other content, either shorter, or longer than used in the designs that makes it look a little odd, or makes the actual code a bit more fiddly, and the result is never quite as neat.

#6 DCrx

DCrx

    Industry Reporter

  • 1000 Post Club
  • 1253 posts

Posted 15 October 2007 - 07:56 AM

One of us says that it should be possible to create a fantastic design...and apply it to a site, regardless of the content. This includes the general page layout/structure, position of various elements etc.
All you have to do then is include the "copy" to make the site whole.


It is "possible," and frankly this is how most sites come into being. I have noticed this as the dominant trend in site design and call it content irrelevant design. Really it is the idea of site structure applied to site planning: separation of style from structure, content from layout, and everything from everything else.

You can now construct a site without a programmer, designer or client collaborating in any meaningful way, each confined to their own "cubical." Dilbertesque.

The design crux is looking at the result from content irrelevant design.

A business consultancy has a Flash header using the word and theme of balance. Yet not one word in the body copy relates what the business does to the idea presented in the header. What could have happened was copy would take up the theme, explaining what in business is out of balance and how what the business consultants do restores a crucial balance, and what positive benefits come from this. They could have talked about, for one example, balanced scorecards -- a well-known management tool.

The site never made mention of balance outside the header compartment. Perfect separation of everything from everything else. This turned what could have woven a common thread of meaning -- A.K.A. Branding -- to a superficial gimmick. This is how Flash becomes 99% bad, trivial, eyecandy. Another site uses a stock photograph of a tree on a grassy plain. Beautiful, but pointless.

I would not call this separation, I'd call it a schism. Then, so each element can't clash, each is made into generic, vague, lego-blocks ...colorful but toylike in its shallowness.

Okay, fine. What's the alternative? Jewelboxing. Graphics and copy refer to each other and explain each other.

Essentially what you're talking about is the most shallow kind of brochureware site. Programming is no different, as I've seen lots of four-page PHP/MySQL site with 500 words total and which will never see a fifth page. While this is commonly done by programmers to advertise their skill, such a site should automatically disqualify the programmer from ever rising higher than code monkey.

This also explains the truly huge number of sites built without any purpose except to have a site: Exhibit number one. That's who agrees with this philosophy. Liberated from the need to know what they want to accomplish, every direction is the right one.

When content is irrelevant, you can put generic boilerplate into a standard layout with stock photography of people who look good, but don't have anything to do with you or your business, and you're done.

One trivial point is the designer, the programmer, and even the copywriter can be replaced with automation. A layout generator, a random stock photography database, and scraper software can replace the design team, and despite protestations to the contrary get the same basic end result.

#7 Jem

Jem

    Mach 1 Member

  • Members
  • 366 posts
  • Twitter:https://twitter.com/jemjabella

Posted 15 October 2007 - 08:49 AM

I think you should build around the content.

Take for example a recent site I've created for a client - very little content, very little of anything really. If I'd not seen that content beforehand I'd have probably assigned more space for the content and it would end up looking really bare. As it is we had to supersize the text to give it a more filled out look.

On the other hand, if a site has lots of content I'd possibly need 3 columns instead of my typical 2, so I'd need to know that first otherwise I'd not factor in the extra column originally causing me to have to re-edit the design.

I mean, it's obviously possible to put the content in around the design but not my preferred method.

#8 Autocrat

Autocrat

    Sonic Boom Member

  • 1000 Post Club
  • 1521 posts

Posted 15 October 2007 - 09:19 AM

Well... I personally go with Content first, design around that.

As further clarification, I take Content as being lead by the goal (eg. the clietn should already have the information on their market and audeince etc. not my job - though I do advise they obtain such information).
)

I think you can get so far with design without the content... I get to the colours, general feel ad wanted image, emphasis on branding etc.... but no actual layouts.
Not untill I know what the page will be presenting and how it is to present it... then I can start developing strucutre... but only after the site structure ;)

Once I know what the client wants to do, I figure out how to do it... and get a general idea as to the "size" of the site... rough idea as to the pages and sections... then I make up several possibly navigational scenarios.
The desing is then based around the content/navigation.


Nice to se that I'm not the only one who sees all these segregated pieces occuring during design.
Personally, it should all tie in - if there is no communication, then things are not likely to work... I view the whole idea of different "departments" handling their own parts with no liasion as flawed... it's meant to be something "entire", not made up of distinctly different parts.
Of course, jsut my opinion... if they all have a well laid out plan that governs the various aspect well enough - I think it is feasable that it could work (have to be a damn detailed plan, or departments that work very tightly).

As for the "content fitting"... thats one of my pet hates... aprticualrly for alot of these cheapy (and not so cheapy) template sites... they have little application for "real sites" as they are not able to handle expanded/contracted content.
Considering I build CMS sites... I find that aspect highly important... I have o real control, nor feel I should restrict, the content the clietns will provide... so those pretty little boxes need to be flexible... or at least enable some form of scrolling as an absolute last resort (and I mean absolute!).


So nice to see that the majority seems togo with designing around... and cross interaction... was worried I had the wrong end of the stick (then again, we all might be holdign the wrong end ;))

#9 ccera

ccera

    Mach 1 Member

  • Members
  • 375 posts

Posted 15 October 2007 - 10:34 AM

OK, I am strictly an amateur, but have built 10 or 12 sites over the last couple of years. I really don't see HOW you could successfully design a site at all without at least some consideration of the content. Even when I was at the stage of using site builders and free templates, I at least chose which design to use based on the type and AMOUNT of content. I can't even imagine being given one design - no matter how beautiful - and being told "Here, make the content fit."
My vote is that you can design around content, or even work back and forth tweaking design and content so that they work together, but it would be crazy to make a completely independent design and "force" the content into it. If you want to design completely independent of content, you should be making templates! At least then they can be "chosen" to fit the content.;)

CiCi

#10 AbleReach

AbleReach

    Peacekeeper Administrator

  • Admin - Top Level
  • 6370 posts

Posted 15 October 2007 - 06:13 PM

Which comes first - content or design?

Neither.

BRANDING, and I'm not talking about what you print on your business cards.

The tone of this post of Ammon's on branding was one of the reasons I registered and became active as a member @ Cre8asite.

Branding is how you show who you are. Before the making of the business card or logo or goodie bag or whatever carries the brand, there comes the persona of the business. Underlying the business's identity is business plan stuff, aka target market research.

Even the style of writing is effected by branding.

#11 clnbxy

clnbxy

    Unlurked Energy

  • Members
  • 7 posts

Posted 19 October 2007 - 04:41 AM

Depends on your site objective:
Company site , business site: content first.
Personal site, show: design first.

#12 rynert

rynert

    Light Speed Member

  • Members
  • 858 posts

Posted 19 October 2007 - 08:51 AM

What is 'design' ?

To me design is site structure, page layout and aesthetics - and in that order.

Coming before any of those design elements are the things mentioned in several posts above, the goals of the site, the audience etc etc

So not only does design come last, but if by 'design' you mean the aesthetics, it comes last within the tasks covered by 'design'

At the end of the day if you don't tick all the other boxes what is the point of nice aesthetics?

#13 Autocrat

Autocrat

    Sonic Boom Member

  • 1000 Post Club
  • 1521 posts

Posted 19 October 2007 - 10:22 AM

(Ermmmm... bigger box?)

Okay... I'm so glad I asked this... as I feel much better personally (I was worried I'd approached the wrong way).

Still.... I've found it interestesting the definitions that we all have for different things, (to me, content is based on goals, design is the structure with paint applied etc.).

Just goes to show in future I will have to stipulate and expound very very very carefully to what I refer.


Thanks to all that posted... darn enlightening!

#14 victor363

victor363

    Gravity Master Member

  • Members
  • 106 posts

Posted 19 October 2007 - 02:36 PM

Well, it's been said already; never the less, the first thing I would do is keyword research - than more keyword research after that, but with different tools.


So content seems like the responsible choice here :P

#15 mregan

mregan

    Gravity Master Member

  • Members
  • 128 posts

Posted 21 October 2007 - 01:04 PM

First I agree with everyone that said you have to know what the site is for. Form follows function. (We always ask new clients "What do you want the site to do?". And, 75% of the, time we get a blank stare. )

After that, for us, it becomes a very iterative process. We decide on a design based on the function. This will have such things as header, navigation, number of columns, colour, etc. , but no copy. Once the client 'signs off' on the general design, we start adding copy. Then we start 'tweaking' the layout. Such things as column widths, fonts, graphics are in a constant state of flux as we add the copy.

So, to answer your question. Once you know the function, do the overall design. After a general design is approved - add the copy.

We learned the hard way, with our first major client, not to go too far into the process without getting the design approved by the client.

#16 Autocrat

Autocrat

    Sonic Boom Member

  • 1000 Post Club
  • 1521 posts

Posted 21 October 2007 - 01:21 PM

...mregan... I'm astounded you only get 75%.... I'm obviously either asking it incorrectly, or getting the wrong clients :) (we often get there in the end... jsut takes a while for the actual definitiosn to firm up).

I'm somewhat perplexed regarding your approach though.
I myself get example content, then design around that. I do not make any real designs or apply any "theme/scheme" to the design until I kow what the typical content forms are going to be... otherwise I may end up discovering that I haveto make more than a few changes.

Yet you seem able to build the general design at least up til la certain point, without this.

Any chance you could point out how, as I may be missing a fundemental technique or approach... and I'm greedy inwanting to know others :)

#17 bwelford

bwelford

    Eyes Like Hawk Moderator

  • Moderators
  • 8896 posts
  • Twitter:http://twitter.com/BWelford
  • Facebook:http://www.facebook.com/bwelford

Posted 21 October 2007 - 01:59 PM

I would join AbleReach in putting the first emphasis on neither content nor design but rather on the essence of what the company owning the website is all about. You can call it branding. It's the answer to that elevator question, "What exactly do you do in twelve words or less?" What makes you special? What makes you stand out from the crowd? When you know that, you will know how through design to create the 'look and feel' that anchors that essence in the first perceptions that visitors have of the website. It will also be the basis of the content, that provides the supporting proofs of the essence.

#18 AbleReach

AbleReach

    Peacekeeper Administrator

  • Admin - Top Level
  • 6370 posts

Posted 21 October 2007 - 05:29 PM

Thanks, Barry.

Sometimes people are disconnected from what the Internet can do for them. Sometimes it's off the radar screen entirely: not their job. Helping them make the connection then becomes part of my job. Most of us like to talk about what we are good at. Getting people talking about their personality as a company will help me get ideas for their site. "What do you want the site to do" doesn't make as much sense if they don't know what a site *can* do.

What a site *can* do for *that*particular*entity* goes back to the persona of the entity.

Edited by AbleReach, 21 October 2007 - 05:29 PM.


#19 mregan

mregan

    Gravity Master Member

  • Members
  • 128 posts

Posted 22 October 2007 - 08:15 PM

What can I say Autocrat -- it works for us.

Understanding the clients message and getting a design and structure that will best deliver that message works best for us.

Most of the time the client doesn't have any copy written, or what copy they do have doesn't work well on a website. Copy and the final selection of images are only done once we have an overall design framework.

It works for us -- it obviuously doesn't work for everyone.

#20 Autocrat

Autocrat

    Sonic Boom Member

  • 1000 Post Club
  • 1521 posts

Posted 23 October 2007 - 03:29 AM

At least I know there are potetntial alternativesto play with - always a bonus.




0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users