Wednesday, 01 August 2007
Blog Usability For Older Readers
[EDITORIAL NOTE: Retirement Living Television is broadcasting a special report on medical marijuana which airs today at 1:30PM eastern time. Following that, there will be a live discussion during the Daily Cafe show (at about 3PM eastern time) with two experts debating the pros and cons of medical marijuana. You can see the shows on Direct TV, Comcast in the northeast or view it online at rl.tv.]
A blogger recently emailed Crabby Old Lady asking to be added to the Elderbloggers List. It’s a good blog, well-written, but Crabby declined to list it because it is so damned hard to navigate.
There is no entry on the home page, only a list on a sidebar by date and title. When Crabby clicks on the link, entries stretch across almost the entire screen, making it hard to read, and she cannot get to another post without clicking back to the home page, then to another story, back again, and so on.
In addition, a large image sits below the banner looking like the beginning of a blog entry but there is nothing else there when you scroll down. Crabby visited several times over weeks encountering the same image on each visit and assumed the blogger rarely updates. It took awhile to figure out that it’s decoration.
Blog layout and navigation has been settled on a standard now for several years with few variations. Readers expect to find those standards on all blogs, and usability research indicates that if readers can’t understand how to use a website in under five seconds, they leave.
Crabby Old Lady has put on her schoolmarm garb in the past and explained blog presentation, but it has been a couple of years and is worth repeating along with some special techniques to help older readers whose eyes are not so young and nimble as they once were.
Background Color
It is difficult and tiring for old eyes to try to read light text on a dark background. There is a reason 99 percent of text in all mediums is black on white – it works best. Crabby sometimes runs across pink and light green text on a white background; that’s difficult too. Go for strong contrast with a light background.
Color Combinations
As people age, they have difficulty distinguishing between red and orange, and between blue and green especially when they are near one another. If you use such a palette be sure, for example, not to use green to highlight links with dark blue normal text. Some shades of gray used near black are hard for elders to distinguish too.
CAPTCHA
That’s the acronym for those random letters we are forced to type with forms to help avoid spam. One style is black letters on a background of various grays making them close to impossible to read.
Crabby’s blog host, Typepad, uses that style and she has complained with no results. Crabby is astonished that anyone bothers to leave comments with such a barrier, and she hopes someone at Typepad is reading TGB today.
Crabby is not picking on them exclusively. Some Blogger forms have CAPTCHA letters so wiggly, Crabby has had to type them two and three times to get them right. There must be a better way.
So many blogs, so little time. Anything that helps us move quickly through our web rounds can't be anything but good. Some blog standards are helpful to elders, but are work well for everyone else too:
Paragraphs
Crabby Old Lady learned early in her web career, more than a decade ago, that it is painful to read long blocks of text on a screen without a break. Yes, she knows what we learned in school about a paragraph holding one idea. But when a paragraph goes for more than six or seven lines on screen, it pushes people away rather than drawing them in.
So Crabby taught herself to “chunk down” long ideas into two or three smaller ones which keeps paragraphs shorter. Be sure to use a blank line space between paragraphs too. And, by the way, this works in comments; it only takes on extra tap on the “enter” key.
Text Styling
Long blocks of italic text are as painful to read as light text on a dark background. It is better to save italic for short emphasis. Crabby knows she break this rule in editorial comments at the top and bottom of stories, but does her best to keep it to a minimum. Certainly entire posts should not be styled with italic.
Width of Text
When text stretches across the entire screen, it is impossible for almost anyone to read. The eye cannot find the next line down. This is not an issue with three-column blogs where columns are necessarily narrow, but the main section of some two-column blogs are too wide. It’s best to keep the story column to 500 pixels in width; 400 is even better.
Comments
Some bloggers and some blog software limit the length of comments, and someone once told Crabby that if a comment is longer than three paragraphs, it should be a post on your own blog. Crabby disagrees.
There is nothing wrong with continuing a conversation on your blog, but when the conversation is compelling, Crabby likes long comments that give readers a chance to fully explain their point of view and others to respond. And when leaving a comment, there’s nothing worse than being halfway through a thought only to have an arbitrary cutoff curtail your thinking.
There are other issues with the design of computer hardware, software and webpages that make using computers and the internet more difficult than it needs to be for elders. But they are not things users can fix. Crabby will be addressing some of them at the Gnomedex conference later this month.
[At The Elder Storytelling Place today, Ronni Prior tells of the folly of trying to be with it in Even a Miata Can't Make Me Cool.]
Posted by Crabby Old Lady at 05:58 AM | Permalink | Email this post
Comments
As usual, I agree with most of what you say. Readability is surely important. However, we differ slightly on one thing: while I agree that it's possible for a text column to be too wide, I prefer a wider one than you do.
Personally, I find your columns too narrow; I sometimes get caught up in either the left or the right side bar content as I'm reading.
I suspect that this reflects my academic background and emphasis on books rather than on ewspapers or magazines.
I'm not sure there's an absolute right or wrong here; perhaps it's "different strokes for different folks," even among us elders.
By the way, is this why you've not listed my "Never too Late!"? If so, I respect your decision, but I don't intend to change my blog.
Another crabby old lady?
Posted by: Marlys Styne on Aug 1, 2007 7:26:45 AM
Marilyn...
I've been receiving a lot of requests to be added to the Elderbloggers List. For those who want to know:
1. I update the list now and then, when I have time. I've not had time for a couple of months and I'm unlikely to get to it for the next month or so.
2. In between updates, I bookmark elderblogs I come across through comments, general browsing, requests and recommendations that I think are interesting.
3. When the day comes for updating, I check out all the blogs I've bookmarked to see if they meet the criteria I've set out here in the past and add the new ones that do.
4. Although there are some specific requirements, others - like some listed today - are fungible, depending on the quality of the blog.
Posted by: Crabby Old Lady on Aug 1, 2007 7:56:23 AM
I think text size and headings are important too. Some people like to reduce the font size for certain less important elements. If they don't want people to see, why not just remove it entirely and safe people from squinting?
I think the use of good headings is vital for posting online. It helps visitors in a hurry to quickly catch what you'll talk about in the post and forces you to break up a long post into sections too.
A good design is pretty, but good usability is essential because it determines your visitor's satisfaction (besides good content of course).
Posted by: Paul @ Elders Tribune on Aug 1, 2007 9:51:24 AM
<<-- points to gray and orange text on white. :-)
I agree with everything you wrote. Many of us are limited by our blog template, and don't want to mess with CSS.
I hate CAPTCHAs (did you know that is an acronym?)
But soon they may be put to a great use: digitizing books.
http://goinglikesixty.wordpress.com/2007/05/25/i-hate-captchas-but-this-use-sounds-great/
Posted by: GoingLikeSixty on Aug 1, 2007 11:55:34 AM
It may have been you but several years ago someone suggested using the Verdana font which is much more conducive to online reading. I’ve tried to remember that though my web editor is constantly changing it back to the default Arial.
I also stagger the color of my text between blue and black with each entry. For me, when several entries are on the same page it helps distinguish one from another.
Cheers
Posted by: Rob Horne (B&H Ranch) on Aug 1, 2007 1:03:34 PM
Thanks for the blog etiquette. Being fairly new to this posting business, I'm in awe of your length of experience in this 'blogging' field and happy to learn from your expertise.
I, personally, like a nice mix of pictures vs. text on blogs. People have a lot to say, sometimes worthy, sometimes not, but often the perfect picture captures the moment.
Posted by: Sandra Ferguson on Aug 1, 2007 1:04:19 PM
I agree with many of your points, and so I went back to my blog homepage and restructured the format. From the link above, one still uses the individual entry list to the right. Once you are on an entry, just click on a link at the top or bottom to go forward or backward to other entries.
I came from many years of magazine and newspaper graphics work. Only slowly have I been able to find a usable format for my stroke damaged brain and blind eyes. I use two columns, and I attempt to keep both within one monitor width for easy using. I hate wide images that make me scroll back and forth so I can read what's been written.
I do test my graphics with both Netscape and Windows Explorer....the most commonly used browsers.
Yes, I too would like long noting ability like you have here at Typepad, but ah well. I use someone elses formatting. Yes furthermore, I hate tiny pale green type on generous flower backgrounds, for instance. White letters on black. Ah well. I can't read those blogs no matter how much I wish I could.
So thanks for posting this. I agree with much of what you say, but there I am over at an unreadable blog site.
Posted by: Mage on Aug 1, 2007 1:19:42 PM
Thanks for those thoughts, Crabby. I particularly appreciate the notes on black or very dark backgrounds.
I know it's wrong to make assumptions but humans do that sort of thing, including me. A Psychologist told me once that children who color their family members with black or purple crayons indicates distress and unhappiness. And so...black or other dark background colors tweak my mind into that channel. So I leave. It's too hard to read and there are probably problems there to big for me to think about.
Posted by: Roberta S on Aug 1, 2007 3:24:22 PM
Lorelle VanFossen is another advocate for readability in blogs (and anti-CAPTCHAs)
She is requesting help from blog readers. Please contribute.
A lot of presumptions are made about what works and doesn’t work for accessibility standards and usability in web page design. Let’s cut through the assumptions and get the truth.
http://lorelle.wordpress.com/2007/05/05/lets-hear-from-the-disabled/
Posted by: vuee on Aug 1, 2007 8:10:38 PM
Ronni, I agree with most of what you say, especially about color of background, paragraphs and spaces between them. I do prefer 2 column blogs. When there are three columns, I find my eyes skipping around too much. It feels like work to read them, but some (like yours) are worthwhile enough for me to slog through.
Posted by: kenju on Aug 1, 2007 10:43:14 PM
Thanks. There are so many blogs I would like to read that are white text on black. After a few times, I usually give up. Yes, I can reset to plain text mode, but what a pain. Yes, I could use RSS feeds, but the visual style of the page is important to me in providing visual cues that I relate to a particular blogger.
Posted by: donna on Aug 1, 2007 11:28:00 PM
Your blog is always fascinating to read.
Posted by: Joann on Aug 2, 2007 1:55:09 AM
No matter what format you use, Ronni, you have a captive audience in me. The content of the blog is more important to me than the style. I have tried some blogs and find them uninteresting and never return.
Your topics are usually thought provoking and elicit interesting comments. I start my day with your blog because it wakes my old mind up.
I agree that CAPTCHA is hard to read for old eyes. I have had to type in their black on gray letters several times to get it right. It's irritating.
Posted by: Darlene on Aug 2, 2007 8:50:56 AM
I feel most blessed to have had some of these thoughts presented to me individually by you to me before ever publishing my first post. Thank you again Ronni!
Posted by: Candace on Aug 2, 2007 11:14:14 AM
The OJR says that asking just five (5!) people to read-test your webpage will uncover almost all the problems: http://www.ojr.org/ojr/stories/070802ruel/
My addition--let at least one of those people be as experienced and articulate and (ahem) elder as Ronni and her commenters.
Posted by: Betsy Devine on Aug 2, 2007 11:30:44 PM
When I'm hunting through Blogland and find a blog that isn't easy to read for one reason or another, I decide it's "survival of the fittest" stepping in. I can't read all those that sound interesting and this just helps my elimination process.
I appreciate your pointers. You could type straight across the page in lower case, .... , no punctuation and no paragraphs and I'd still read your blog. You have substance.
Posted by: travelinoma on Aug 3, 2007 2:48:57 AM
Travelinoma: I doubt it - your last paragraph, that is. But I appreciate it that you and the others above would wade through an unusable TGB.
Betsy: I've done website usability testing and you're absolutely right - it takes only four or five people to find where design, layout and navigation have gone wrong.
But they should be average, not power users which many TGB readers are. However, what I suspect most usability testers do NOT do and they should is include elders in their testing groups to account for the special difficulties of age.
Posted by: Ronni Bennett on Aug 3, 2007 4:42:22 AM
These recommendations are excellent, Ronni. I remember when I first started reading blogs and came across them, how helpful they proved to be when I started making comments. They still applied once I started my blog which is still quite simple and plain since I haven't made time to do more with it visually.
I learned much about visual needs from my mother who experienced gradual changes, eventually becoming legally blind. Then, my professional training to work with all ages, but having spent the past thirty years with primarily the adult population composed of many elders, confirms the approach you describe here -- especially the black print on white. Type size and spacing are often critical in material being readable.
YES! Test groups should "include elders...to account for the special difficulties of age" and anyone else of any age with vision challenges -- and that includes many younger people.
Yes, also, that Typepad desperately needs to do something about the CAPTCHA colors.
Posted by: joared on Aug 3, 2007 6:12:27 AM
All of what you mention is also true for the visually impaired (including those who "technically" get 20/20 vision from their contacts or glasses).
Keratoconus, cataracts and even severe astigmatism can make reading difficult and all of your suggestions for bloggers make reading blogs easier for people aflicted with such conditions.
As far as Captcha, you should be able to turn that off in the Configure/Feedback area. However you might get more spam than I do, so may need it to curtail that activity. (disclaimer, multiple comments, by the same person, submitted quickly As well as responses to older posts will still trigger captcha even if it is not selected).
Posted by: bogie on Aug 5, 2007 7:27:16 AM
I notice you use gray on white(?) for your color scheme. Wouldn't you want higher contrast than that for older readers?
Posted by: KC on Aug 11, 2007 10:02:29 AM








