Category Archives: Design

The Nauga Monster

One of these days I’m going to buy myself a Nauga Monster, you may not believe it but this little guy is vintage.

In the 1960′s Uniroyal created a synthetic fabric called Naugahyde which was an alternative to leather used for furniture.  According to Uniroyal, this vinyl/faux-leather came from an animal they imagined, called the Nauga Monster, who became the company’s mascot.  These Nauga Monsters shed their skin naturally, leaving no Nauga’s harmed in the manufacturing of their furniture goods.  To learn more about the history of Naugahyde, visit their website.

This stuffed faux-leather toy stands 11″ tall and 16″ wide, he became the friendly face of Uniroyal’s promotional efforts.  They offered a free Nauga doll with each Naugahyde reupholstering. It is rumored that furniture designer, Charles Eames is the creator of the monster but I’m yet to find official documentation of this.

 

Eames The Little Toy

Build geometric shapes with this vintage toy, designed by Charles & Ray Eames in 1952. The Little Toy was manufactured by Tigrett, featured colorful square and triangle pieces that can be arranged into 3D shapes.

How My Eye Sees the New Facebook Timeline Interface

This past week, Facebook announced a total overhaul of user profiles and also released a beta version to Developers. I took a peak at my account with the new style and felt pretty bombarded by four columns, tickers, chat lists at least three containers for navigation but it’s okay, I can handle it – my real concern is with eye tracking and the timeline.

Facebook turned their timeline into an actual “Timeline” – cute idea that just seems like a natural thing to do. I wish I could say the same for the interface execution but unfortunately, it just seems forced.

Let’s assume I read most things from left to right and see what would happen if I scanned a Facebook profile:

Not Bad! We got a nice straight forward zig zag reading pattern – kind of reads like a book doesn’t it? Left to right and you can sort of predict where the next line will start.

Now, let’s see how this compares to the new Facebook profile…

Hmm… Not sure where I should even begin. Like I said, I’d normally start at the top left and work my way down row by row, but the starting point of the next line is sometimes in the center.  Seems unnatural. If I were trying to find a status update someone posted I’d surely, I’d lose my place pretty easily.

Timelines mapped out like the new Facebook profile are meant to study short pieces of data, like this lego timeline. How many times will you look at this? Probably once or twice. How many times will you look at Facebook profiles each day? This format isn’t meant for everyday use.

The giant picture at the top of the new design was the most impressive part, but big deal if I can’t read the content below it.

Google Music Review

With Google Music, you can listen to your music from anywhere you have an internet connection because all your songs are stored in a cloud. That means: no more syncing music to devices other than your computer (ie. work computer, phone etc.). Since I don’t have an android phone, I’m reviewing the interface of the web application only. With that being said, I think it’s an interesting product and if something similar were adopted by Apple where internet wasn’t necessary (a bit more like drop box) I’d absolutely use it.

Very Clean & Intuitive Interface
Super nice minimal UI, everything is where it’s expected it to be. I’m a fan of the transitions between views and the classy hover effects.

Left side of the application displays options where you can select to view by “Song”, “Author”, “Album”, “Genre”, “New”, “Thumbs Up” or playlists. When one of those is selected the right column populates with a detailed view in album cover view except for song title which will give you a neat sortable table.

The only qualm I have is that I didn’t know songs could be played by double clicking since web-apps don’t typically have that characteristic, but I would have stumbled upon it eventually.


Currently Playing Song
I often have a hard time finding the play button on iTunes pretty frequently but don’t think I could ever have that problem here since the icon flashes as the song plays.


Search
Though it may seam basic and possibly limiting to some people, I’m a fan of this search and I’ll tell you why. This search doesn’t care if I’m looking for an album artist or song title, it just gives me the results I want whereas in iTunes I have to select one of those options with a checkmark or be faced with a ton of results.


No Keyboard Controls
When using the web app, keyboard controls cannot be accessed if the tab isn’t in focus.


Song Title Changes in Browser Tab
Can’t think of any form of this feature in iTunes, I’d hope that right clicking the iTunes doc would but it doesn’t so I think this feature is pretty nice.


Ratings are Limited
I’m a big advocate of using the iTunes 5 star rating and make an effort to rate every song in my music collection. Every couple of weeks I delete stars with one star because lets be serious who wants to hear songs they don’t even like? Anyway, this rating system is too limited for me though.


Still a Bit Buggy
Resizing browser hides the controls for volume shuffle and repeat.

Site is unusable if sized down too small.


Knowing that Google Music is still in Beta is very promising.

Effective Communication Using Pictograms

The purpose of pictograms is so that people don’t have to read.

A good pictogram does not need to be labeled, so if you’re doing this you may want to reconsider your method of communicating an idea. It’s possible that what you need isn’t a pictogram, but a video.

Just another reason to love Coca-Cola

For as long as I can remember, I’ve loved the Coca Cola branding, not only the vintage posters but also the logo design. The very first Coca Cola logo was not the world-famous Spencerian Script logo that we’ve all come to love but actually was just a plain ol’ sans serif type. From what I gather, this logo was only used in a couple of newspaper printings very early on in the company’s development.

In 1885/86 the Coca-Cola bookkeeper, Frank Mason Robinson designed THE fancy-pants script logo that Coca-Cola is so well known by. In terms of design, the logo is distinct, youthful and vibrant, so it’s pretty much perfect for promoting soda but it’s also important that the brand has been consistant with their identity.

I love Coca-Cola for being so consistently badass and iconic.

How do I know if the CTA on my landing page is clear?

Use a blur test to see if your call-to-action is clear. I tested the headliner.fm homepage to see if I was able to find the sign up button, even if the text is unreadable. Sure enough, I found a few things that could be improved.

 

- Orange is the dominant button color, but that link brings up a ‘How It Works’ video.
- Having two buttons makes decision making a bit more difficult and we all know, users don’t want to think. =]

Here’s the improved headliner homepage.

I now have one clear call to action on the homepage, moving on to other things.