timoni.org

Timoni Grone is a web designer in San Francisco. This is her blog.

Read more about her here, or follow her on Twitter, Flickr, or other places around the internet.

Posts about design
February 5th, 2010
February 2nd, 2010

I enjoy iPad speculation as much as anyone, but this isn’t written as if it were speculation. Posts with titles like this—and there have been a lot of them—really shouldn’t be written until people have had a chance to try out their iPad for at least a week or two, if not longer. They muddy the discussion, and will make it harder for the community to review the iPad with a fresh perspective when they arrive.

(Why yes! I am a user-centered designer.)

February 1st, 2010
If you are going to have less things, they have to be great things.
Think of and look at your work as though it were done by your enemy. If you look at it to admire it, you are lost.

— Samuel Butler, via boranikolic.com

Indeed. It’s much easier to fix your designs when you let them sit for a while, and come back disagreeing with them.

January 21st, 2010
The best designers approach research without preconceptions. They are ready to absorb and integrate the obvious as well as the hidden, the stated and the unspoken, the ideal as well as the real. Design researchers are always moved by what they see, and it’s that serendipitous moment of discovery and illumination that lifts designer and user alike.

The Work of a Design Researcher , from design mind on GOOD - GOOD

Doing design research is always one of my favorite parts of the job.

January 5th, 2010

A practical boarding pass redesign

Improving the air travel experience is something of a passion of mine, so when I saw Tyler Thompson’s boarding pass redesign, I was intrigued. His article is well-thought-out and provoking, but unfortunately his redesigns don’t address a lot of the practical issues that airline travelers and airlines have to deal with.

Tim Morgan discussed some of the obvious shortcomings in his summary here, and after talking with both him and James Yu I’ve taken a first pass at a practical boarding pass redesign. (Edit: I’ve also discussed another use case here.)

Going over practicalities and priorities.

I had a few design constraints. First, no interesting typefaces or graphics: although they could vastly improve user experience, practically speaking, the machines that print boarding passes won’t be replaced soon. For this redesign, I stuck with one-weight Monaco. Likewise small gate maps of each airport would be ideal, but aren’t practical—so, that idea was scrapped, too.

Second, I constantly kept in mind that the ticket has at least two users, and usually three: both the traveler, who uses it as a reference, and also any TSA agent or airline employee that might need to inspect it.

For this example, I researched multiple airlines’ boarding passes to see what information needed to be included for all interested parties. I chose United Airlines as the airline here, mainly because I used them to travel home for the holidays this Christmas. With a lot of help from James, I’ve outlined checked-in, boarding-pass carrying airline traveler priorities as follows:

  1. Gate number
  2. Board time
  3. Boarding zone
  4. Seat number
  5. Departure time

And so:

The redesign itself.

You’ll see that the ticket reflects the priorities I just listed for passengers. For the TSA officials scanning this boarding pass, they’ll see the information they’re looking for up top, where the untrained quickly learn to find it: airline, flight number, and passenger name (in the same order as the passenger’s ID).

For airline officials, most of their internal indexing numbers are inside the grey box—it’s grey so that it’s easy for the other parties to ignore. So far as I can tell, airline-only information is usually a bunch of ID numbers. In this mockup, I’ve also included a lot of abbreviations that were present on several boarding pass examples, though in every example I found online, they were left blank. Maybe someone in the airline industry can explain their purpose.

Because I’m a sucker for plain English instructions, I’ve included the text “First leg to [airport code] | transfer at [airport code]” above the grey airline-only box. I’m not sure whether or not it’s feasible to put leg numbers on boarding passes, but if one could easily put one’s transfer tickets in order, it would make travel that much more pleasant.


So let’s walk through some details.

The passenger gets their ticket at the check-in counter or self-check-in kiosk. If they’re printing out tickets at home the night before, or received them in the mail prior to flight, they won’t get a gate, in which case the gate number will have tiny instructions to check with an airline employee. In any case, once travelers know their gate and are going through security, they’ll focus on this:

TSA agents, on the other hand, will be focused on this, especially the top row:

And of course, should there be any problems at the gate, the agent will be focused on this, particularly the information in and above the grey box:

When the passenger is ready to board, they will care about this:

And when they are in the walkway, almost on the plane, they only have the right-hand ticket stub—which is fine, because they just care about this:

Though this redesign isn’t sexy, the important information will be obvious to whoever’s looking for it. TSA agents and airline agents are look at hundreds, if not thousands, of boarding passes a day, so despite the smaller type size, with this redesign they’ll be able to find what they’re looking for because the information they really need is grouped in a small and readable area.

For travelers, the benefits to this design are obvious. A lot of the changes I’ve made are similar to Thompsons’, but with a clearer information hierarchy and a more legible typeface.


A typographic addendum.

Speaking of legible typefaces, this design is typographically sound and if printing machine support it, should look good in a wide variety of typefaces. Here’s the same redesign set in Helvetica Neue (normal and bold).

—Timoni

December 23rd, 2009
December 15th, 2009

These are the custom Moleskines I designed for Flickr. It was a bit tricky finding a debosser in the area (we didn’t), so if you’re interested in getting a custom Moleskine for your company, read on.

We bought the Moleskines on Amazon and shipped them directly to the debossers, C&S Printers in New Jersey. (They also debossed the Wordpress Moleskines).

A local company, Spotlight Design & Print, printed the wraps and shipped them to C&S for finishing. Edit: The artwork for the wrap comes from the Searcher’s amazing Rainbow Vomiting Pandas Of Interestingness, which he kindly agreed to let us use.

The whole process took about three weeks. The vendors were responsive, reasonably priced* and met their deadlines.

*They were reasonably priced for what we got, I mean. Neither Moleskines nor debossing is cheap.

December 12th, 2009
Every design decision – from the large and strategic decision to design accounting software, to the small and nuanced decision to use a checkbox instead of a radio button – contributes to the behavior of the masses, and helps define the culture of our society. This describes an enormous opportunity for designers, one that is rarely realized. We are, quite literally, building the culture around us; arguably, our effect is larger and more immediate than even policy decisions of our government. We are responsible for both the positive and negative repercussions of our design decisions, and these decisions have monumental repercussions.
December 4th, 2009
October 26th, 2009
September 30th, 2009

25 Magnificent Modern Day Movie Illustrations, via My Modern Metropolis

The Prisoner of Akzaban and Deathly Hallows covers are a bit of a spoiler (take pity on the future generations that haven’t read the books yet), but all in all the series is fabulous, particularly Goblet of Fire.

1952, binding illustration for Astronomie v Československu od dob nejstarších do dneška by Hubert Slouka and others, A Journey Round My Skull: Slovakian Expose Redux

1 of 13 pages. You can browse the Archives