Blog

Later Ctrl + ↑

Mimic 2.0: The client’s feedback

I’ve recently designed the new user interface for Mimic, a web developer tool for mocking server responses in a browser. Ilya Gelman, one of the Mimic’s developers, comments on working with me:

Ilya is of that rare kind of designers that seek to find solutions to problems instead of matching colors and shadows. He asks the right questions, concentrates on important things and understands that real products aren’t just beautiful pictures on dribble. He helped us redefine our tool to make it simpler to use and easier to understand.

Working with local Israeli designers, we usually communicated by real-time channels like Slack, WhatsApp or phone. It was a bit different with Ilya because we had to communicate mainly via email and had to schedule our calls ahead of time. Part of this was the difference in time zones and part of it was Ilya’s principle of managing his own time, which I can fully understand and respect. All in all we never had an issue of lack of communication and everything was always delivered on time.

What I liked about Ilya the most is that he was able to explain the reasoning behind his design decisions, and that he knew how to work together with us to get our tool released on time.

Signs and plaques in Kiev

More photos from Kiev.

Listed building:

1

A memorial plaque:

2

A museum:

3

Hand-written posters:

4

Hardware store:

5

A hairdresser’s sign:

6

Another one:

7

Some kind of a special kind of house:

8

Don’t park here:

9

A cafe:

10

M & M:

11, 12

Nice curves:

13

A clothes and vinyl shop:

14

Nice layout:

15

Make text lower case

Sometimes you paste a text from somewhere, and it’s all upper case, and you want to make it normal case. Few people know that changing text case is a built-in feature of every text field on a Mac, like cut, copy and paste.

Edit → Transformations → Make Lower Case:

Make text lower case

See also: Quickly convert any text to plain text.

User interface for Mimic 2.0

A web application’s front end (what the user sees) and back end (what happens on a remote server) are often developed separately. If the back end of some feature is not ready yet, the front-end developer is very limited in what they can do.

I’ve designed the user interface for Mimic 2.0, a web developer tool for mocking server responses in a browser. With Mimic, you can develop as if the server was alive. It’s very easy to set up a simple mock. Say, you want to pretend the server responds with a line of JSON:

It lets you set up very advanced mocks, adjusting HTTP headers, timeouts and what not:

The great thing about Mimic is that you don’t need to set up a local server and change request URIs in your application. It works with the existing applications as they are, right in the browser. And you don’t even need to install browser extensions: you just link one script to your application and that’s it.

Read more about the user interface on the project page.

Kiev street name plates

A characteristic Kiev street name plate looks like this:

1
2

There is a bulb inside, sometimes:

3
4

An old one:

5

An ugly soviet one:

6

The ones on Khreshchatyk look more like car license plates:

7-8

There is also a blue design:

9
10

And also there are these weird boxes at the entrances:

11
12

Transport in Kiev

More pictures from the same April trip to Kiev as the recent yards.

Nice yellow trolleybuses:

Not as nice:

Jitney stops list:

A stop:

Metro ticket hall:

Inside:

Turnstiles:

A poster:

Map booklets:

River station:

Anything goes to protect your parking stop. Bottles:

Planks:

This is a different kind of transport. They attach you to a cable and you fly to the island:

Looks cool:

How to un-hang a hung app on a Mac

In some cases an app on your Mac would hang: the mouse cursor would turn into a spinning beach ball, and the app would ignore all clicks and key presses. If this doesn’t cure itself in a couple of seconds, there’s not much you can do other than to force quit the app and re-launch it.

Except that sometimes you can. Open Activity Monitor and select the hung app in the list. It’s shown in red as “not responding”. Then click the gear icon and select “Sample Process”:

How to un-hang a hung app on a Mac

If you are lucky, the app would just magically un-hang!

I have no idea what this feature is for, and it doesn’t always work. But if the app’s data is very valuable to you, you don’t just want to give up and force quit it. So you can try this. I’ve saved a couple of Photoshop files this way.

Kiev yards

Here are some pictures of beautiful Kiev yards.

1
2
3
4
5
6
7
8
9
10
11

Perfect coincidence: ass spinner

This TV set in a cafe has lost signal while showing a biathlon race:

A loading indicator has been spinning around a biathlete’s ass for minutes: “here, pay attention, this is the most important part”.

Why I don’t call myself a “UI/UX” designer

Many of the things I do are considered a job of a “UI/UX” designer. But I haven’t ever called myself one.

That’s because the term “UI/UX” is badly designed: it’s tasteless and vague.

Tasteless

The abbreviations are used in science and tech, but when normal people talk, abbreviations are out of place. A good user interface is humane.

The way this abbreviation is constructed is wacky. First, it includes the word “user” twice. The good designer would not put a word twice where once would suffice. Second, it abbreviates “experience” with X instead of E. This comes from cheap marketing, where X used to sound “cool” and “trendy”. When a designer uses it, I feel like they disrespect the user and have shallow knowledge.

Vague

There’s a “/” in the middle, whose meaning is unclear. A slash usually implies an exclusive or. So does this mean “UI or UX, but not both”?

Good writers use conjunctions, not slashes. A slash is a way to slam two pieces together without thinking what sense the combination makes. This is not how you design a good user interface though.

The lack of taste and inability to communicate well are not the qualities of a good designer.

See also: Guy English on UX

Earlier Ctrl + ↓