Reply
How can I make this more readable?
Old 03-10-2007, 08:26 AM How can I make this more readable?
Moldarin's Avatar
Extreme Talker

Latest Blog Post:
Keyword Density and Title Tags
Posts: 200
Hi,

Anything I can do to make this text even more readable?

I have been thinking of increasing the line-height, but I am not sure whether that would do more harm than good. I am using 1.225 * font-size now.

I am also questioning the paragraph opening boxes/indents (which does not work in Internet Explorer, sadly).

The text is designed for Firefox 2. I have not tried it with other user agents yet.
__________________
I do not share ad revenue.
Moldarin is offline
Reply With Quote
View Public Profile
 
When You Register, These Ads Go Away!
Old 03-10-2007, 08:45 AM Re: How can I make this more readable?
ADAM Web Design's Avatar
Canadastaninianite

Posts: 5,945
Name: Adam for web page design, not program
Location: Toronto, Ontario, Canada
I'd surround the whole thing in a padded div just so the left and right edges of the text don't butt up against the left and right edges of the browser window.

Other than that, nothing.
ADAM Web Design is offline
Reply With Quote
View Public Profile Visit ADAM Web Design's homepage!
 
Old 03-10-2007, 02:05 PM Re: How can I make this more readable?
vangogh's Avatar
Post Impressionist

Posts: 8,825
Name: Steven Bradley
Location: Boulder, Colorado
I realize the text you have is just placeholder text, but shorter paragraphs would improve readability. Headings would help make the page more scanable, which will also improve readability. So would a little color in the added headings.

Other than that I would really need to see the text incorporated into a design.
__________________
l Search Engine Friendly Web Design | Van SEO Design
l Tips On Marketing, SEO, Design, and Development | TheVanBlog
l Custom WordPress Themes
| Small Business Forum
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 03-10-2007, 02:34 PM Re: How can I make this more readable?
Moldarin's Avatar
Extreme Talker

Latest Blog Post:
Keyword Density and Title Tags
Posts: 200
Would you recommend a dark, or a bright color for the headings?
__________________
I do not share ad revenue.
Moldarin is offline
Reply With Quote
View Public Profile
 
Old 03-10-2007, 03:23 PM Re: How can I make this more readable?
Insensus's Avatar
Ultra Talker

Posts: 275
Name: Mark Stegeman
Location: Netherlands, Europe
Headers should be easily distinguished from the content.
This doesn't necessarily mean another color but that mostly is the best solution.
I always make important text a little bit lighter, bold and bigger.
__________________
<?php ($helpfull>0)?$talkupation++ : '';?>
Insensus is offline
Reply With Quote
View Public Profile
 
Old 03-10-2007, 09:28 PM Re: How can I make this more readable?
vangogh's Avatar
Post Impressionist

Posts: 8,825
Name: Steven Bradley
Location: Boulder, Colorado
The color would depend on the rest of the design. I'm assuming there will ultimately be more than just the text. Either dark or bright could work. It would need to work with the rest of the colors in the design.

Mark is right too in that to stand out the heading simply needs to be distinguished from the rest of the text. Color is one way, size can be another. You could also use a different font. Anything to distinguish it. I chose color as a differentiator since at the moment the only colors being used are black and white.
__________________
l Search Engine Friendly Web Design | Van SEO Design
l Tips On Marketing, SEO, Design, and Development | TheVanBlog
l Custom WordPress Themes
| Small Business Forum
vangogh is offline
Reply With Quote
View Public Profile Visit vangogh's homepage!
 
Old 03-12-2007, 04:28 PM Re: How can I make this more readable?
Mooofasa's Avatar
Defies a Status

Posts: 1,612
Name: Michael (mik) Land
Location: England
A large block of text should not be strong - it makes it harder to read and strains the eyes. Only embolden one phrase at a time, not a block paragraph.

I usually use this rule of thumb: Serif fonts at 14px (or equivalent ems, pts, etc etc) with 170% line height and sans-serif fonts at 13px (same again) with 150% line-height. Serif fonts are generally easier on the eyes and make it easier to read - why? Because of the accents they have (the little flicks) that guide you from one letter and word to the next. Sans-serif font's are better used for attention grabbing (like headings and links) and for shorts (small, concise paragraphs).

Our eyes move naturally from left to right in a guided area (in other words a box) and are comfortable at eye-level (or directly ahead). Therefore, it stands to reason that you should have your text on the left hand side, spanning between 40% and 60% of the screen width. It can be smaller, but you need to increase contrast between it and the other sections to improve attention and concentration.

Contrast focuses our eyes, and guides them. It stands to reason that there should be plenty of contrast at the edge of the section you're wanting to increase readability at and the surrounding areas. By contrast at the edge, I'm more specifically talking about a border, in this case a gray (again 40 - 60%) would work fine.

I also agree with previous comments.

Additional note: don't change letter-spacing unless you're absolutely-sure-without-a-doubt that it will improve attention and concentration.
Mooofasa is offline
Reply With Quote
View Public Profile Visit Mooofasa's homepage!
 
Reply     « Reply to How can I make this more readable?
 

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

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




   
RSS Feed  Feeds: RSS   JS   XML
RSS Feed  Feeds for this forum: RSS   JS   XML

 


Page generated in 0.34168 seconds with 12 queries