Indianapolis Web Content Management

Our website has moved but we've left our old posts up here. Please visit

Great Website Content: Balancing Form and Function

10+ Things to Consider When Turning Text Into an Attractive Web Page

Posted 6:41 PM by

Web Page Design and Layout TechniquesI have to say, I sympathize with anyone tasked with taking some content, putting on a web page and having it look good. I've been doing this for a very long time so you might call it natural but to the layperson, a blank page can be an intimidating place. No matter how good your site's theme looks, you can really lose design points if you drop the ball on your page content.

I've been on the hunt for good online resources for content managers that aren't designers by trade or otherwise. It has not been easy. Every resource I've found appeals to web professionals. As they say, "if you want something done right..."

A common scenario:

Your boss just handed you a Word document containing a couple of boring paragraphs and nothing else. You have now been tasked with making this content look good. Here is a list of things to consider:

  1. Techniques of writing for the Web are used: headings, bullet points, short sentences in short paragraphs, use of white space, etc.
  2. Fonts, font sizes, and font colors are consistently used
  3. Content provides meaningful, useful information
  4. Content is organized in a consistent manner
  5. Information is easy to find (minimal clicks)
  6. Content does not include outdated material
  7. Content is free of typographical and grammatical errors
  8. Avoids the use of "Click here" when writing text for hyperlinks
  9. If standard link colors are not used, hyperlinks use a consistent set of colors to indicate visited/nonvisited status
  10. If graphics and/or media is used to convey meaning, the alternate text equivalent of the content is provided (accessibility)

Closing tip: Try to look at your text as block elements rather than just text. This will help you organize your text content as visual blocks and see how these blocks interact/relate to other elements such as images, video, content boxes, etc.

Comments (0)
Post a Comment
Email: (Not Displayed)
Website: (optional)
Comment (HTML tags will be stripped):
Please type the alpha-numeric code above (case sensitive):
RSS Feed