- wmd – The Wysiwym Markdown EditorNice editor for producing clean markup in your web applications (uses Markdown). Free for non-commercial projects.
- mezzoblue § Shifting BackDave Shea on color profiles: to use or not to use for web graphics? I think I agree with his findings that turning off color management is the way to go (at least for web graphics).
Month: June 2007
Interesting Links for June 15–21, 2007
- molly.com » Train the Trainer ProgramMolly is offering to train you on web standards and project management for FREE. What a great opportunity! Spread the word.
- PDF Online: Create PDF. Simply upload the document you want to convert to PDFIf you are like some of my clients (and use MS Office), this is a handy online document-to-PDF creator.
- Biola UndergradWow! Impressive design from Biola University (via Cameron Moll).
Interesting Links for June 8–14, 2007
- Jeffrey Zeldman Presents : Eight points for better e-mail relationshipsWisdom from the standarista godfather himself on email sending and formatting.
- SonSpring | Textpattern SolutionsCongrats to Nathan Smith on the publication of the Textpattern book to rule them all.
- 14 rules for fast web pages (Skrentablog)A good list of pointers for making your web pages screamingly fast (relatively).
Interesting Links for June 1–8, 2007
- Hausschrift-Liste Unternehmen-zu-Schrift – Typografie.info TypoWikiCheck the list to see what typeface (font) your favorite corporation uses.
- Jason Santa Maria | Freedom, Terrible FreedomAmazing how often I get into good design vs. bad design scenarios with clients… guess it comes with the territory. It’s hard not to get upset when people don’t want to go with your awesome idea, though… especially when it makes sense for the end customer (that is, it’s not just what the client wants).
- Massive Dreamhost hack, WordPress not to blameDreamhost admits vulnerability in an attack that affected 3,000 or more FTP accounts… looks like now it’s affecting other webhosts, though. My Dreamhost domains were not affected, thankfully.
- Travelling Cross-Country by Train.This humorous and well-written depiction of US train travel is spot on. Erin and I took the train from Arizona to Illinois a few years back, and this list pretty much sums up our trip.
Followup: Edward Tufte on Presenting Data and Information
As with his books, Edward Tufte suggests that your designs should be self-revealing. That is, they should practice what they preach. For example, his books on visual design are well-designed.
Not only that, but his presentation on presenting information, “Presenting Data and Information,” was very well presented. I was very impressed at the end of the day when his last point was “Finish Early,” and he said it three minutes before we were supposed to be done. What a great way to teach…
I highly recommend this conference by Edward Tufte, no matter what arena you work in. Check the E.T. web site for details on when/where to attend.
I attended the seminar on May 24th, 2007 in Crystal City, VA. I found the best way to take away his message was to encode small ideas as sentences.
Notes
Display of data should be driven by its content, not by what you are “good” at.
Use all the levels that it takes to explain the meaning of the content (not just one level).
Details matter: annotate relationships between items (it helps your credibility with the audience).
Model of a good diagram is a good map; maps generally don’t have non-essential information.
Don’t put boxes around things—instead, use that room to display information.
Provide “reasons to believe” such as a credibility statement. An example is a disclaimer such as, “This is the best we know until better evidence comes along.” Always leave the door open and be open to improvements.
Rich supergraphics supersede just generic bullet lists (E.T. doesn’t like the bullet “reveal” technique commonly used in PowerPoint presentations).
Aim for rich content and very simple design. This will maximize content reasoning time and minimize design “figuring out” time (decoding, fooling around, and figuring out time for people viewing your work).
Tables will outperform graphics for small datasets (less than 300 numbers). Example of sports pages and financial data (mutual fund page): these should be our models (you won’t find zebra strips or fancy icons there).
“Don’t get it original, get it right”: use excellent but conventional templates.
Research is more important and appropriate than creative work. Know your content!
Design standard: at least do no harm to the content.
Follow the metaphor of teaching and educating people through the content and design; use elite newspapers as examples: NY Times Thursday science articles for example.
The principles of analytical design are based on the principles of analytical thinking (and also therefore tied to nature’s laws)
The goal of information design is to aid thinking
- Example: if you want to compare things, show comparisons directly in your design.
- Example of Mihard’s “Napoleon’s March to Moscow” graphic: Mihard didn’t make the graphic because he was good at it (drawing, engineering). He was trying to make a strong antiwar statement. The word “Napoleon” doesn’t appear on the map anywhere; it’s about the soldiers. He cared about the content so much that the result is the best it could be. The design is obsessed by content.
Show important information side-by-side (avoid the flip, flip of back and forth movement to compare things visually). For example, the medical bill chart with annotated sidenotes is a good template for reports (explains the data with side-by-side notes).
Good quote: “If you look after truth and goodness, beauty looks after herself.”
Sparklines: based on the idea that graphics are no longer important; they are the same as letters and numbers.
“Nature” magazine: best statistical graphics available (also see “Science”).
Content matters most of all.