Archive for May, 2010

Solving Problems with Patterns

Friday, May 28th, 2010

Pattern Tap pattern collections

Designers are big problem solvers. We hunt down solutions to make a layout not only eye-catching, but also functional for a viewer or user. When designing for the web, we often come across common usability problems, such as deciding on what navigational format will work best, button style, background type, etc. For insight and help solving these problems, we can look at design patterns—general solutions solving common and reoccurring problems of interface design.

Of course, there are always various ways to approach these problems, and designers before us have explored multiple solutions to resolve them. Reusing these functional patterns can help avoid unwanted issues with the usability of our designs and give us awareness of best practices, inspiration, and real-world examples of how people are solving these issues. This way, we can design the best solution for our project needs. There are a variety of websites out there offering great pattern libraries with examples from everything from sign-in box style to table design. I definitely would suggest giving these sites a look, especially if you want to see a large variety of a single web element without racing around the web to see examples of how something is used. Below is a list of my fav’s along with a few new finds. Enjoy!

Pattern Tap
UI Patterns
Design Snips
Yahoo Design Pattern Library
UI Pattern Factory
CSS Bake


Awesome tool for Ajax Development

Thursday, May 27th, 2010





While building apps that utilize ajax calls, one of the last steps that I do is finding a little loading graphic that will work with the site’s color pallet. This is the little spinning circle, or blinking dots, or moving bar that looks neat while the content is loading. Sometimes it’s hard to find the perfect one that doesn’t have a bunch of gif noise (all that anti-aliasing edge color) and they end up looking cheap or gross. Well, yesterday I found an awesome tool.

Ajaxload.info is a site where you can choose a loading graphic, enter your sites background color (or choose transparent) the loader foreground color, and press generate. This site will take those parameters, and spit out an animated gif with the correct colors and animation. AMAZING! The images that the site generates are totally free to use, however and wherever, and are compressed well to be web-friendly. This is a great tool that saves a ton of time, as animating gifs is one of the most tedious things in web development.

Thanks Ajaxload.info!


Inspiring Products!

Wednesday, May 26th, 2010

After nearly a week out of the office, I’m at a loss for super “marketizing” topics, so I’ve chosen instead to offer up some of the more fabulous products I’ve come across as of late. Thank you in advance to D-Lists!

You must check out this cartoon-inspired furniture by Dust Furniture. I simply can’t get enough. I have no idea where one would put this stuff, but I think right here in my cozy little office would work just fine…

The second product I found that I now love and need is Hanger Tea. What a brilliant concept! Inevitably when I drink loose tea with the little strainer-hangy-thingy, it falls in the tea cup or breaks open and there’s loose leaf everywhere. I don’t believe I’d have this problem if I got myself some of this Hanger Tea. Notice that it comes with it’s own little coat closet packaging, which really enhances the awesome-factor.

(more…)


Web Fonts

Monday, May 24th, 2010

Last week I came across the new Google Font API and Google Font Directory. They are both in beta but that is nothing unusual for something from Google. The Google Font Directory provides high-quality web fonts that you can include in your pages using the Google Font API. Web fonts, enabled by the CSS3 @font-face standard, are hosted in the cloud and sent to browsers as needed. A total of 18 royalty free fonts were released. Woo Hoo! More web fonts!


A little humor for font snobs

Friday, May 21st, 2010

Someone forwarded me this type related comic the other day. It made me laugh, but it also made think about how many type or design related comics, jokes and parodies that have been sent my way over years. So, I’ve rounded some of them up to share. Enjoy — and feel free to send along your favorite bit of type humor.

Lets start with a few type jokes:

Four fonts walk into a bar.
The barman says, “Get out! We don’t want your type in here.”

What did the horse say to Bordeaux?
Why the long type face?

What did Helvetica say to Arial?
You’re such a copy cat.

A sans-serif face walks into the street and is hit by a Swiss Modernist truck. The carnage is grotesk… but you know, akzidenz happen.

Why did the traveling typeface salesman cross the road?
Because he forgot his Suitcase!

And of course The Onion has had some good type related pieces:

Helvetica Bold Sweeps the Fontys

Extra slanty italics for more emphasis

Resume font offends employer

And lets not forget, Alpha-Bits, now with serifs!

And finally I’ll leave you with a few other random items:

Type Obituaries – I agree, it is about time to retire a few typefaces.

Lady Gaga-esque Ode to a Typeface

And my all time favorite, not really type related but too good to pass up: Make my logo bigger, now in an easy to apply cream!


Zoom Creates Geocoins

Thursday, May 20th, 2010

If you haven’t heard of geocaching yet, you must be living under a rock. So crawl out of there, then look behind it because there might be a geocache hidden there. Then go to http://geocaching.com to find out what it is.

In our attempt to take over the world, we’ve decided it would be fun to hide a geocache. But to make it extra special, we designed up and had 100 geocoins cast. We just got them back from the coin makers.
(more…)


“Brands tell the truth and when they don’t they fail”

Wednesday, May 19th, 2010

I just read Graham Button’s blog about Brands in the age of the Millennials. Its such a must-read that I thought I’d re-post it here.

He leaves us with a final note — a video with a poem by Taylor Mali animated by Ronnie Bruce. It is definitely worth watching — so check it out here or after the jump.

“Daddy, What’s a Brand?” and 9 More Awkward Questions for Uncertain Times

1. “Daddy, what’s a brand?” Chiquita, Victoria’s Secret, The GOP, Amnesty International. They all use marketing and invite trust in a distinct belief system. They’re all, to one degree or another, brands. For a brand, nirvana is when your good name is so widely endorsed that it enters the language. “Pass the Kleenex.” “Google it.” But that’s the top of a long and slippery slope–look at Toyota and Tiger Woods. A healthy brand drives up your stock, and vice versa. These are the things we thought we knew. It’s 2010–are they still true?

2. My brand isn’t working. Better send out an RFP, right? There’s this idea that advertising or design firms create brands. This is silly. “Just do it” was there in the Nike culture–Wieden + Kennedy was just the reporter that dug it up. Brands tell the truth and when they don’t they fail. Look at New Coke or Cool Britannia–people like you and me decide what Coca-Cola is or isn’t, and in the end it was Britain which re-branded Tony Blair. Recently in Colorado, people took to the streets to protest the possible end of the Frontier Airlines “tail animals”–the core of a brand our company Genesis helped to launch. It wasn’t the graphics they were defending, it was the culture they express. If your brand is under-performing, the first place to look is the mirror.

(more…)


Happy Birthday, YouTube!

Tuesday, May 18th, 2010

Yesterday (May 17, 2010) marked a historic milestone in the age of technology… YouTube turned five! It was 1/20th of a decade ago when the video sharing site launched it’s first video [below]:

PC World was kind enough to provide a timeline of YouTube’s growth and here’s the short version:

April 2005: YouTube is born

October 2006: Google buys YouTube for the bargain price of $1.65 billion dollars.

March 2007: Viacom sues Google over the estimate 100 million videos infringing on copyright laws. A result was the automatic anti-piracy filters found on YouTube today, although the lawsuit is ongoing.

December 2008: YouTube took steps to shed it’s reputation for grainy, low quality videos and introduced high resolution video sharing, with resolutions up to 1080p.

April 2009: In an effort to match Hulu, or at least compete, Google introduced Premium Video Sharing and now is working on establishing relationships with many Hollywood studios. For now, you can watch all seven seasons of MacGyver on YouTube.

May 2009: YouTube is attacked by thousands of porn videos containing common search terms and malware.

June 2009: YouTube becomes one of the foremost sites for getting the word (and video) out about Iranian protests.

October 2009: YouTube is officially serving up 1 billion videos per day.

January 2010: YouTube starts offering paid rentals of many of Sundance Film Festival’s movies and is continually working to offer many Indie films and a few from Lionsgate.

May 2010: YouTube officially serves up over 2 billion videos per day — what a way to celebrate a birthday.

In celebration of YouTube hitting the five year mark, all struggles aside, let’s take a moment to enjoy one of the very best YouTube videos of all time. After all, what would the world be without “Charlie Bit My Finger”?


Mind Maps | Austin Kleon

Monday, May 17th, 2010

SEO’s and Analytics – We’re buried in them now, all of us, every day. Sometimes, it feels like we are unraveling the Universe. Lately, I have become even more fascinated with how people learn and understand the myriad of information we are bombarded with. Meetings, classes, webinars – How we convey is no less important than how we retain. I am a visual learner, I actually like the pictorial instructions that come in the IKEA boxes. I do not love large, technical manuals with walls of text.

Our challenge this week, should we choose to accept it, is to create a mind map out of something we are passionate about. I cannot draw, or, perhaps I just believe I can’t, so this will be particularly challenging to me. Send your submissions to june@zoomcreates.com

BE INSPIRED WITH ME

And here are a few samples to get you started.

Mrs. Knightly


Quit Facebook Day — May 31, 2010

Friday, May 14th, 2010

So, apparently Facebook users are ticked off. A lot. So much, in fact, they’ve done everything but declare a national holiday. What they have done, however, is make May 31, 2010 Quit Facebook Day, complete with a website stating the reasons behind their en masse sign-off and offering to send users an email reminder on the 31st to delete their account.

Some of the reasons cited (directly from QuitFacebookDay.com:
For us it comes down to two things: fair choices and best intentions. In our view, Facebook doesn’t do a good job in either department. Facebook gives you choices about how to manage your data, but they aren’t fair choices, and while the onus is on the individual to manage these choices, Facebook makes it damn difficult for the average user to understand or manage this. We also don’t think Facebook has much respect for you or your data, especially in the context of the future.

For a lot of people, quitting Facebook revolves around privacy. This is a legitimate concern, but we also think the privacy issue is just the symptom of a larger set of issues. The cumulative effects of what Facebook does now will not play out well in the future, and we care deeply about the future of the web as an open, safe and human place. We just can’t see Facebook’s current direction being aligned with any positive future for the web, so we’re leaving.

The site then goes on to sympathize with the public, claiming they “understand this is a difficult decision…. facebook is engaging… facebook is addictive…”

For me personally, I will not be quitting facebook this month, or even next month. I like Facebook, I’ve reconnected with people I thought I’d never hear from again and I believe that if I were as passionate about these issues as these people are, it would mean I’m spending too much time on Facebook, period.

You can read more and decide for yourself on QuitFacebookDay.com.

Will you quit or stay committed??