Я в интернете

РСС    Джейсон-фид

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

Позднее Ctrl + ↑

Эмси фор Мьюзик

Вышла новая версия Эмси с поддержкой программы Мьюзик в Каталине. Заодно лучше поддерживаем тёмную тему и исправили разные баги. С Айтюнсом по-прежнему тоже работает. Разработчик — Алексей Блинов, артдир я.

Нью-Йорк

Прошлую неделю я провёл в Нью-Йорке, но в разгребании фоток я добрался пока только до поездки в прошлом, 2018 году. Так вышло, что разбор я начал с автобусов, а сегодня вот собрал общее впечатление от города. Конечно, про Нью-Йорк ещё будет очень много фотопостов. Я там первый раз был 16 лет назад, но проездом, и тогда вообще ничего не понял, так что можно считать прошлогоднюю поездку первой.

Первое, что я увидел, добравшись из аэропорта до Манхеттене, и выйдя из метро возле отеля — ранне-утренняя Таймс-сквер без людей:

С рассветом начали появляться люди. Навигация Сити-айди (они же делали в Москве, и в Лондоне) — красота:

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

А это первая, вид из кабины канатной дороги на Рузвельт-айленд:

Любимые дома в Аппер-ист-сайде:

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

Вообще, к пожарным всяким штукам в Америке серьёзно относятся. И пожарные машины у них самые нарядные в мире (покажу в заметке про спецтранспорт). А вот красивые гидранты (или что это):

Ещё одна деталь — бордюры с красивым металлическим ободом:

Подъезд, на котором мог бы есть пиццу кто-нибудь в кино. Или плакать, потому что его бросили:

Живописные мусорки:

Поляна в Централ-парке:

Захолустная парковка с Теслой:

Автобус, про который уже была заметка:

Метро. Зацените цвет поезда, флаг и номер Акциденц-Гротеском. Стоит ли говорить, что про метро будет много заметок ещё:

В Нью-Йорке находится самый охрененный в мире музей — Мет. Про него тоже будет много ещё:

Самый красивый небоскрёб в мире — «432 Парк» (слева торчит с квадратными окнами):

А вот шарфы продают:

Это табличка, объясняющая сигналы пешеходного светофора, которые и так словами подписаны вместо цветов. Интересно, существует ли где-то инструкция по чтению этой таблички?

Кнопка вызова зелёного цвета, то есть, слова Walk:

Здесь едят самое вкусное пастрами в мире. «Кац-деликатессен»:

Главное — не забыть сказать, чтобы не добавляли горчицу. (Никуда и никогда. В идеале, чтобы я просто уничтожили на планете и забыли все рецепты. Потому что нет-нет, да попадётся где-нибудь и потом весь день испорчен.)

Если идти пешком по Бруклинскому мосту, можно рассмотреть вблизи дорожные знаки (машины едут чуть ниже):

Главный бруклинский вид:

Фотографии из поездки в октябре 2018. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Нью-Йорк!

Ещё Нью-Йорк:

Схема электричек ЦППК

Ко мне обратилась Центральная пригородная пассажирская компания — это крупнейший пригородный перевозчик. Девять из десяти пассажиров московских и подмосковных электричек пользуются поездами ЦППК. Говорят: «Илья, нарисуй нам схему, а то у нас вот такая»:

Тут и так ничё непонятно, но при этом надо ещё добавить Московские центральные диаметры (также известные как МЦД, D1 и D2), да так, чтобы стало проще и понятнее. И на это дело есть месяц.

Я нарисовал:

Версия 154

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

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

При этом кажется, что для электричек географическое правдоподобие важнее, чем для метро: схему метро люди видят каждый день и привыкают, какой бы искажённой она ни была. А электрички не настолько универсальны и повсеместны. Если человек представляет, что на карте Владимир где-то справа от Москвы, то надо, чтобы он смог его найти хотя бы примерно справа и на схеме.

Для ощущения географии и масштаба также добавилось обозначение МКАДа.

Особенно я доволен тем, как удалось распутать часть к северу от Кольцевой линии метро — изначально там был полный ад, и задача «добавить ещё два диаметра» звучала как неразрешимая. Ну а в итоге норм:

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

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

Чтобы рассмотреть, вот вам ПДФ:

cppk-map-v154.pdf

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

Если вам просто что-то не нравится или вы «бы» нарисовали лучше, это лучше писать письмом мне лично, чтобы не засорять место сбора ошибок. (А ещё лучше просто нарисовать лучше и показать.)

Добавлено 4 ноя: Бета 2

Эгея 2.9 альфа 4

Я уже писал, что взорвал полдвижка в Эгее 2.9, и в той заметке выкладывал несколько новых билдов. Скачивая их, вы рискуете всем. С тех пор ещё были альфа 2 и альфа 3.

Это заметка для того, чтобы ещё раз призвать вас потестировать.

Перед тем как устанавливать или обновляться убедитесь, что у вас прописаны права 0777 ко всем файлам и папкам, включая саму ту, в которую вы ставите Эгею.

Что изменилось за время с третьей альфы:

  • систематизированы джаваскриптовые ошибки: вместо необъяснимых восклицательных знаков в редакторе или вообще отсутствия обратной связи при ошибке теперь выводится аккуратное сообщение о том, что произошло (типа сервер ответил ерунду или интернет пропал; спасибо Жене Лазареву);
  • в коде РССа теперь вставляются теги enclosure с аудиозаписями, и ещё внесены некоторые изменения, чтобы можно было использовать Эгею для подкастов;
  • темы «Простая» и «Акут» научились к тёмному апиренсу системы (вы можете даже в этом блоге заметить следы этого, потому что тема этого блога наследуется от Простой);
  • в темах, которые сами по себе были тёмными, подкручены цвета подсветки синтаксиса в коде;
  • кажется, исправлен баг прошлых бет, когда поиск мог забывать проиндексировать некоторые заметки;
  • исправлены разные баги в инсталяторе.

Что тестировать:

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

В Настройке появилась глючная и нелокализованная строчка «Аватарка блога», это поменяется.

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

См. также: Бета

Первые три главы третьей части «Дизайна транспортных схем»

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

Из рассылки издательства о новых главах:

Графема
У схемы есть общая форма, которая считывается до изучения подписей и отдельных линий, — графема. Хорошая графема делает схему узнаваемой и понятной, а также даёт глазам пассажира точки опоры, по которым удобно ориентироваться. Читайте в главе «Графема», какие характерные особенности схемы могут стать ориентирами и почему не стоит приносить в жертву графеме всю географию.

Текстура
На прочность конструкции схемы влияет её плотность, текстура. Стоит позаботиться о том, чтобы линии, текст, реки, улицы и другие элементы были равномерно распределены по схеме. Приёмы избавления от дыр и комков — в главе «Текстура».

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

Доступны несколько демонстрационных разворотов. Вроде таких:

Про недостатки берлинской графемы:

Про то, как решали проблемы с текстурой в Москве:

Если подписаться на книгу до её полного выхода, то четвёртый месяц будет в подарок. А книгу при этом уже можно начать читать прямо сейчас. Срок подписки пока не тикает.

Для тех, кто уже подписан на другие книги бюро, действует спеццена. Чтобы скидка подействовала, войдите в Бюросферу, используя адрес, с которым вы подписывались на любую из других книг.

Кстати, подписку можно подарить.

См. также:

Спасибо тем, кто скидывает бабки

Тут такое дело. Мне иногда кто-то скидывает денег типа «на кофе» со словами благодарности за раскладку или ещё что-то. А Яндекс.Деньги так устроены, что я даже не могу ответить «спасибо».

Поэтому: спасибо всем, кто скидывает. Это очень приятно.

Ещё вы можете купить плакат раскладки и подарить кому-нибудь.

А сама раскладка — бесплатная и суперполезная.

Обновилась лекция об инфостиле для школ бюро

Это тизер обновлённой лекции об инфостиле для школ бюро:

Школа пишет:

Илья Бирман обновил примеры и перезаписал лекцию «Информационный стиль» по дисциплине «Интерфейс и информация» для студентов Школы бюро: дизайнеров, редакторов и руководителей. В лекции речь идёт о редактуре текста в интерфейсе: о стоп‑словах, информативности в навигации и отрицательных формулировках.

Стоп‑слова не добавляют тексту смысла и мешают пользователю ориентироваться в интерфейсе. Например, как догадаться, что скрывается за пунктом «Расширенные опции» в меню телефона? Обычно стоп‑слова достаточно удалить или заменить информативными: введите пароль → пароль, справочная информация → шаблоны заявлений. Но иногда наличие стоп‑слов говорит о серьёзных проблемах в интерфейсе — из лекции вы узнаете, на какие слова обращать внимание.

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

Отрицательные формулировки в интерфейсе ставят пользователя в тупик и приводят к ошибкам. Пример вопроса с отрицательной формулировкой: «Уверены ли вы, что вы не хотите восстанавливать никаких проектов? Да или нет?». Чтобы ответить на такой вопрос, придётся сперва вычислить, к чему приведёт каждый ответ. И всё равно нельзя быть уверенным, что создатель интерфейса сам рассуждал так же. Илья Бирман рассказывает, как избавиться от отрицательных формулировок и как их используют в корыстных целях. Смотрите трейлер лекции.

Эта лекция — одна из 32 лекций по дисциплине «Интерфейс и информация» в Школах бюро. Уже сейчас можно пройти подготовительные курсы и получить дополнительный балл при поступлении в школы в следующем наборе. Дополнительный балл помогает стартовать в рейтинге выше и увеличить шансы на бесплатное место в школах.

Только до конца октября максимальный дополнительный балл — 0,9, потом снизится. Максимальный балл снижается каждый месяц, а цена поднимается каждую неделю.

Пройти или подарить подготовительные курсы

Приходите к нам учиться!

Пара голосовых объявлений из Тель-Авива

Давно лежат на рабочем столе, надо бы опубликовать.

Так автобус себя объявляет, подъехав к остановке:

«Линия 239. В направлении дороги Ха-Таясим, Тель-Авив»

А так объявляют следующую станцию поездов:

«Следующая станция — Тель-Авив Ха-Шалом».

«Следующая станция — Тель-Авив Ха-Агана». Мне слабо разобрать весь текст дальше, особенно сквозь болтовню пассажиров, но там, видимо, говорится, что на Ха-Агане можно пересесть на поезда до примерно всех остальных станций в Израиле.

Уличные таблички Амстердама

Моя любимая рубрика.

Ахиллесова улица:

1

Квадратная табличка:

2

Названия бывают длинными:

3

Это там ещё Ян не влез. А сюда влез:

4

Зачем-то две таблички:

5
6
7
8

Нестандартная табличка. Пред, более старая:

9

Интересно, зачем нумеровать мосты? Просто чтобы произвести на туристов впечатление их количеством?

10

Мост 404:

А ещё несколько номеров домов. Не мост 404:

Ещё одно красивое число:

Тайна красоты Гельветики так и не раскрыта:

Нарядный вход:

Фотографии из поездки в октябре 2017 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Амстердам!

Ещё Амстердам:

Ещё уличные таблички:

Автобусы Дублина

И вот мы снова в Дублине! Теперь смотрим на автобусы.

Они двухэтажные, как в Лондоне, но раскрашены по-другому:

Смотрите, какие красивые, не то, что в Нью-Йорке:

«Автобус Дублина» по-гэльски:

Гельветика такая красивая:

Как пишется «сервис» по-гэльски:

Бирюзовый автобус в аэропорт:

На остановке есть флаг с обозначением автобусности и списком маршрутов, а также табло с ближайшими автобусами:

Разметка:

Альтернативный дизайн флага:

Ещё какой-то флаг:

И ещё:

И ещё. Как видим, со стандартизацией не очень, но логотип всё объединяет:

Табло. Нравится, как получилась эта фотка:

Ещё табло:

Список вклеили как могли:

Тарифы:

Красиво свёрстанное расписание:

Клоуз-ап:

Маленький формат:

Тарифы и разная информация:

Фотографии из поездки в мае-июне 2018 года. Во всех заметках про путешествия снизу есть поиск дешёвых авиабилетов. Слетайте в Дублин!

Ещё автобусы:

Ещё Дублин:

Ранее Ctrl + ↓