Артём Лебедев - Ководство

Поскольку интерфейс управления автомобилем сформировался задолго до нашего рождения и ничего принципиально нового в этой области не предвидится, на выбор сегодня предлагается преимущественно эстетика — спортивный руль, руль с мехом, руль с кнопками и пр. Аналогом руля в компьютерах является курсор. Логичное, простое, удобное, гениальное изобретение. Теперь его можно и перекрасить.

Но в жизни недостаточно руля и курсора. Мы окружены предметами и моделями взаимодействия, над интерфейсами которых никто не думал. Каждая дизайнерская задача, по сути, заключается в создании интерфейса — точки соприкосновения человека и объекта.

Есть логика, отсутствует эстетика. Railways of the Tokyo Metropolitan District. JR Private Railway Subway.

Схемы многих метрополитенов мира построены по принципу лондонской, созданной Гарри Беком в 1933 году. Tube Map. Transport for London, 2006.

Проектирование интерфейсов — увлекательный дизайнерский процесс. Схожее удовольствие можно получить от сложной верстки, от создания многомерных схем и решения других задач на логику и эстетику.

21 ноября 2004

Любой интерфейс можно упростить в два раза.

Рассмотрим в качестве примера очень простой интерфейс — фантастический пульт из рекламы телеканала РБК-ТВ.

Рекламная полоса РБК-ТВ, Мария Вознесенская. 2003

Грамматические и пунктуационные ошибки не мешают понять замысел дизайнера — с появлением РБК-ТВ деловому человеку теперь больше ничего не нужно. Чтобы подчеркнуть эту достаточность, пульт в руках бизнесмена сделан настолько простым, насколько было возможно.

Спрашивает телезритель Артемий Лебедев из Москвы:

— Уважаемые знатоки, давайте рассмотрим пульт повнимательнее. Вы видите на нем кнопку включения, кнопку с логотипом РБК и кнопку-коромысло, регулирующую громкость звука.

А теперь — внимание, вопрос! Если на данном пульте есть кнопка включения, а канал у телевизора все равно один, то зачем нужна кнопка РБК?

Капитан команды отвечает досрочно:

— Этого никто не знает.

Голос ведущего из студии:

— А теперь объясните, почему вы пришли к этому выводу.

Капитан:

— Мы знаем, что кнопка включения двухпозиционная, то есть имеет два состояния — «вкл» и «выкл». Кнопка, на которую бизнесмен собирается нажать, тоже двухпозиционная — РБК/не РБК — иначе зачем было делать кнопку, вместо того, чтобы просто напечатать логотип на пульте? Получается, что мы имеем два выключателя разного размера, но с одной и той же функциональностью. А зачем это нужно — никто не знает.

Голос ведущего из студии:

— Внимание, правильный ответ. Этого действительно никто не знает! Один — ноль в пользу знатоков!

Знатоки помогли нам найти ответ на первый вопрос. Но если мы заявляем, что любой интерфейс можно упростить в два раза, то посмотрим на кнопку регулировки громкости звука. Не нужно обращаться к знатокам, чтобы найти ответ на вопрос: почему кнопка расположена вертикально, а пиктограмма уровня громкости — горизонтально? Ответ: нипочему.

На кнопке плюс соответствует самому высокому столбику в пиктограмме, а минус — самому низкому. Зачем продублирована маркировка? Ответ: низачем.

В результате мы легко упрощаем обе логические зоны данного пульта в два раза.

Теперь читатель вправе поинтересоваться: РБК, РБК, а зачем у тебя такой большой пульт?

27 февраля 2005

Любой интерфейс можно усложнить в два раза. Как правило, делается это для однозначности, надежности или «защиты от дурака».

Упрощать интерфейсы просто (см. предыдущий параграф) — две «а» можно заменить на одну.

Простейший пример усложнения — замена «а/б» на «а» и «б». Скажем, между двумя разными станциями с одинаковым названием «Проспект Мира» есть пересадка, поэтому лучше изображать не один кружок, поделенный цветами пересекающихся линий, а два кружка с переходом.