Unsolicited: jonahlehrer.com
This is a website critique. In an actual critique, I would probably not use so many ‘like’ or ‘dislike’ statements. My goal in writing this is to get better at assessing design decisions with a critical eye, and (hopefully) make better decisions when designing my own websites.
I first became aware of science writer Jonah Lehrer in 2008, after Proust Was a Neuroscientist came out in paperback. I liked that book. Later, I listened to the audiobook of How We Decide, a book about decision-making. I have yet to read or have read to me Imagine, his latest offering, but it follows the same format: short, digestible essays combining Gladwell-style profiles of famous people and summaries of cutting-edge research, making brain science accessible to the layperson.
To the website, designed by Phillip Niemayer:

Look and Feel
The look of the site is fitting to it’s content—the combination of bold type, bold borders and limited color conjure up science textbooks I had in grade school, and the kind of diagram you might see in a “Call for Posters” at your local state university. For a website about words, I appreciate how graphic it is, and how it achieves this by using very few actual images. It is reliant on many of the same graphic elements found throughout of Paul Sahre’s work, which I’m also a sucker for.
The site also responds to your browser screen size to display the amount of content. I particularly like how the book spines are “shelved” in the tablet/laptop/desktop views, and “stacked” in the mobile view. All of this is achieved quirkily and in no way would be confused with something over-designed. It falls more on the “honest” side of the Honest-Slick Rubric, and I love that about it.
The about page is a slight departure from the other sections of the site, but uses the full-page profile photo web design trend in a fine way. Not really sure why anyone besides a memoirist would insist on using a childhood photo, but that is an entirely different rant.
Functionality
With a magazine writer’s website, there is always a question of who owns the work. Most big magazines will not allow to republish their words in their entirety on your website, even if you provided those words to them. Your options are either to aggregate all the content in one place or to link out. This site does both, kinda. The “Now” section of the homepage is really a aggregate of Jonah’s Twitter feed. Awkwardly this section of the site wasn’t doing anything for me, maybe because his last tweet was more than two weeks ago.
The primary goal of this site is to sell more copies of Imagine, and so the requisite Amazon, Borders, Powell’s et al links are provided. Jonah’s magazine writing has appeared in Seed, WIRED, and now The New Yorker, where his blog is actually hosted, so it makes sense to link out to these divergent outlets. The audio/video section of the homepage also links out to divergent sources. It may have been cooler to use APIs to embed video and audio within the site, but that would certainly require a complex solution, since the content is hosted on various channels: NPR, Viacom, Vimeo and YouTube. What we have is par for the course in a mobile browsing experience, but it is jarring for me to rely on the back button so much in the desktop experience, especially for sites that use Wordpress natively.
The shining feature of this site is the “Ideas” section, which demonstrates a simple and effective way of using the “categories” tool in Wordpress. The writing Jonah links to is organized into organic “themes”, rather than rigid categories. The presentation is very clean, but again, I really dislike having to rely on the back button to navigate to the other ideas. I actually appreciate the visualization as all of these “themes” being interconnected on the homepage, and would have liked to see that somehow continue into the sub-section navigation.
Assessment: A practical site that beautifully fits its author’s voice.
Final Warning: You may have a shitty feeling after clicking the Frontal Cortex link and reading the Editor’s Notes that preface each entry.
Via Design Envy