Color Coded Tokens

Written by Eric-Paul

Get Together is the fastest way to create calendar events on iOS. You decide what the event is about, who takes part in the event and when it takes place, all the rest are details you can decide on later, for example by using your regular Apple Calendar app.

With the entire app merely existing out of these three steps, we took our time to make them as smooth and pleasant as possible. For example, you might notice that the ‘tokens’ that appear when you select friends from your address book, contain a color coding. We don’t want the app to clutter with the names of your friends, so when you're done editing them, the app summarizes any number of friends into just one token. That token gets a checkered ribbon with the colors corresponding to your friend’s position in your list of contacts.

Color coded token examples

What we noticed after using the app for a while, is that it's not just a graphical addition to the app. When you have an iPhone for a couple of years, the number of contacts can easily become very high. Ranges of 500 to 1000 contacts are not exceptional. The color coding helps to get a sense of direction when scrolling through the long list of contacts.

We hope to use this feature for many apps to come, but first, let's put Get Together in the App Store.

Update: the app is now available at the App Store.


Physical dimensions on your computer screen

Written by Timo

For designers and design aficionados we made "Will it fit". An OSX app to review your designs for print or other media at their true physical size. You can check out the short video that tells you all about Will it fit on the product page.

At first we thought it would be a pretty simple and painless application to design and build. We ended up working on it for a couple of months. One thing to overcome was to determine the screen's PPI (pixels per inch) or pixel density. For this we need the resolution of the user's screen and the physical size of the display. The physical size of any screen (e.g. 15,1 inches) is not a property we can detect or read somewhere, so we had to collect the data by hand. Most of the Apple displays are in our database by now, but for the screens that aren't, we had to make a calibration helper for the user determine the right physical dimensions.

Dynamically drawn tape measure

The user has to measure a line, to tell us how big their screen is. Next to it, we display a digital tape measure that changes its scale according to what you enter into the measure box. That way the user gets immediate feedback on whether he's entering the right dimensions.

Update: Will it fit is available in the App Store


The Five Hour Grid

Written by Eric-Paul

My father recently turned 73 and he's a great source of practical wisdom. One of his oneliners I remember hearing many years ago already is that “any good party will last exactly five hours”. He means dinner parties that start at 7 o'clock in the evening, should last till midnight. Or receptions that open at four should be closed at nine. Even a visit to a club, should be over at five in the morning, if it starts around midnight. He repeated his five hour rule often enough for it to become somewhat of a meme in the family. Consequently I started paying attention to party planning and a few years later concluded that the rule makes more sense than I ever cared to admit.

Five hours is just a nice block of time in which to get something done. Social meetings, sure, but also business meetings would regularly take up five hours of my time. Not just the meeting, but preparation, travel and evaluation. And I started planning my day in series of five hour segments. The morning stretches from 8:00 to 13:00, the afternoon from 13:00 to 18:00 and the evening from 18:00 to 23:00. The rest should be spent sleeping. With the five hour grid that this provides, daily planning can be greatly simplified. To add a level of granularity you can divide the five hour segments into two halves each. This very consciously limits your options in determining events to the minute.

Start of the day 8:00 to 10:30 Breakfast
End of the morning 10:30 to 13:00
Start of the afternoon 13:00 to 15:30 Lunch
End of the working day 15:30 to 18:00
Start of the evening 18:00 to 20:30 Dinner
End of the day 20:30 to 23:00

The center piece of our upcoming iPhone app Get Together is a week view of all your calendars. Get Together hides early mornings and late nights and shows the rest of your schedule in the five hour grid. Of course events are shown to the minute, but in creating new events you're limited by design to stick to the grid segments. Although this might sounds awkward at first, it speeds up planning by a great deal, which leaves time for you to enjoy your day. Don't bother yourself with the exact times that “Launch party with Jankees and Timo” starts and ends, chances are you'll be talking to each other as the date draws closer. Just remember, any good party will last five hours!

Update: the app is now available at the App Store.


Iterate, refine & polish

Written by Eric-Paul

Like the development of any product, software development is hard. There are many reasons for this, but one big reason no team can ever deny is that you can’t ever get a piece of software right at the first attempt.

I’ve been passionately working as a programmer in my ten years since graduating college and I consider myself a craftsman of code. I love my work, or at least the coding part of it, and I love to bring projects to life that people want to use, enjoy and learn from. Most of my working hours of these years have gone into projects for the marketing business; projects with both limited budgets (though that’s a relative term) and limited availability, with a single-serving purpose. The cyclic nature of the marketing business causes its products to hardly ever exceed the life span of around three months, simultaneously compressing the time a team has to develop.

While working hard to finish marketing projects on time, upon delivery there’s always a feeling that the product isn’t finished, or isn’t finished properly. There’s always something wrong with it, sometimes the design is off, at other times the way you envisioned it to work technically just doesn’t work out, or it lacks a level of polish you’re sure it would have had, given just a few more days or hours. Often when it’s time to launch the product a sense of failure or under-accomplishment can come over me; yet another unpolished piece of work leaving the studio.

There have been times when I blamed the team, or parts of it, times when I blamed myself, or times when I blamed the entire marketing industry. But lately I’ve come to the conclusion that it’s nothing but the lack of time to iterate, refine and polish a product, that’s at the heart of it. It’s nothing any one person in the business can or even should change, because it’s not what that business is about.

In contrast, look at the apps around that you use and love. Be it your email client, your favorite game or web apps like Facebook or 37Signal’s Basecamp. Products that feel right only feel that way because they’ve been worked on for many, many iterations, sometimes in public, sometimes behind closed doors, ironing out wrinkles step by step, optimizing user interaction, fixing bugs and polishing the design. That’s something I’ve come to respect and aspire.

Twelve Twenty is the place me and my like-minded colleagues have retreated to, escaping the single-serving development environment. This is the place where we can iterate, refine and polish as much as we deem necessary, with the hope people will want to use, enjoy and maybe sometimes learn from our apps.