Подписка на блог

РСС — лучше всего

Ещё есть автоматические трансляции в Тумблере и Же-же. Если что-то не работает, напишите мне: ilyabirman@ilyabirman.ru.

Навигация в общественных местах

Телеграм за неделю 17—23 июля 2017

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

Вторник, 18 июля

Дайджест телеграма за неделю 17—23 июля 2017
Дайджест телеграма за неделю 17—23 июля 2017
Дайджест телеграма за неделю 17—23 июля 2017

Это сегодня. Участники курса «Пользовательский интерфейс и представление информации» делают групповое практическое задание. При этом открыта запись на следующий курс:
http://bureau.ru/educenter/ui/

Дайджест телеграма за неделю 17—23 июля 2017
Это красивый разворот про амурского тигра из темы «Параллельное изложение»
Дайджест телеграма за неделю 17—23 июля 2017
А это красивый московский навигационный тотем. Они теперь уже повсюду
Дайджест телеграма за неделю 17—23 июля 2017
Навигационная карта Хлебозавода 9 — нового модного пространства рядом с «Флаконом»

Среда, 19 июля

Дайджест телеграма за неделю 17—23 июля 2017
Весёлая иконка унисекс-туалета в «Бэд-бро-баре» в Москве

Студентка школы дизайнеров Аля подошла ко мне в Коворкафе задать вопросы про свой макет на тему «Валенки» (завтра дедлайн):

Дайджест телеграма за неделю 17—23 июля 2017

Я рассказал ей всякого по смыслу, что не имеет значения тут (потому что вы не знаете задания), а ещё подвинул пару вещей:

Дайджест телеграма за неделю 17—23 июля 2017

1. У шапки стало больше нижнее поле. Если поля с разных сторон разные — интереснее. Шапка приобрела большую самостоятельность. У меня на сайте тоже большое поле у шапки, но ещё и всё выровнено по верху — так ещё лучше:
http://ilyabirman.ru/

2. Справа от первой фотки другая фотка и какой-то текст. Он стоял непойми как (Аля сказала, что поставила «на глаз»). А теперь он превратился в якорный объект (тяжёлый такой) и встал в центр своего модуля. Магия в том, что прямоугольник, внутри которого стоит этот текст, не нарисован, но прекрасно читается. Подобные штуки я храню под тегом «активация». Любимый пример — вот эта полоса про Трампа:

Дайджест телеграма за неделю 17—23 июля 2017

Ещё теги:

Дайджест телеграма за неделю 17—23 июля 2017

3. Ещё снизу увеличились ценники. Это Миша Нозик мимо проходил и подсказал. Большие цифры всегда хорошо смотрятся:

Дайджест телеграма за неделю 17—23 июля 2017

Навигация в центре инноваций в Порту:
https://www.behance.net/gallery/7613427/Signage-and-Wayfinding-for-Innovation-Center

Вообще в школе дизайнеров общение с преподавателями есть только на третьей ступени (а это задание на второй). Но крутые студенты плевать хотели на правила и просто приходят. Так и надо.

Раз уж такое дело, ссылка на школу дизайнеров (сейчас идёт набор):
http://bureau.ru/school/28aug2017/

Ха-ха, смотрите какая Виктория молодец:

Дайджест телеграма за неделю 17—23 июля 2017
В это время Миша Нозик на «Живых советах» учит рисовать фактоиды

Четверг, 20 июля

Ещё я забыл занести ссылку на недавний совет про схему метро Самары:
http://bureau.ru/bb/soviet/20170718/

Костя Горский в своём канале о дизайне и продуктивности рассказывает о понимании задачи:

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

Всё правильно, но только Костя пишет, что описание должно вмещаться в один лист А4. Я делаю иначе: пишу максимально подробно. Это же не рекламная листовка. В понимании задачи должно быть всё о задаче, что может понадобиться для её решения. Это такой справочник, где качественно разложено по полочкам всё, что обсуждали с клиентом. Смотрите мою киевскую лекцию про это, если ещё не смотрели:
http://ilyabirman.ru/meanwhile/all/understanding-the-task/

Дайджест телеграма за неделю 17—23 июля 2017
Правый верхний угол в Гугль-драйве. Особенно радуют левые две иконки рядом

Заглянул в гости в Дептранс, а там рай:

Дайджест телеграма за неделю 17—23 июля 2017

Пятница, 21 июля

Проверяю работы студентов школы дизайнеров. Нашёл поддельный знак рубля:

Дайджест телеграма за неделю 17—23 июля 2017

У знака рубля должно быть продолжение полуовала налево:
http://ilyabirman.ru/meanwhile/all/rouble-sign-bowl-continuation/

С таким шрифтом нарисовать хорошо будет непросто: уже и так много всего торчит.

Кажется, авиакомпания «Эль-аль» обновила логотип. Было так:

Дайджест телеграма за неделю 17—23 июля 2017

Стало так:

Дайджест телеграма за неделю 17—23 июля 2017

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

Кстати, что я до сих пор не знаю, какое из ивритских слов «эль», а какое — «аль». С одной стороны, нужно читать справа налево. С другой, теория близости подсказывает, что каждое ивритское слово должно быть рядом с соответствующим английским. И вроде бы самая правая буква — алеф (вероятно, „а“) ¯\_(ツ)_/¯

Расскажите, если вы в курсе. Личка: @ilyabirman

Приходите к Серёге на курс про иконки:
http://ilyabirman.ru/meanwhile/all/icons-course-2017-aug/

Когда я был на курсе, украл у него такую картинку:

Дайджест телеграма за неделю 17—23 июля 2017

Смотрите, как клёво можно нарисовать знак «Обгон запрещён» (справа снизу). Это, вроде бы, японские знаки

Я не буду делать такие дайджесты каждый раз, так что подписывайтесь в Телеграме. Если вы ещё не пользуетесь Телеграмом, то включайтесь. Это самый нормальный месседжер в мире, и там куча интересных каналов.

24 июля   вёрстка   дизайн   навигация в общественных местах   телеграм-канал

Метро в Берлине

Уже была заметка про названия на станциях метро Берлина, а теперь — про остальное.

Типичный вход на станцию:

Метро в Берлине

Ещё в этом кадре трамвайная остановка слева и остановка поездов сверху.

У станции «Штадтмитте» собственный дизайн входной вывески:

Метро в Берлине

При входе обычно висит расписание. Ну, так:

Метро в Берлине

Элементы навигации внутри. Список станций линии и предупреждение о видеонаблюдении с пририсованной деталью:

Метро в Берлине

Другой список станций линии:

Метро в Берлине

Турникетов нет — это так во всей Германии. Слева от билетного автомата (бело-жёлтый) — маленький компостер (жёлто-белый):

Метро в Берлине

В центре платформы обычно стоят такие элементы с названием станции и описанием выходов:

Метро в Берлине

Бывает, подобная штука на стене висит:

Метро в Берлине

Плоский формат для описания выходов:

Метро в Берлине

Экран со временем до ближайшего поезда и другой информацией:

Метро в Берлине

Редкий экземпляр без часов:

Метро в Берлине

Реклама — красивая:

Метро в Берлине

Поезда — жёлтые:

Метро в Берлине

У всех поездов есть внешний динамик (над окном), чтобы на платформе было слышно, что объявляют внутри. На окнах — паттерн из Бранденбургских ворот.

В поезде постарее:

Метро в Берлине

В поезде посовременнее:

Метро в Берлине

Линейные схемы объединяют в наборы по несколько линий. 5, 8 и 9:

Метро в Берлине

6 и 7:

Метро в Берлине

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

Двери часто открываются только кнопкой:

Метро в Берлине

Схема — на потолке (это я уже показывал, но пусть будет для полноты картины):

Метро в Берлине

Станция «Херманплац»:

Метро в Берлине

Станция «Вебервизе»:

Метро в Берлине

Поезд едет по эстакаде:

Фотографии из поездок в марте и мае 2016.

Ещё Берлин:

3 июля   Берлин   метро   мир   навигация в общественных местах   транспорт

Знак о штрафе за парковку на газонах

Сделал дизайн знака о штрафе за парковку на газонах Москвы:

Знак о штрафе за парковку на газонах

Графдизайнер Серёга Чикин помог с травушкой и айфончиком.

Началось с того, что ко мне пришёл Максим Кац и сказал, что есть риск, что кругом понаставят такое:

Знак о штрафе за парковку на газонах

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

В одном месте уже успели поставить адский знак по макету с картинки выше:

Знак о штрафе за парковку на газонах

Уважаемые водители, строго запрещено, КоАП — много слов, а реальной угрозы штрафа не ощущалось. Кого когда-нибудь штрафовали гаишники во дворе? На самом деле важно, что основанием для штрафа являются любые фотки, сделанные на телефон. И их могут сделать и жители, и проинструктированные управами дворники, и кто угодно ещё. В Москве есть приложение «Помощник Москвы», через которое эти фотки можно загрузить.

Поэтому на новом знаке мы нарисовали айфончик вместо фотокамеры с дорожных знаков.

Я очень люблю гостовский шрифт русских дорожных знаков и грущу, что на многих знаках в Москве вместо него используют Ариал. У букв есть некая приятная корявость. Для этого знака мне пришлось из разных огрызков собрать нужные буквы и цифры, в том числе из заброшенной оцифровки Александра Сапожникова. Почти всё пришлось допиливать — спасибо Ане Даниловой за советы. Гостовские кратки у „й“ я не смог терпеть и нарисовал другие.

Депутат Настя Брюханова убедила совет депутатов Щукина официально принять этот знак, и сегодня его утвердили. Скоро он начнёт появляться в щукинских дворах. Будет как-то так:

Знак о штрафе за парковку на газонах

Мы призываем и другие районы использовать этот знак — на его странице можно скачать ПДФ. Макет знака без изменений можно свободно использовать во всех дворах Москвы — пишите.

30 июня   городские проекты   дизайн   дорожные знаки   навигация в общественных местах   проекты   релиз

Марк Родионов о навигации по сторонам света в метро

Марк Родионов написал в фейсбуке про навигацию по сторонам света:

Я проводил тесты. Смешанное использование и сторон света, и конечных повышает процент верно принятых решений на 30%. И сильно опускает процент не принявших никакого решения. Распределение примерно такое: только стороны света — 60 верных, 15 отказов; только конечные — 55 верных, 20 отказов; оба способа на одном указателе одновременно — 85 верных 5 — отказов. Это примерная выжимка из трёх разных опросов в разное время которых приняли участие в сумме около 300 человек.

В тех же опросах людей спрашивали, как им удобнее, стороны света или конечные, и, вы не поверите, — 50/50.

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

2017   метро   московское метро   навигация в общественных местах   цитаты

Навигация по сторонам света в московском метро

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

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

Но в прошлом году я увидел такое:

Ориентация по сторонам света в московском метро

Тут проблемы вроде бы нет, ведь подписаны все станции. Но крупно выделены именно конечные. Я заволновался.

Мои опасения усилились, когда я услышал через третьи руки, что Дептранс, якобы, сам не верит в стороны света, но перед принятием окончательного решения собирается на эту тему провести опрос пассажиров. Учитывая, как Дептранс порой проводит опросы, я подумал, что шансов на победу добра мало.

Но и совершенно чисто проведённый опрос, скорее всего, выявит, что большинство — за конечные. Это нормально: что такое конечные понимают все, а что такое стороны света — далеко не все. Большинство людей, стоя на улице, не смогут сказать, где север. А тут по сторонам света предлагают ориентироваться под землёй!

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

К счастью, пока я переживал, в Москве начала-таки появляться навигация по сторонам света:

Стороны света используют в Лондоне. Почему они там работают? Англичане же не какие-то особые люди, наделённые суперспособностью ориентироваться по мху на путевой стене. Но для использования системы со сторонами света ориентироваться по сторонам света и не нужно. Достаточно хотя бы примерно представлять, в каком направлении по карте ты хочешь ехать.

Если человек хочет доехать с Третьяковской до Чистых прудов, он представляет, что ему надо вверх по рыжей ветке — то есть на север. При этом в его голове обычно нет ни Медведкова, ни Новоясеневской.

Конечно, за пределами кольца важный ориентир — центр:

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

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

Использованы фотографии из твиттеров Славы Кутеева, Ми и Мани Поповой.

2017   метро   московское метро   навигация в общественных местах   транспорт

Вывески и таблички в Киеве

Продолжаю разгребать фотки из Киева.

Памятник архитектуры:

Памятник не архитектуры:

Музей:

Афиши дома учителя:

Стройматериалы:

Парикмахерская раз:

Парикмахерская два:

Дом коммунальной собственности города (не знаю):

Забор:

«3б-кафе»:

М и М:

Штендер клёвой формы:

«Пюре»:

Кофе-центр. Крутая вёрстка:

«Крапка кома» — здесь проходили наши с Мишей лекции (моя):

2017   вывески   Киев   мир   навигация в общественных местах

Навигация в аэропорту Дюссельдорфа

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

Я прилетел в сектор A, а мне надо было в C. Удачно прошёл через всё. Схема сектора A:

Иконка гейта в клёвом кружочке:

Для навигации на транспорте достаточно двух цветов: один для всего, что связано с самой транспортировкой, а другой — для инфраструктуры. Аэропортная классика — жёлтый и чёрный. Здесь всё про вылеты синее, а остальное — красное:

Реклама в навигации. Последний дьютифри перед вылетом — такое важно продублировать на русском:

Иду в сторону сектора C через B:

Лаконичная схема аэропорта на знаке. Расстояния между секторами указаны минутах:

Фотка получилась по-киношному синяя:

Можно не писать слово «гейт», когда есть диапазон:

Куча знаков в секторе B:

Схема сектора B:

Цвет линейки, отделяющей стрелку от остального, в отличие от цвета текста, дружит с фоном:

Человек на распутье:

Туалет на знаке в центре скромно встал в угол:

Пиктограмма паспортного контролёра:

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

Другие гражданства — почему-то на белом фоне:

Вот я и в секторе C:

На схему налеплена реклама временного магазина «Молескина»:

Путь к гейту лежит через очередной дьютифри (да, тот был не последним):

Мусульманская молельная комната с полумесяцем:

Круто, что кружочки гейтов стоят на месте, обычном для стрелок на других знаках:

На компактный красный знак не влез текст, но всё понятно и без него:

Ещё фотозаметки из Германии:

2017   аэропорт   Германия   Дюссельдорф   мир   навигация в общественных местах   полёты   фото

Ельцин-центр: навигация и графдизайн

В сентябре был в Екатеринбурге, сходил в Ельцин-центр. Он крутой. Сегодня покажу навигацию и графдизайн.

Тотем на улице:

Стена:

Вход:

Иконки:

Имеется книжный магазин:

Регистратура:

Подвесной указатель:

Настенный указатель:

Тотем внутри:

Надписи на стекле:

Схема этажей:

В продаже фирменные тетради:

Я кружку купил. Невероятная для России смелость мышления: на кружке Ельцин-центра нет портрета Ельцина, а есть вот такой же клёвый узор, как на тетради.

Карандаши:

2016   Екатеринбург   навигация в общественных местах   фото

Голосовые объявления в метро Стокгольма

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

Следующая — Ти-Централен. Переход на метро до Кунстрадгордена, Акаллы и Хьюлсты и на пригородные поезда. Майнд зе геп, когда будете выходить:

Видос:

Следующая — Остермальмсторьй. Переход на метро до Ропстена:

Следующая — Слюссен. Переход на метро до Фруэньена и Нушборья и на поезда и автобусы в Накку и Вэрмдё:

Следующая — Техническая школа. Переход на поезда и автобусы в Нуртэлье и Ваксольм:

Следующая — Уппландс-вэсбю. Переход на электрички в Арланду и Уппсалу:

На самом деле последнее — не метро, а пригородный поезд, на котором я ехал из аэропорта, но объявления ровно тем же голосом и по той же схеме.

Ну и просто объявления следующих остановок:

2016   голосовые объявления   навигация в общественных местах   Стокгольм

Обновил коллекцию голосовых объявлений лондоского метро и нашёл линейные схемы

Вчера обновил свою огромную коллекцию голосовых объявлений лондонского метро.

Захотелось поставить к каждой линии её линейную схему — оказалось, что и такое тоже Транспорт-фор-Лондон даёт скачать всем желащим. Если что, это называется CLD — Car Line Diagram.

Там не просто линейные схемы всех линий, а вся их история с 1996 года! Можно проследить, как на станциях пересадок постепенно избавлялись от ненужных фиговин. В 1997 ещё рисовали такие цветные штуки с заострениями:

Я помню, что в мой первый приезд в Лондон эти хрени ещё были. В 1999 они стали контурными:

А в 2003 их вообще убрали без ущерба для смысла:

С тех пор — так.

Но и это ещё не всё. Там есть даже все временные наклейки. С ума сойти! Например:

Зачёркивания разные что-то. А ещё на «Эджвер-роуд» написано не просто «Станция закрыта», а «Станция линии Бейкерлоо закрыта». Потому что там рядом есть станция «Эджвер-роуд» кольцевой линии и линий Дистрикт и Хаммерсмит-Сити. Чтобы никто случайно не подумал, что и та тоже закрыта.

Хочу, чтобы на сайте Дептранса Москвы можно было найти все ПДФы всех схем метро хотя бы за последние три года.

Теперь чтобы послушать все объявления целиком нужно слишком много времени, поэтому у меня для вас несколько интересных. Сервис-апдейт на «Бейкер-стрит» (линия Бейкерлоо; помогите разобрать недостающие слова):

Как интонацией разделить три разных and подряд? «Следующая — Банк» (линия Централ):

Длинное объявление на Кольцевой:

Машинист взял микрофон:

На линиях Джубелии и Виктория объявляют конечные, хотя они и не разветвляются. Джубелии, другой голос:

Формулировка «this train terminates at» не придёт в голову иностранцу. Но в Будапеште продублированные на английском объявления в метро используют именно такой текст.

Машинист на «Канари-ворф»:

Линия Нозерн не просто разветвляется на концах — этим никого не удивишь. У неё есть две разных внутренних части — Charing Cross branch и Bank branch. Чтобы было совсем весело, станции «Юстон» и «Кемден-таун» есть на обеих половинках:

Northern line

Последняя фраза тоже примечательна, люблю эту ёмкую формулировку.

На линии Нозерн на станции «Кингс-кросс» есть пересадка на линию Хаммерсмит-Сити, но в объявлениях её называют просто Хаммерсмит:

Линия Пикадилли ходит в аэропорт Хитроу (см. также мою давнюю заметку про это). При этом часть поездов останавливаются в терминалах 1, 2, 3 и 5, а другие поезда — в терминалах 4 и 1, 2, 3:

Piccadilly line

За несколько остановок до конца линии пассажирам начинают рассказывать об этом. На станции «Хаунслоу-вест», в зависимости от поезда:

И на следующей, «Хэттон-кросс»:

Пассажиры — это customers, а не passengers.

На линии Виктория объявляют, с какой стороны откроются двери:

Пара объявлений во время уикенда, когда много всего закрыто.

Во втором случае интересно, что линию Нозерн даже не перечислили среди пересадок в первой части, поскольку пересадки на неё именно сейчас — нет.

Брикстон — конечная:

Лондон Оверграунд. Подключается девушка:

Больше нигде не говорят alight here вместо exit here.

Объявление на станции Хайбери-энд-Ислингтон, которое однажды помогло мне не опоздать на самолёт:

2016   голосовые объявления   лондонское метро   навигация в общественных местах
Ранее Ctrl + ↓