На узле «Тверская — Пушкинская — Чеховская» Департамент транспорта проводит эксперимент с напольной навигацией. Честно скажу, я не знаю, насколько эффективна и полезна напольная навигация в метро. Но, как я понял, Дептранс тоже точно не знает, именно поэтому и проводит эксперимент, а не сразу заклеивает наклейками всё метро.

Пока проект разрабатывался, я периодически проходил мимо, и меня даже иногда спрашивали, что я думаю. Первые черновики выглядели примерно так:

Картинки из внутренних документов Дептранса, которые мне разрешили опубликовать

В начале никто не заморачивался эстетикой вообще, потому что надо было придумать, где вообще и что клеить. Когда я это увидел, сразу написал, что у стрелок нужно уменьшить уши, срочно убрать все эти белые перегородки, разнобой кеглей, выравнивание по центру и обводки вокруг цифр (просто поставить цифру на белый квадратик, потому что цифра + квадратик + рамочка — это три фигни, а инверсная цифра на белом квадратике — это две фигни, экономия). Ещё я предлагал сделать латиницу помельче и попрозрачнее, чтобы как на схеме (так её быстрее идентифицировать). Ну и странно было не использовать Директ теперь-то.

В результате почти всё это было учтено:

Изображение с сайта m24.ru

На фото смешно, что у Пушкинской стрелки в две стороны, в лучших традициях итальянской навигации (они тоже любят нарисовать стрелки сразу в несколько сторон, если можно разными способами куда-то пройти или проехать). Ещё почему-то прозрачнее сделали только латиницу у выхода, но не у станций.

Я не представляю, насколько сильно тут я повлиял на этот дизайн, поскольку я был не единственный, чьим мнением интересовались, и большинство вещей вроде бы были на поверхности, но мне в любом случае приятно. Особенно мой внутренний лондонец доволен тем, что ребята согласились вместо Exit написать Way out:

Изображение с сайта instagram.com (ну правда)

А вот как выглядели первые наброски штук, показывающих, где двери:

Тут я по-быстрому нафотошопил минималистичную версию, интегрированную с существующей «разметкой» (линией, за которую не стоит заходить):

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

Будут изучать по камерам, где как люди встают, чтобы выяснить, насколько стрелки нужны. Я вот уже глядя на это подумал, что, наверное, надо было белым делать для пущей нейтральности и спокойствия.

Минутка теории, кстати. Почему так важно всё успокаивать и минимизировать? Всё бы этим дизайнерам убрать «шум» и «мусор», но может он греет душу кому-то! Сделают всё как в больнице белое и стерильное, хоть вешайся от тоски. А ведь всякие детали, пусть и лишние, радуют глаз и добавляют индивидуальности!

Нет, всё не так, давайте не путать. Скульптуры, колонны, арки, мозаики, фрески, а также красивые перила и сложные светильники, если они есть, хочется видеть полными греющих душу деталей. Но цель разметки — передать информацию пассажиру. Пропускная способность любого канала передачи информации ограничена, стоит использовать её эффективно. Если дизайнер пятью элементами рассказывает то, для чего хватит трёх, значит два здесь лишние. Информацию и декорацию не следует мешать в одном месте, заставляя пассажира думать, что здесь нарисовано по делу, а что — для красоты. Про это все читают у Тафти — у него прям есть картинка в Visual Display of Quantitative Information, где чистый и аккуратный график висит в сложнейшей раме с орнаментами, барельефами и чёрт знает чем ещё. На нашем курсе я про это всё рассказываю подробнее.

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

На сайте Департамента проходит голосование по поводу всего этого.

Про текст в бюро есть два правила:

1. Можно без можно.
2. Нужно без нужно.

Если в тексте встречаются эти слова, нужно от них избавиться мы от них избавляемся.

Бессмысленность «можно» легко проверяется конструкцией «а можно и не»: «На сайте можно подписаться, а можно и не подписываться» (правда, но непонятно, зачем писать). «Нужно» напрягает обязательностью: «Вам нужно, вы и вводите».

Интересно, что помимо того, что эти слова добавляют модальность и просто лишние, они ещё и иногда маскируют отсутствие нормального подлежащего. В первом примере убрали «можно» — появились «бухгалтеры».

Эти четыре аббревиатуры должен знать любой дизайнер:

• ЛВУ — левый верхний угол,
• ПВУ — правый верхний угол,
• ЛНУ — левый нижний угол,
• ПНУ — правый нижний угол.

Аж расшифровывать устал, пока пост писал. Не понимаю, как без них можно вообще разговаривать о дизайне.

Хорошие веб-дизайнеры всегда делали сайты резиновыми, а плохие — кирпичом.

Хороший дизайнер смотрит на споры о необходимости резины с удивлением. Ясен пень, дизайн должен уметь жить при разных размерах экрана, о чём тут спорить? Сайт — не плакат.

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

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

На западе необходимость резины долгое время не признавалась. Дело в том, что когда на западе появился веб, в него пришли полиграфисты, которые просто не понимали, как дизайн может быть не фиксированным, и насиловали веб своими полиграфическими представлениями о прекрасном. В России же «веб» и «дизайн» появились более-менее одновременно, поэтому здесь резиновость среды воспринималась как естественная её степень свободы, дизайнеры изначально учились с этим жить.

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

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

Подход, когда макеты для разных экранов готовятся отдельно, провоцирует дизайнеров на то, чтобы придумать чуть ли не отдельный сайт для каждого размера. Например, дизайнер решает, что какая-то функция на мобильном нужна не так часто, и переносит её сверху вниз или вовсе убирает. Это такая же медвежья услуга пользователю, как микрософтовское сокрытие редкоиспользуемых пунктов меню в старых версиях «Офиса». Человек, привыкший пользоваться сайтом на одном устройстве, вынужден заново знакомиться с ним на другом. Качественная резина не позволяет себе такого неуважения к привычкам пользователя.

Распространившиеся в западном вебе термины responsive design и adaptive design — это всего лишь маркетинг-буллшит, означающий такую вот дискретную недорезину для бедных. Можно только удивляться тем русским дизайнерам, которые сначала вопреки здравому смыслу отказывались от резины вовсе, а теперь поют дифирамбы её примитивному пониманию, которое только начинает формироваться на западе, и даже выдают это за какой-то новый подход к веб-дизайну.

Делайте сайты полезными и привычными независимо от размеров экрана.