Andrew Warner from Mixery.com asked his site’s fans to help him brainstorm some ideas to spice up a slightly stale part of mixergy.com. 
Since I’m a huge fan of mixergy.com and consider myself an ok designer I thought I’d actually mock something up instead of simply responding in the comments. It was a nice way to flex my design muscles. All programming and no design makes John a dull boy.
As you might notice from my previous blog posts I’m a big fan of working within the constrains of an existing project and attempting to give that project a new look. IMHO you can learn a lot more from others than you can yourself and I picked up on Pallian Creative’s mantra of “Simplicity is the Ultimate Sophistication”. Sometimes I look at my designs and think I went a bit to far on contrasting colors or bolded hard lines and I think Pallian Creative really uses subtle contrast and lines nicely.
The Rationale ( More Faces ):
The current Mixergy.com design contains a very cold color scheme with a lot of blues and greys that is offset by the bright and warm human faces throughout the site. What I noticed was that when you start scrolling down a blog entry you lose that human face offset and the coldness of the design starts to take hold. This is especially the case on a single blog entry post without a lot of comments.
My priority was to bring more “human” into the right hand column to get those warm tones moving throughout the site. Also Mixergy.com is itself a hub of communication between different people. Andrew himself, successful entrepreneurs, and guys like me who hope to learn from them all surround the mixergy.com experience with conversation and too me, conversation means human faces.
You’ll notice that the Twitter/Facebook/Upcoming Google Wave is covered in the pictures of people because people are the keystone communication. Therefore my opinion is that if your trying to be a conversation hub, a meeting place for the tribe you sponsor, the more pictures the better.
Another added bonus is that I think people use their amazing facial recognition capabilities to filter web content. So much content is produced that its almost impossible to keep up on everything. So when people see a picture of face they recognize and are interested in hearing from like Seth Godin or Guy Kawasaki they are more likely to follow that link and see what this familiar person is talking about.
Less Comments, More Conversation:
In the new Web Stream.0 world blog comments are just the tip of the iceberg when it comes to the entire communication spectrum surrounding a topic. Usually a single blog post is discussed in 6 different places and its really helpful when I’m able to view an aggregation of the thoughts surrounding that topic.
For the Mixergy design I thought why not combine twitter notifications and blog comments into one section titled “Recent Conversations”? More often than not those tiny twitter messages are packed with expanded info about a the topic at hand. I see a lot more “I read this and it was like this.”, with the second this being a link to separate but related piece of content or blog.
Again this gives another way for Mixergy.com to drive the point home that they are about the conversation. I feel like weaving twitter comments into the mix says: “We are not just a blog”.
Quotes are Key:
I also took a strong stance on the “more popular posts” feature of the site by replacing it with ( more faces ) a selection of Notable Mentor Quotes. I’m not sure if removing the most popular feature is entirely worthwhile but I think short and simple quotes a interviewee said are sometimes more compelling than the title of the interview, however beautiful crafted.
Compare the title for K0things interview:
“Watch Live: reddit’s Co-Founder Talks About The Launching And Selling Of A Business”
With:
A picture of a young guy and an alien and the text: “Don’t take advice from a dumb 27 year old“. ( I don’t remember the exact quote )
Something about the latter excites you much more, maybe its brashness or sillyness, to me it has more “oomph” than the actual title of the interview. Now the titles aren’t bad but I think memorable quotes and pictures give the right sidebar a little more spice and kick than a listing of popular posts.
A great example is Guy Kawasaki’s “Don’t worry, be crappy”. That almost goes against everything you’ve been taught in life and is a sure conversation starter and interest grabber.
Maybe I’m just biased over popular post listings. Whenever I see listings of popular post or content listings the programmer in me always thinks “I wonder how that is determined because if its just by page hits than the older content will be weighted and this isn’t a true measure of the contents popularity”
Also if you randomized the display of “Notable Mentor Quotes” you give older content a better chance of being viewed. This may be an entire blog post for another day but I think the web has outgrown pagination links and forward and back buttons. To me a site’s content that was published before a person found a site almost doesn’t exist. Navigating through pagination controls to find older content always stinks. Its never easy to get back to where you left off reading because as a site grows the content flows between the pages. What was on page 10 today is not on page 10 another 40 blog posts from now.
Finite
When I started working with the Mixergy.com sidebar I didn’t think it would involve thousand word blog post as on top of the design brain storming but I think this post is a good resource I can use in the future to show that even though I was only working with a tiny 1200 square pixels area a lot of thought and care went into the final output. Hopefully somebody will read this post and think “I like the way he thinks and I want to pay him money for labor”.
Regardless I hope my design and content helps Mixergy.com to come up with something for that sidebar. I feel I owe them something for all the great content they produce that I’m getting for free.
I’ll never stop being amazed that at no cost I can listen to successful entrepreneur interviews and then a few clicks later watch an entire semester of a Stanford’s 107 level programming class.