Skip Allums

Skip Allums is an Associate Experience Design Specialist in San Francisco. His background is in library science, which explains the large stack of books on his desk.

Posts written by Skip Allums

September 18

Visual Communication and Directional Signage

Recently, as part of some exploratory work for my thesis at Academy of Art University, I’ve taken to collecting examples of provocative directional signage. Some examples are concise and highly effective, while others (such as the one above) are less so. I’ve been posting many of my findings, as well as user-submitted examples over on Which Way.

Often the submissions are purely whimsical in nature. However, when one considers how much (or how little) design thinking goes into the creation and implementation of these signs, it was very easy to see the correlation to the work we do here at Molecular as digital marketers. We share a common challenge with your local municipal traffic and signal office: how to best communicate significant information to a user in the shortest span of time.

I found a new respect and appreciation for street signs in particular, as they have the shortest exposure time with their intended audience (about 2.5 to 4.5 seconds, according to a report by Transportation Planning International, titled Increasing Understanding of Traffic Signs, March 2004).

We actually have a pretty cushy time frame in which to communicate our clients’ messages. When you compare the average web interaction to traditional media (a 30-second TV commercial), or the One Way sign on your street… it really put things into perspective. The mass of content of a street sign may be slim — just one or two words, but the message they communicate is often the most pertinent (eg. a Stop sign) :

Bad design in signage systems is easy to spot. In fact, they suffer from much the same design flaws that can afflict web applications: counter-intuitive implementation (as seen in the first example), poor visibility, verbose or obtuse copy, or in the case of this sign below from Finland, failure to communicate across cultures. I think this sign means “watch out for holes” but since I can’t read Finnish, my first thought was that this sign means “Caution: Dead rising from the grave!”:

The next time you see a traffic sign or a directory, consider for a moment the challenges the designer(s) had to meet in order to produce an effective and timely interaction. What can we learn from the implementation, conceptualization, functionality and visibility of the signage systems that we pass by every day?  A group on Flickr known as Finding Our Way:  Photos of Wayfinding and Directional Signage is a great place to start. Please share with us if you happen to come across any signage systems that you feel are particularly well designed!

May 28

[Recap] Protofarm 2009 by IxDA SF

Tuesday night marked the first annual Protofarm event by the SF chapter of IxDA, hosted by Adobe Systems. This was an “open mic night” of sorts, wherein local experience designers got a chance to show off their prototypes and talk about their methodology around testing and design iterations. A variety of tools and methods were discussed… including paper prototypes, barebones HTML mock ups, models carved from foam, Powerpoint animations, and much more. Since the event was sponsored by Adobe, we also got a sneak peek at Flash Catalyst, an app created explicitly for interaction design. You can browse my photos from the event here.

A few highlights:

a href=

The folks from Kicker showed us a foam prototype they made when testing a touch screen conference phone.

Anne Sullivan and Karen Kaushansky shared their paper prototype for mobile UI design for Microsoft’s TellMe.

(more…)

October 9

iPhone app review: iDiagram and mobile wireframing

Have you ever been hit by inspiration while away from your computer, or even a pen and paper? Have you ever felt the urge to sketch wireframes, information architectures, user flows, etc. while walking to work, or riding the bus? iDiagram allows you to capture those brilliant ideas on the go.

I’ve actually been hunting for a good app for mobile wireframing, and until this point my options were limited to the various and sundry “paint, draw, doodle” apps that were basically glorified versions of MS Paint. iDiagram has many of the features I’ve been looking for: customizable shapes and text blocks, a line tool, an export option, landscape mode, plus a grid system that shapes will align to automatically!

Here’s a quick sketch I made of a landing page for a mobile provider:

There are limitations of course. Shapes cannot be filled with colors or textures. Sadly, there is no Undo command either, because at times it can be tricky when trying to manipulate shapes (especially if your fingers are not exactly… dainty). But for what iDiagram lacks in finesse, in makes up for in sheer utility. You can:

  • Bring an object to the front or back of other objects
  • Re-size and re-edit shapes by double-tapping
  • Turn the grid on and off
  • Save diagrams as JPEGs to your photo album (which you can then email wherever you like)
  • Organize diagrams by creating search-able sets and folders

iDiagram was released on September 28, and is a product of Nexar Software Studios, who seem to specialize in apps for the Productivity category such as iNote, iCalc, and iSheet (also very useful). iDiagram is available in the App Store for $4.99.

Please feel free to comment with any other fun apps that could be used for experience design!

Technorati Profile

Browse posts by month

Browse by author

We're always looking for rockstars

Come take a look at careers with Molecular