Blog

Later Ctrl + ↑

Redesigning Moscow Metro map

The current official Metro map looks like this (feel free to reorder the letters in the word “this”):

The official map has always been quite bad, but this design (debuted September, 2012) is just embarrassing. It made the indignation spread from designers to the regular people, which means the design is really, really poor. In November the Moscow Department of Transportation announced a design competition for a new Metro map. The deadline: end of December. The prize: your map in the carriages.

I’ve actually been working on Moscow Metro map since 2006, and have released the first version in 2007. At first I thought I would send them my old map, but it turned out to be a bad idea: every competing design should have included a number of features my map did not have (i. e.: having all station names repeated in English). Adding all the features to the old map wasn’t possible due to its design. So I had to come up with a new map in two months.

Here’s the design I proposed:

The competition has just finished, and unfortunately my design hadn’t won. I took the 2nd place among 37 competitors, losing only to Art. Lebedev Studio, the most well-known Russian design studio. By the way, the 3rd place was taken by the Russian International News Agency (RIA Novosti), one of the largest state-owned news agencies.

I’ve completed a “case study” page for this project, and would like to invite you to read it: Moscow Metro map.

I’ve also been blogging in Russian during the final stages of the competition. If you are any curious, I invite you to look through the posts. As I said, they are in Russian, but there are many pictures. It’s one of my most important design works.

Splash screens

Splash screens are useless: they don’t solve any user’s problem, they shamelessly invade the user’s world, they draw additional attention to the fact that the user is waiting. There is no point in advertising your product to the person trying to actually use it.

In mobile apps splash screens are particularly out of place: they occupy the whole screen and the user has nothing else to look at. The phone is being slow, and a nice picture (which I’m undoubtedly looking at) tells me whom to blame. Isn’t it a huge marketing success?

iPhone’s standard app launch image is its screenshot. While the app is launching, the user has a couple of seconds to look at the interface and prepare for action. It appears that the app has launched instantly. According to iPhone’s Human Interface Guidelines all apps should behave like this, it’s even stated explicitly that you should not use splash screens. Unfortunately, this is the rule which Apple does not enforce, and so sometimes stupid apps with splash screens make it into the App Store.

If you find yourself drawing a splash screen, better do something useful, e. g. meet the programmer and discuss the potential design changes to make startup time shorter.

Systematic Destruction of Twitter

Ben Brooks writes:

Twitter is pivoting from a communication tool that regimes sought to shut down in times of revolt, to a tool that in those same times of revolt regimes will embrace and pay to use Twitter to spread propaganda.

Fix sudo on a Mac

Sometimes the sudo command stops working for reasons beyond human understanding. When you try to sudo anything, it says: “no valid sudoers sources found”.

It happened to me twice. The first time it happened to a MacBook. I tried to make some changes to the sudoers file, but it didn’t help, and I gave up. After adding an SSD drive to my Mac Pro and moving the system to it, it happened again. Mac Pro is my main working machine, so I had to fix it this time.

Turned out the problem was with the permissions on the root directory. Presumably I’ve somehow broken them while moving my system.

I found a working solution on MacRumors forum. Here’s what you do:

  1. Restart your Mac is a single-user mode (press and hold ⌘+S during boot until you see command prompt).
  2. /sbin/fsck -fy
    check the filesystem integrity (not sure it’s necessary, but I did it anyway).
  3. /sbin/mount -wu /
    mount the root filesystem.
  4. /bin/chmod 1775 /
    fix the permissions.
  5. /bin/sync
    commit the changes to filesystem.
  6. exit

After booting to the normal Mac environment, you may also need to repair permissions with the Disk Utility.

Forstall: Now what?

While everyone discusses the forstallless (is that a word?) future of Apple, I’m curious about Forstall’s own future. According to “sources”, Scott Forstall is a pain in the ass and many people at Apple didn’t want to even talk to him. Will someone hire him or will he start his own thing? Tony Fadell looks happy making thermostats, what will Scott’s thing be?

Read The Magazine on the original iPad

Marco Arment’s brilliant The Magazine is only available on iOS 6. Unfortunately it’s doesn’t work on the original iPad which I still use, so I’ve subscribed to The Magazine on my iPhone 4. But I don’t like reading anything longer than an SMS from the phone’s screen. So how do I read The Magazine of the iPad?

I just open The Magazine on the iPhone and send articles I want to read to Instapaper (Instapaper works on iOS 5).

At first I thought that the “Send to Instapaper” button in The Magazine was dumb. Why would I want to save something for offline reading if I already have it available offline in a readable format? Well, now I know: because I want to read it on my iPad. And since The Magazine is about text and not some impossible UI and crazy animation effects which have plagued Newsstand publications, I don’t lose anything by reading it in Instapaper format.

By the way, I fully support Marco’s decision to drop support for earlier iOS versions in The Magazine. I think it will benefit the majority of his customers: by using advanced APIs and better hardware he’ll be able to spend less time optimizing and testing stuff, and more time on great features.

App Store icon

It’s always a pleasure to talk to Kostya Gorsky, lead designer from Yandex and my good friend.

We’ve been discussing the future of browsers, apps and the Internet lately and have formed a vision of how all this stuff should work. I’ve been convinced that the address bar is not necessary and will die some day, and that there won’t be any meaningful difference between apps and websites. This simplification raises some questions and causes some problems at first, but they are all technical. People won’t care. We can make it.

Today one can find a site with Google from the Spotlight page on an iPad and add it to their home screen — all without knowing anything about web addresses. Even if you can explain the difference between an app and a website to your grandpa, this will not be of any value to him. Why bother, it’s all just coloured rectangles.

Kostya have recapped it all well: “You should have a screen with the coloured rectangles and a way to add them to it”.

And so I’ve coined a new design for iPad’s home screen. See the App Store icon. Before:

After:

Of course, manual updates will die, too.

We’ve went into much more detail with this, having talked for about an hour. And I wanted to publish this picture.

Everyone is a designer

Life does not present you with a choice to be or not to be a designer.

Everyone always has to make design decisions. There’s no escape: whatever you do, other people will interact with your product or service. Your design decisions can be good or bad, but they cannot not exist. You have to make them, or you are stuck.

To make these decisions, you have to be competent. That’s why design is a basic discipline, as language is. Saying you don’t want to learn design is like saying you don’t want to learn to write. It’s bullshit. Kids should start learning design in primary school: it’s for everyone.

You can’t just make crap and say “hey, I’m not a designer”. There’s no such thing as “not a designer”. If you make crap, you’re just a crappy designer. Fix it.

Calendar icon manual

As I’m sure many designers do, I have an Assets folder with a collection of small things you always need (mouse cursors, spinners, checkboxes etc.). There’s one thing that’s so easy to create from scratch that I don’t even bother to store it anywhere.

Let’s say you want to add a popup calendar to a date input. Here’s how you make a calendar icon for it.

Start with a 4×4 black rectangle (showing at 1200% zoom):

Make three of them in a row, with overlapping borders, like this:

Clone this whole thing and move 3 pixels down, like this:

Now clone this whole thing and move 3 pixels down and 3 pixels to the left, like this:

Done (don’t try to click, it’s just a picture):

A Samsung iPhone has been found

This is great, especially today (from Idioteka):

The text says:

Attention! A Samsung iPhone has been found in the school. Refer to the educational director U. V. Kuznetsova.

Should Apple use this as an extra evidence?

Earlier Ctrl + ↓