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

Например, еще лет двадцать назад в разных районах Москвы было разное напряжение: где-то 220 вольт, где-то — 127. При этом, разумеется, все розетки и штепсели были одинаковыми на вид, в результате чего ежедневно выходила из строя куча техники, включенной в сеть без трансформатора. Другой пример непродуманности всесоюзного масштаба — отечественные громкоговорители и трехпрограммники, у которых вилка была точно такой же формы, как у любого обычного электрического прибора.

Надпись «в электросеть не включать» на задней стороне обычно читали на уже сгоревшем радиоприемнике.

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

Хороший пример кодирования расположением — маркировка расстояний до колодцев, являющаяся непременным элементом оформления стен городских зданий. С одной стороны в круге указывается тип (скажем, Д — дренаж), с другой — номер колодца. Но нас больше интересуют цифры вокруг Т-образного навигатора. Число сверху — это расстояние в метрах до колодца от места на стене, где прикреплена табличка. Число справа или слева от вертикальной черты означает расстояние в метрах в соответствующем направлении.

6,5 м от стены, 5 м налево С-Пб. 2002

3,6 м от стены С-Пб. 2002

4 м от стены, 6 м направо С-Пб. 2002

Очень удобно, учитывая то, что крышки люков могут быть засыпаны снегом, листвой или просто грязью.

§ 107. Кодирование. Часть вторая

Московский комментатор деликатно пояснил: «Чернокожего боксера вы можете отличить по светло-голубой каемке на трусах…»

С. Довлатов. Соло на ундервуде

22 июня 2004

Хотя у 8 % мужчин и у 0,5 % женщин встречается дальтонизм, основным видом кодирования является цветовое [25].

Там, где расположение и форму менять нельзя, а символы не работают, применяется цвет, являющийся достаточным отличительным признаком объекта. В некоторых случаях (например, провода в многожильном кабеле) отличить один объект от другого можно только по цвету.

Классическим примером цветового кодирования являются схемы метрополитенов. Пока линий в системе мало, можно использовать один цвет. Но когда она разрастается, без введения дополнительных цветов не обойтись, что мы видим на лондонской схеме 1908 года:

Первая схема метрополитена с цветовым кодированием линий. Waterlow & Sons, Ltd. Liverpool St Hotel map. 1908

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

Легенда, приведенная в книжке о дорожных знаках, практически бесполезна.

Знаки дорожные сигнальные. М.: Московская правда, 1954

А вот легенда современной схемы лондонского метро в монохромном исполнении. Все линии четко различаются, при этом никаких упоминаний о цвете нет:

Tube black & white map. Transport for London, 2003

Цветовое кодирование успешно применяется в аналитической картографии.

Карта плотности населения. Перерисовано с оригинала. National Center for Geographic Information and Analysis (NCGIA). Population Density. 1994

Цветом принято кодировать разные виды одного продукта. Раньше молочные продукты в стеклянных бутылках отличались цветом крышек из фольги: молоко — серебряная фольга, ацидофилин — синяя, кефир — зеленая, ряженка — малиновая и т. д.

Сегодня в барах по всему миру наши соотечественники перед вылетом, во время полета и после прилета заказывают виски по цвету этикетки, кодирующему срок выдержки и качество сырья: «Рэд лейбл» (пять лет), «Блек лейбл» (двенадцать), а кто знает, тот «Голд лейбл» (восемнадцать) {{{ еще есть односолодовый Pure Malt (15 лет), который иногда называют Green Label }}} или даже «Блю лейбл» (семнадцать лет + понты).

Черная икра продается под крышками трех цветов. На самих банках ни слова о различиях нет (это «икра осетровых рыб»), но цветом кодируется вид рыбы, объясняя разницу в стоимости.

Белуга или стерлядь

Осетр

Севрюга

Автомобильный клаксон обеспечивает передачу полного спектра сообщений в зависимости от продолжительности звучания и направления взгляда водителя — от «милая, я приехал» до «куда прешь, мудила!». Звуковые коды применяются в компьютерах (индикация ошибок), телефонах (тональный набор), самолетах (системы звуковых сигналов для пилотов и членов экипажа) и пр.

Одно из самых удачных применений звукового кодирования — в московском метро. Мужским голосом объявляются станции при движении к центру города, а женским — при движении от центра (мнемоническое правило: босс зовет на работу, жена — домой). На кольцевой линии во время движения по часовой стрелке звучит мужской голос, во время движения против часовой — женский. Сделано это для удобства ориентирования слепых пассажиров.

См. сайт Артемия Ломова «Голоса подземелья»

§ 108. О простоте дизайна

14 октября 2004

Дизайн должен быть простым.

§ 109. Логика и эстетика

20 октября 2004

Два основных понятия в дизайне — логика и эстетика. Один дизайнер, решив все логические задачи, приходит в результате к эстетическому финалу. Другой — наоборот. (Есть, конечно, и третий, кому медведь наступил на все органы чувств, но он не наш герой.)

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

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

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

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

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

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

§ 110. Учимся делить на два

21 ноября 2004

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

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

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

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

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

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

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