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

В Телеграме помимо ссылок на заметки делюсь околодизайнерскими наблюдениями.

В Твиттере помимо ссылок на заметки пишу всякую чушь.

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

По РСС и Джейсон-фиду трансляции для автоматических читалок

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

Карты забегов серии Московского марафона

Мы в бюро сделали карты для Московского марафона и остальных забегов серии. Всего получилось 50 карт — 25 на русском и 25 на английском. Это маршруты двух из четырёх дистанций Московского полумарафона, прошедшего в мае:

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

А это маршрут июньского Красочного забега, версия на английском:

Дизайнеры — Камиль Миндубаев и Сергей Чикин.

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

Сходите почитайте рассказ о проекте на сайте бюро. Там даже опубликовано наше руководство (Гугль-док).

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

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

Три уровня агрессии глагола

Хороший редактор избегает повелительного наклонения в интерфейсе и навигации. С чего бы программе или магазину командовать человеком?

Но повелительное наклонение само по себе нейтрально. В интерфейсе электронного киоска:

Вставьте купюры

В обращении на «мы» уже чувствуется пассивная агрессия и совковое хамство. На турникетах московского метро:

Проходим слева

А в обращении в прошедшем времени слышится угроза физической расправой при непослушании. В тёмном дворе:

Мобилу сейчас же отдал!

Если даёте инструкцию, используйте повелительное наклонение. Оно вполне уместно, а если инструкция прошеная — то и вовсе дружелюбно.

5 сентября   навигация в общественных местах   пользовательский интерфейс   русский язык

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

24—30 июля 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

6 и 7:

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

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

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

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

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

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

Сотрудники заезжают на станциях с уборочными тележками вроде отельных:

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

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

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

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

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

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

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

Ещё Берлин:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Музей:

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

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

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

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

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

Забор:

«3б-кафе»:

М и М:

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

«Пюре»:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Стена:

Вход:

Иконки:

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

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

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

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

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

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

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

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

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

Карандаши:

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