Ознакомительная версия.
Например, еще лет двадцать назад в разных районах Москвы было разное напряжение: где-то 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
Дизайн должен быть простым.
20 октября 2004
Два основных понятия в дизайне — логика и эстетика. Один дизайнер, решив все логические задачи, приходит в результате к эстетическому финалу. Другой — наоборот. (Есть, конечно, и третий, кому медведь наступил на все органы чувств, но он не наш герой.)
В интерфейсах логика важнее эстетики. Данным утверждением автор вовсе не благословляет функциональное уродство, а всего лишь выражает сомнение в том, что есть смысл раскрашивать труп. Пример важности логики: транспортное средство российского производства преимущественно страшно, но водителю известны принципы управления — поворот направо достигается поворотом рулевого колеса направо. Пример неважности эстетики: как транспортное средство российского производства ни покрась, сколько натурального массива красного дерева и крокодиловой кожи в салон ни засунь, оно лучше ездить не станет.
Поскольку интерфейс управления автомобилем сформировался задолго до нашего рождения и ничего принципиально нового в этой области не предвидится, на выбор сегодня предлагается преимущественно эстетика — спортивный руль, руль с мехом, руль с кнопками и пр. Аналогом руля в компьютерах является курсор. Логичное, простое, удобное, гениальное изобретение. Теперь его можно и перекрасить.
Но в жизни недостаточно руля и курсора. Мы окружены предметами и моделями взаимодействия, над интерфейсами которых никто не думал. Каждая дизайнерская задача, по сути, заключается в создании интерфейса — точки соприкосновения человека и объекта.
Есть логика, отсутствует эстетика. Railways of the Tokyo Metropolitan District. JR Private Railway Subway.
Схемы многих метрополитенов мира построены по принципу лондонской, созданной Гарри Беком в 1933 году. Tube Map. Transport for London, 2006.
Проектирование интерфейсов — увлекательный дизайнерский процесс. Схожее удовольствие можно получить от сложной верстки, от создания многомерных схем и решения других задач на логику и эстетику.
§ 110. Учимся делить на два
21 ноября 2004
Любой интерфейс можно упростить в два раза.
Рассмотрим в качестве примера очень простой интерфейс — фантастический пульт из рекламы телеканала РБК-ТВ.
Рекламная полоса РБК-ТВ, Мария Вознесенская. 2003
Грамматические и пунктуационные ошибки не мешают понять замысел дизайнера — с появлением РБК-ТВ деловому человеку теперь больше ничего не нужно. Чтобы подчеркнуть эту достаточность, пульт в руках бизнесмена сделан настолько простым, насколько было возможно.
Что? Где? Когда?
Спрашивает телезритель Артемий Лебедев из Москвы:
— Уважаемые знатоки, давайте рассмотрим пульт повнимательнее. Вы видите на нем кнопку включения, кнопку с логотипом РБК и кнопку-коромысло, регулирующую громкость звука.
А теперь — внимание, вопрос! Если на данном пульте есть кнопка включения, а канал у телевизора все равно один, то зачем нужна кнопка РБК?
Ознакомительная версия.
