Blog Action Day
The sexy design of this site makes me want to give those DC Greenpeace activist that accost me everyday for my phone number a few more minutes of my valuable lunchbreak time. Oh wait… now now, that design made me a little delirious. <clears head> I don’t have to sell my soul to the information-collectors, I can blog to help make a difference… and so should you.

Hostess Blog
Reminds me that being domestic can be cool. If I am going to have my bitches over for brunch, I want them to have a divine experience over my bad-ass tea and crumpets.

Whimsey Press
Half the fun in buying someone a gift is designing the gift wrap. What, you don’t design and screenprint your own giftwrap? Well of course you don’t because you probably have 10 deadlines to meet and a proposal to get out. You can still present a token of affection to a loved one with the same passion as you would pitch a client with this delightful wrapping paper.

MizPee
I can’t even tell you how many times I have been enjoying the city and have the entire experience interrupted with having to hit the potty. If you can’t find a Starbucks or Chipotle hopefully this little application will come in handy. I have never used it but I think its a clever little idea.

Saint Bob
If I had a big conspicuous office where I was suppose to look official and important I would hang one of these behind my desk. Who doesn’t love the Patron Saint of Happy Accidents? Please don’t steal this guy’s shit… he should get all the credit for the canonization of Bob Ross.

Pastafarian
“According to the Pastafarian belief system, pirates are “absolute divine beings” and the original Pastafarians. Their image as “thieves and outcasts” is misinformation spread by Christian theologians in the Middle Ages and Hare Krishnas. Pastafarianism says that they were in fact “peace-loving explorers and spreaders of good will” who distributed candy to small children. Pastafarians celebrate International Talk Like A Pirate Day on the 19th of September.” -Wikipedia
Arrrr!

Hip Young Thing
Short and sweet posts on things that kick ass. I Dig this little blog.

On Thursday evening I had the pleasure of attending an exhibition in honor of the memory of Tom Suzuki. Walking through the gallery I scanned over the humble pieces of everyday printed collateral push-pinned to the white walls that Suzuki created. There were no screaming examples of bold innovation, just beautiful design that was implemented in every-day context. I marvel at finding good design in spectacularly ordinary places, and Tom Suzuki will be remembered for implementing it in the most academic of those situations… text books.

An Excerpt by Steven Heller From the New York Times:

When Mr. Suzuki was starting out as a designer, American textbook publishers had been adhering to formulaic designs for decades, with printing often done in black and white to save money and professor-authors required to furnish their own often-prosaic photographs and sketched diagrams. Mr. Suzuki “turned the process on its head,” said a former colleague, Eugene Schwartz, currently an editor at large of ForeWord Magazine, devoted to independent publishing.

In the late-1960’s, as art director of the textbook division of CRM, publishers of Psychology Today magazine, Mr. Suzuki developed original design concepts and fluid production methods and created mold-breaking typography and visuals.

To make textbook design more efficient, he introduced a storyboard approach adapted from magazine-production techniques. With each book’s content precisely plotted, it was possible to commission photography and illustrations while the authors were still writing. He developed novel ideas for images, like designing three-dimensional models and having professional stylists stage editorial photography.

“He had that important editorial designer gift — he actually read what he was designing for,” Mr. Schwartz said. “And the art department worked interactively with the editorial department and the authors and consultants in developing art and photo concepts.”

The so-called coffee table textbook eventually became standard.

Often Designers can become so focused on that one perfect client or scenario that will create the conditions right to produce that one ultimate portfolio piece. Suzuki had a clean understated style that contributed to overall experience of everything he created.

The Creative Spirit of Tom Suzuki is going on through October 24, 2007 at Northern Virginia Community College. It is worth checking out.

I have a bit of a fetish for awesome information design and it gets nearly compulsive when it becomes a reacting entity on the world wide web. The idea that massive amounts of information, many times being ever-changing and dynamic can be molded into a visual form, manipulated, and sifted through is all sorts of awesome to me. I will admit, I am the type of person who flips through a Magazine (backwards) to look at all the pictures first before deciding what I want to read in it. Maybe its my ADD that makes bare-bones text not interesting enough to hold my attention, or perhaps its just my love of pretty pictures, but I foresee a future where information on the web is presented in more interesting interactive methods more often. With the user interacting and producing data through social media, creative interactive visualizations of the data produced brings a whole new fresh engagement to the experience.

Obviously this concept is not that revolutionary, there are many places on the web that showcase stellar interactive information design. Technology such as flash and Java have made it possible to illustrate and animate static concepts. Popular examples of these are interactive timelines, maps, and experiences.
Examples:

Explore Monticello

British History Timeline

Battle of Gettysburg

Now lets take this concept a step further. Rather than illustrating stagnant information lets visualize dynamic content. Instead of actual events or places the user can now see broader concepts such as emotions or relationships. A major attraction to social media is discovery, the process of finding that 6 degrees of separation between them and someone they met at a conference or party. Interactive information design illustrating that connection introduces the user to tangible representation of what that relationship is.
Check out some examples!

We Feel Fine

We feel fine was built by Jonathan Harris and Sepandar Kamvar as an experiment. The system…

searches the world’s newly posted blog entries for occurrences of the phrases “I feel” and “I am feeling”. When it finds such a phrase, it records the full sentence, up to the period, and identifies the “feeling” expressed in that sentence (e.g. sad, happy, depressed, etc.). …

The interface to this data is a self-organizing particle system, where each particle represents a single feeling posted by a single individual. The particles’ properties – color, size, shape, opacity – indicate the nature of the feeling inside, and any particle can be clicked to reveal the full sentence or photograph it contains. The particles careen wildly around the screen until asked to self-organize along any number of axes, expressing various pictures of human emotion.

Digg Arc

Arc was developed as a collaboration between Digg and Stamen Design (who are Bad-ASS) to display stories, topics, and containers wrapped around a sphere. Arcs trail users as they digg stories across topics. Stories with more diggs make thicker arcs.

Twitter Blocks

According to this site Twitter blocks was designed

to allow users to navigate Twitter neighborhoods (or “blocks”) in an abstract way. A public timeline is represented by an orange sequence of blocks, which offsprings a set of block series that depict the statuses of users & the people they follow. The visualization is designed to allow existing twitter users to discover other existing twitter users.

While many of these applications serve as entertaining ways to wade through tons of information there is rarely a deeper motivation or end goal than to just find more interesting information. I am hoping to see this type of interactive information design utilized to not only enhance the enjoyment of surfing through social media but elevate the effectiveness of the experience.

A great example of a site that is using visualization to enhance their search function is

etsy.com

Not only does this method help shoppers but it helps buyers to connect with others in the network who are interested in their products. Etsy is a marketplace for “all things handmade” where you can find a seller who creates products with a specific style, and then see their connections to locate other products. These visual functions help the user manage a concept that is vague to verbalize and subjective… “style”. You can also search through a geo-locator and sort by color. These search methods contribute to the experience of shopping, making Etsy as much a social network as a marketplace. In some circumstances I even feel addicted to using these visualizers, like a video game… gradually becoming more effective at navigating through the merchandise to be rewarded with the perfect product.

Social media can be visually interesting and innovative. If designed with the user’s end-goal in mind creative ways of surfacing content can enhance the overall experience of the web.

Technorati Tags: interactive information design, twitter blocks, digg labs, digg arc, etsy, wefeelfine.org, interactive social media, user experience , Web 2.0 Design, Web 2.0, visual thesaurus, Stamen Design

The feeling of September recalls warm memories of excitement I used to have when going back to school. I love school. I was that kid who begged to sit in the front row and obnoxiously raised my hand to participate in everything. My thirst to learn was only expedited as I entered college as a design student where I grew to be an even louder pain in the ass for a few of my fellow students who preferred a softer design critique to muffle the pain of their early morning hang-over.

The memories of doing all-nighters to give life to ideal concepts and enthusiastic 10 am morning critiques with no client feedback simulates the illusion of happy clouds floating by and birds singing, after-all that lifestyle is just a dream to me now. Design school is like a happy simulated version of the real design world, a parallel universe where Big Bird teaches you about ligatures and gradient abuse. You have a hard deadline, but you are handing it over to Big Bird… how hard is a big-ass bird really going to be on you? People sing songs in the streets proclaiming great things about the grid and color theory. Sure there is negative feedback, but you can just close the trash can lid on him and continue skipping down the sidewalk… its not like he is paying the bills.

Looking back on the observations I have made since my graduation to K street from Sesame Street, here are my Sesame Street themed tips for the College Design Student.

Tips For Design Students

Don’t Be a Grouch
One of my biggest pet peeves in school was students complaining. Complaints ranged from professors grading with bias to unrealistic timelines. When you get a job as a designer, clients can be biased and deadlines are often unrealistic. Suck it up and view it as preparation for the real world.

Be Hungry.
When you graduate your entire class is hitting the work force all at the same time. Not just your class, but design students with the same level of experience are all hitting the work force and there isn’t a whole lot more that separates them from each other than personality, school, and work. A percentage of those guys will go on to pursue careers completely un-related to design, another percentage will go on to do production work for copy shops, and then there is a few that will really excel. Be hungry to be in the percentage that excels. Design is not the easiest career path, you have to really want it.

Become a Typography expert
When looking at portfolios and resumes the one thing I find that sets apart the good from the great is Typography. The first thing that tips me off that someone has a lot of potential is a well-typeset document. In circumstances where there may be a low budget or undesirable assets typography can be the key component to a project.

Have Your Web Skills Up to Snuff
Design and Code your own Portfolio site website (using standards). Not all schools teach web development along side design, much less standards at all. Just because you are not taking a class doesn’t mean you can’t educate yourself. Cut out a beer drinking hour a couple times a week and cozy up to some books like Designing with Standards.Having this skill will make you more competitive in the job market.

Mix it up
Take classes like metal working or Fabric design and use the skills you learn in those classes to make better projects for your design classes.When you are asked to make a poster on Fibonacci numbers in Math class, turn it into a design project. it may not be portfolio material, but practice makes perfect.

Network
With so much to learn in such a diverse field you never know who will be able to teach you the next thing. Go to networking events, meet people who are already out in the field and have fun! Having a diverse network that doesn’t just include designers, but also developers, photographers, and illustrators will make your toolbox of resources that much richer. It is also nice not to feel like an alien when passionately expressing your love for the lower-case “g” in Gill Sans over a beer.

Feel free to contribute your own Sesame Street Themed design tips… creativity rocks! PS: I know this is kind of a trippy association, I swear I have never done acid.

Brand encompasses so much more than just a logo, it involves the entire experience a user/consumer has with a product. Current.tv has built a brand upon a foundation of engaging user-generated content that is beautifully complimented with unique motion graphics .

The fantastic thing about web 2.0 is that it engages the user in a conversation or interaction. This trend has been closely associated with a design style that exploits specific visual elements such as diagonal striped backgrounds, reflections and, “ajax-enhanced” flowing motion. By adopting this web 2.0 “look” that is so closely associated with the web Current.tv is making the bridge visually between web based interaction and broadcast television. Rather than just thinking of Current.tv as a network the viewer subconsciously blurs the lines between the two media types making the cable TV station an extension of the web conversation.

According to MographWiki.net Current.tv’s logo was created by MetaDesign, a studio founded by Erik Spiekerman. Spiekerman is well known for his stunning sanserif typeface FF Meta which I had the lovely production experience of implementing in parking garages at my first design studio job out of college. You never forget your first big design project, even if it is just for a parking garage. Meta Design did all the branding for the Adobe Creative Suite which you also may be familiar with.

In an article on BoardsMag.com from 2005 Logan, a motion graphics studio was tasked with coming up with the initial “animated on-air toolkit including lower thirds, logo bumpers and 15 animated show packages, including logo design for each (pod)”. When Googling Logan I found a very simple site that showcased their portfolio and clients with very little explanation. I mean…who needs body copy when you have work like this?

Since their initial launch Current.tv has continued to produce fantastic motion graphics through their in-house design team. Current.tv has a strong, consistent brand that clearly communicates that they are about the innovation of user generated content on the web and on television. Even if you aren’t a fan of the format, Al Gore, or user-generated content, many designers can appreciate current.tv’s stunning graphics.

To view current.tv’s motion graphics reel click here or visit MographWiki.net.

Technorati Tags: current.tv, metadesign, user-generated content, user-generated television, internet video, FF Meta, Erik Spiekerman, Adobe Creative Suite Branding, Web 2.0 Design, Web 2.0, motiongraphics