lincolnCan you say Margin Left, ten pixels? Maybe it should be can you type style=”margin-left:10px”. I was shopping online today looking for an authentic Lincoln collectibles, and found a great source, Nate D. Sanders. I had a major problem with the site though. It lacked margins for much of its content.

Eye Strain and Distractions

Reading text that is on the line, or that is pressed against a monitor’s side makes for difficult reading. It’s especially hard to read when the text is also very small. Most documents that we read like magazines, newspapers, and web pages have at least a little bit of margin. It improves readability, and it also helps define the space. Having hard to read text additionally distracts concentration. Instead thinking about just the product I want, I was then forced to think about the product, and that the site bugs me. I will only say “I wish they would fix that” so many times about a site, and so will other visitors.

It’s an Easy Fix

Fortunately adding a little margin is an easy fix, and simply using the style example I used above will be all it needs. Hopefully the owners of the site will take the advice to heart, and make the adjustments.

Nate D. Sanders Collectibles has been doing business for over twenty years, offers online bidding for the collectibles, and initially specialized in Hollywood Collectibles.

  3 Responses to “Don’t Forget Margins”

  1. I see what you mean – a 10px, or even a 15px, margin between the three columns would really help open up the layout. Did you send them a polite email suggesting margins? I would.

  2. I actually got the ok about writing the post ahead of time. I get a lot of requests to write basic site reviews. I don’t always want to though, so as an alternative I offer to write about a site using them as an example for a usability or design tip. This is the case for this site. They get a tip, and a link out of it.

  3. Please review my site – I will be forever indebted :)

 Leave a Reply

(required)

(required)

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>