The Design Intellection blog.


Use spaced en dashes – rather than close-set em dashes or spaced hyphens – to set off phrases.

—Robert Bringhurst, The Elements of Typographic Style, p.80

He continues further:

The em dash is the nineteenth-century standard, still prescribed in many editorial style books, but the em dash is too long for use with the best text faces. Like the oversized space between sentences, it belongs to the padded and corseted aesthetic of Victorian typography.

Not everything that can be counted counts, and not everything that counts can be counted.

—Albert Einsten (usually attributed to, that is)

The above quote came by way of the article, Metric Mania, in the New York Times Magazine. A helpful reminder as influence online tends to be measured with eyeballs, not engagement.

See also: Stop chasing followers.

It is well known that the eyes take in information more efficiently when they scan side-to-side, as opposed to up and down.

—Adrian Bejan

From the article, “Researcher explains mystery of golden ratio.” Count me as curious to explore the implications of this quote on designing for the web.

Rate Calculator

As mentioned in my last post, I created a demo application for a presentation I gave at Refresh Louisville. It’s called Rate Calculator and uses several common parameters to give you an idea of how much you should be charging per hour.

Obviously don’t use this as the basis for your financial planning, it does not come with any guarantees. However I do want to make it as accurate as possible so I’ll continue to tweak it.

More importantly I created the application as an example of how you can use media queries to create different versions of a site using the same markup. So if you have the occasion view it in different devices – the iPhone (probably Android as well), desktop and iPad for now. Also planned is the addition of a low-fi version for IE 6 and low-resolution desktops.

And, of course, a 3d-glasses version of the app.

An Event Apart and Refresh Louisville

It was my pleasure to attend – for the second time – An Event Apart (AEA) in Seattle earlier this month. Jeffrey Zeldman himself said it was the best AEA yet. So its hard to beat that. As when I attended last year in Chicago, what impresses me most about AEA is the immediate usefulness of the material. Its very easy to take what youve learned and start applying it to your work as soon as you return.

This evening at Refresh Louisville, Ill be presenting what Ive learned in the form of a demo app. The application is called Rate Calculator and aids in finding a workable hourly rate based on several common factors. The app makes use of several things taught at AEA: advanced CSS3, media queries, designing for mobile first, HTML5, designing for humans and a few design decisions explained along the way. Ill also give a quick overview of implementing type via @font-face.

You can get a preview of the mobile version, desktop version and iPad version of the app on Dribbble. All versions use the same HTML. And I should probably mention I use the word “app” loosely, its primarily a demo, but I will make it available for use and reference after the presentation.

If you live in or near the Louisville area please come join us this evening at 7pm at the BBC Taproom, Downtown. Hope to see you there!

A Minor Site Update

I published a usability update to the site this morning. It uses CSS3 so the changes are only available in Safari, Firefox and Chrome. Come check it out and let me know what you think.

Update

This was a small April Fools’ prank. I used -moz-transform:rotate(180deg); and -webkit-transform:rotate(180deg); to flip the site upside down. If you missed it I’ve included a screen shot of how it looked.

A screen shot of Design Intellection when it was turned upside down.

Questions to Ask A Creative Director

To add to the small series of Questions to Ask A Web Designer and Questions to Ask An Employer, the following are questions to ask a Creative Director.

  1. What’s your typical process when approaching a project?
  2. What’s the most important part of the process?
  3. What’s your favorite part of the process?
  4. What’s your favorite part about the creative field today?
  5. How do you keep up with peers in the industry?
  6. What’s your philosophy of marketing?
  7. What are your top three areas of expertise?
  8. How do you manage other creatives?
  9. How would you direct a project that you think is veering off track to get it back on the right path?
  10. How do you praise those below you when they do great work?
  11. How do you encourage creative excellence?
  12. What do you think is more important? Creativity or technical skill?
  13. How do you identify talent in someone?
  14. What are a couple (or more) good design principles?
  15. In the context of creative work, and money aside, what would be your dream job?

Concept Model Example

I have written about concept models but I have yet to show an example of one. Below is one of the concept models I created for the upcoming redesign of the website for Dr. R. Albert Mohler, Jr., the president of Southern Seminary (where I used to work).

This concept model is for the blog that will comprise a significant part of the new site. It attempts to do what a concept model should do – communicate complex ideas in an easy-to-understand format. The image links to the full PDF of the model.

Concept model of the new blog for albertmohler.com

Three Reasons Why 2010 Will Be An Exciting Year for Web Designers

If you’re a web designer I think 2010 should be a good year for you. Why? Well besides the fact that working on the web continues to be a strong industry, I think there are three specific reasons.

Web Typography

This already has been predicted by others so nothing new here, but 2010 will be an exciting year for web typography as more and more typefaces become available via services like Typekit and exciting technology like the .webfont proposal.

If you haven’t familiarized yourself with @font-face then there’s no better time than right now. Jonathan Snook’s article – Becoming a Font Embedding Master – is a good place to start.

Mobile Platforms

The iPhone has been around almost three years now, add to that Google’s Android, the Kindle and other e-readers, the forthcoming Apple tablet and Microsoft’s tablet and you begin to see that the personal computer has a lot of company.

The reason for the excitement in this case is because you can use “regular” HTML, CSS and JavaScript to produce highly functional and amazing products for these platforms. Well, at least for the iPhone and Android, see jQTouch to get a sense of what I’m talking about.

Innovation in these areas could set you far above the norm.

Web Design Blogging

I think we will see a lot more high-quality web design blogging in 2010 than in previous years. There are websites like Project 52, articles bemoaning the current state of link list dribble and plenty of other web designers declaring their desire to blog more in 2010.

There will be rewards for original thinking and creative writing in 2010. Plus with all the new technology (like HTML5 and CSS 3) becoming mainstream there will be that much more about which to write.

Happy New Year!