Did anyone else find the Aikido flyer on the left the most readable? The version on the right might be 'neater' but I was able to absorb the information from the left version more easily.
When writing the site, I showed the before & after to a few non-designers, and every single one had the impression that the right-hand flyer looked better. In my opinion, that's key - if something _looks_ more understandable, it's more likely to be read. If something _looks_ hard to digest, people aren't even going to bother.
The readability may look like an issue on the site, but when the flyers were actually printed, the apparent problem no longer actually looked like a problem.
@Jabbles - yes, the font differences were a large difference that I don't mention anywhere. Using a sans-serif font for the headers and a serif font for the text creates more contrast, making the headers stand out more and making the headers and details more easily distinguishable from each other.
A number of the points made are excellent ones, and I wish I had incorporated them. For example, the contact information should have been way, way more prominent. Capitalizing the URL is something I've never considered in the three years since I made the flyer, but I can see how that would help.
Thanks again for all your criticisms. I've never created a site like this before, and man, was it difficult for me. I spent at least 200 hours on it, going over the text and examples over and over again. There's much, much more I'd like to do with it, and there are many flaws I want to address, but for now I feel like it's more important that it's just out there.
but that's not the same as more understandable, which is something you can actually measure. for example, you can do random trials, showing people a flyer for a short length of time and then asking questions about it.
so you're obviously capable of making something that fits in with current taste. but you haven't proved that your version is more understandable.
if you want the cachet of a "scientific" justification for your design then you have to do the science. tacking on an assertion doesn't really cut it.
* Creating new before & after examples from scratch, hopefully with fewer flaws
* Adding a section on going through the process of redesigning something
* Adding more resources
But no, I'm probably not ever going to do the science, unless somehow I get paid for the time I spend doing so.
It really is a lot of fun, too. We had a university assignment to investigate a particular public-facing system, and while most of my peers turned to Google I hit the streets with a clipboard. I had a really great afternoon, learnt a huge amount about the system, and discovered data that no one else did.
Actually... it could be quite fun to create a couple flyers with links listed, post them around town, and see how many hits I get. I don't think it would be a true a/b test, though, as it wouldn't be possible to alternate different flyers at the exact same location.
Advantages of the flyer on the left:
- The "Aikido" title has more whitespace around it, making it easier to distinguish as a separate visual element from the photograph and making it easier to see from a distance (as would be necessary for a flyer).
- The text below the photo is larger than the version on the right hand side, and does not have a confusing symbol following it. (Presumably this symbol is something Aikido-related.)
- The text in the top-right box is centered and bolded for clarity. The alignment in the second flyer makes no sense, and in combination with the closeness of the title and the photo the whole top part of the flyer looks pinched together.
- The telephone number is large and easy to read. It's even preceded by a call to action ("Call xxx")!
- The URL is larger, bolded, and capitalised for easy comprehension.
I find the LHS to be so messy and inconsistent that at a quick glance, I almost feel like it would be too much effort to digest the information. The use of centre-aligned text is probably the culprit, with the inconsistency of font-size and weighting contributing to this.
On the RHS, I personally find it much easier to just scan my eyes down the 2 columns of text to find useful information. The alignment of the days and times in the regular classes section is particularly easier to read I find.
1. The box around the picture draws your eyes more, as does the circle added at the bottom, but neither of those elements provide important information, they're simply distractions.
2. The fonts used are harder to read.
3. Removing the lines in right column slows your ability to parse the information.
4. The address, phone number, and website, some of the most important information, no longer stands out at all.
Some of the alignment changes on the right are better, but on the whole, the original is much more likely to get peoples' attention.
However, without wondering what a designer would consider as the correct answer, I'd say the left one was more readable.
What does that say about designers (or me)?
Maybe that is good print design (a subject I quit paying attention to in the 90's).
The left side image uses bold to highlight these sub headings, and the smaller font size maintains a readable flow.
In my opinion, the context of the sub heading/text has not changed enough to warrant such a large font.
Oh the ambiguity. Gotta love it :)