Web Design Forums

Coding Articles & Tutorials

Read about HTML, PHP, Java, and many other popular languages.

How to Make Text Columns



Site of the Month Nominations
ENTER YOUR SITE NOW!

Reply
 
LinkBack Thread Tools
Old February 12 '04, 11:32 PM (#1)
smoseley is offline
WDF Moderator
 
smoseley's Avatar
 
Join Date: March 2003
Location: Miami, FL
Posts: 8,796
smoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud ofsmoseley has much to be proud of
How to Make Text Columns

How to Make Text Columns

by Steven Moseley

In the world of advertising, it has been found that people maintain more interest in pages that have their text divided into columns. Advertising guru David Ogilvy redefined the print ad by adopting the layout and design of articles into his advertisements. This meant that the page would be divided into three columns, using "serif" fonts (see the section on "fonts" for more details), with about 8-10 words per column, and divided into short, full-justified paragraphs.

Since web design is similar in form and function to advertising, I believe that the use of columns for large chunks of text can be a powerful tool in maintaining user attention. It will definitely increase readership, and even for those who don't read it, it will increase the aesthetics, making the web site appear more like printed media than digital media. Along with the use of Drop Caps, Ordered (numbered) Lists, and Font Formatting techniques outlined in some of my other articles, you will be able to make pages that maintain reader focus (more important than appearing bold and shocking)! The longer your reader keeps interest, the more your site sells. Period.

As to my theory of why people like columns in text, I think it could be a few reasons:
  1. Mini-goals. If a large amount of content is divided up into small chunks, the mind is able to tackle each portion at a time, and make mini-accomplishments. On the contrary, a large, monolithic piece of text seems insurmountable. Essentially, by cutting the text up, we're setting small goals for our readers, a tool often used in psychology.
  2. Ease on the eyes. When text is spread out across a large width, people get lost and re-read large portions of text, get frustrated, and eventually quit trying. In smaller widths, it's much easier to maintain focus, because the eye can maintain an overview of the entire line without moving left to right.
  3. Familiarity. Almost every large text book, newspaper, and magazine that we have read since childhood has used this same formatting. People are creatures of habit. Give them something they're used to, and they'll eat it up faster than something "better" or "more creative".
Code:
<table width="100%" cellpadding="0" cellspacing="0" border="0">
    <tr>
        <td width="50%" valign="top">
            <p>Columns in text are a very handy tool.
            Unfortunately, most designers don't use
            them because they're tedious to 
            implement.</p>
        </td>
        <td><img src="./images/spacer.gif" width="20" height="1"></td>
        <td width="50%" valign="top">
            <p>However, if you take the time and effort
            of putting them into use, you'll find 
            that they really add to the aesthetics 
            and functionality of your work.</p>
        </td>
    </tr>
</table>

Last edited by smoseley; February 13 '04 at 12:29 AM.
Digg this Post!Add Post to del.icio.usBookmark Post in TechnoratiFurl this Post!
Reply With Quote
Reply

  Web Design Forums » Web Design Help » Articles & Tutorials » Coding Articles & Tutorials

Bookmarks


Currently Active Users Viewing This Thread: 1 (0 members and 1 guests)
 
Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On


 
User Infomation
Your Avatar

Site Of The Month

Ticket Cake
Ticket Cake

Ticket Cake is a drupal based event ticketing platform. It features that ability to browse events and share them.

Nominate Your Site Now!

Advertisement
WolfCMS.org

Latest Articles
- by RickM
- by bfsog

Advertisement

Partner Links



All times are GMT -4. The time now is 02:47 AM.


WebDesignForums.net is Copyright © 2010 RikeMedia.

SEO by vBSEO

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163