В новом Макосе Мохаве появился тёмный режим. Думаю, довольно мало таких людей, кому он подойдёт навсегда, но он хорош в отдельные моменты. Скажем, тёмный режим хорошо подходит, когда вы показываете картинки из Файндера на проекторе (ну, например, если вы ведёте курс).

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

tell application "System Events"
	tell appearance preferences
		set dark mode to not dark mode
	end tell
end tell

Назначить горячую клавишу — дело техники. Я использую Спарк:

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

У меня хорошая новость: на этой неделе вышли первые три главы «Дизайна транспортных схем». Те, кто оформили подписку, могут уже читать их. А кто не оформил, может оформить и читать.

За последние века географические знания человека достигли высокой точности. Но карты не просто показывают реальность как есть, а помогают человеку в его задаче. Снимок земли из космоса точен и очень красив, но малопригоден для путешествий. Карта Меркатора изображает Гренландию размером с Африку (надо в пятнадцать раз меньше), но она незаменима для навигации. У Гугля до недавнего времени использовалась проекция Меркатора:

Деревяшки из Гренландии:

С возникновением коммерческого транспорта особое значение приобрела задача помогать пассажирам попадать из пункта А в пункт Б. Карты транспортных сетей стали одним из способов их рекламы. Красота в Монреале:

Старейший метрополитен в мире, лондонский, ещё в 1933 году перешёл с карты на схему, которую создал чертёжник Генри Бек. А это схематичное изображение линии на открытке, за тридцать лет до Бека:

Современная лондонская схема наследует дизайн Бека. Цитата с сайта Транспорта Лондона:

Работа Бека оказала огромное влияние на навигационный дизайн. Когда мы слышим «схема метро», мы представляем что‑то похожее на схему Бека. Но Бек не решил задачу графического представления транспортной системы раз и навсегда. В Нью-Йорке совсем по-другому:

Если не учитывать особенности города и его транспортной системы, схема получится посредственной.

Если сомневаетесь, что книга крутая, посмотрите моё видео с демоглавой. И саму демоглаву (она доступна по кнопке «Попробовать»). Ну и в любом случае оставляйте там почту, чтобы своевременно узнавать о выходе новых глав.

Я был в Берлине в марте 2016 года, публиковал рассказ о поездке и много отдельных заметок в блоге. Некоторые фотки не вошли, а показать хочется. Кое-что из этого было в «Наблюдениях» на сайте бюро, но вдруг вы не видели.

Начнём со всяких знаков, вывесок и табличек.

1

2

Книжный:

3

Лааума:

4

5

Оптика:

6

Жёлтая табличка:

7

Чёрная табличка и маленькая жёлтая табличка:

8

Студия 183:

9

Красивый фасад:

10

Знак игровой площадки почему-то в стиле дорожных знаков:

11

Постеры исторического музея:

12

Красивая реклама в метро:

13

Карта тиергартена:

14

Фрагментик:

15

Тактильный макет квартала для слепых:

16

Телебашня и она же на доме:

17

Гидранты:

18

19

20

21

Ещё зашёл в магазин для художников, а там краски:

22

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

Ещё Берлин:

• Знаки, вывески, плакаты (из поездки в мае 2016-го)
• Уличные таблички
• Названия на станциях метро Берлина
• Метро
• Железная дорога
• Наземный транспорт
• Кофе
• Магазин «Планета Модулор»
• Рассказы в «Мире»

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

5—11 мар ←

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

Если вы хотите помогать с такими дайджестами, напишите мне: @ilyabirman. В конце каждого поста будет ваше имя со ссылкой на сайт, если захотите.

Вторник, 13 марта

Продолжение многосерийного совета про принципы построения схем. Соответствие линий маршрутам:
https://bureau.ru/bb/soviet/20180313/

Стокгольмская схема на чёрном фоне — красивая:

Четверг, 15 марта

Пользователь «Же-же» Куиет написал о книге «Пользовательский интерфейс»:

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

Большой отзыв, с критикой:
https://cuiet.livejournal.com/499970.html

Частая ошибка студентов в дизайне приложений под айфон — рисовать табы вместо кнопок снизу:

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

Пятница, 16 марта

Читатели показывают, что в метро появляются новые указатели следующих станций. Их по-прежнему приходится читать справа налево, но они хотя бы красивые. А главное — здравый смысл победил, написано «На север», «На юг»! Я очень рад:

Суббота, 17 марта

В специальном канале «Бирман смотрит» смотрю работы прошедшей недели студентов Школы стажёров. За сегодня, завтра и послезавтра надо проверить около тридцати работ. Задание было — показать интерфейс мобильного приложения на нескольких экранах. Это учебный процесс, а не развлекаловка, но если хотите, можно подсматривать: https://t.me/ilyabirman_smotrit

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

Лёша Леняшин показывает замечательный тупняк:

«Форсквер офигенен. Запустил его, была слабая сеть, он сразу предложил удалить аккаунт нах. Оч разумно».

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

У Эпла, кстати, такая же хрень есть в Айтюнсе. Бывает, подключишь телефон к компьютеру, Айтюнс говорит «этот телефон corrupted, давайте его ресетнем полностью и переустановим на него Ай-ОС?». Телефон при этом лежит и чувствует себя прекрасно, просто айтюнс в очередной раз тупанул и почему-то не смог соединиться с ним чисто.

Добрался до проверки задания Вани Звягина. Он нарисовал красоту:

Подробно всё смотрю тут:
https://t.me/ilyabirman_smotrit

Воскресенье, 18 марта

Лев Владов обнаружил герб Мюнхена. Лев поясняет:

«Молись или пошёл нахуй!»

А Катя Долгова прислала обозначение туалета для тех, кто не определился с полом (ботсад Тель-Авива):

Всё-таки я не понимаю, что происходит в западном дизайнерском мире с подчёркиванием ссылок. С одной стороны, они там сто лет как забивают на подчёркивание против смысла и в угоду эстетике. С другой, они иногда всё-таки подчёркивают, и делают это максимально уродско:

Кто-то нарисовал такой стильный чистенький экран. Явно хороший дизайнер со вкусом. И такое ощущение, что на нижний абзац текста он другими глазами смотрел, которые не видят, какой со ссылками ад.

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

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

Всякий раз, когда предлагаете пользователю выбор, задайтесь простым вопросом: знает ли пользователь то, что нужно, чтобы это выбор сделать? Если не знает, есть ли это на экране?

Дайджест подготовил Шамиль.

Оказывается, это не компьютерная графика, а по-настоящему:

Вот:

1. What’s the waiter doing with the computer screen? Рисует маркером поверх. Важный урок для интерфейсных дизайнеров.
2. An intro to Machine Learning for designers. Списочек того, что сейчас уже можно делать.
3. Клиент в печали. Он прочитал комментарии. Ржу над списком примеров комментариев.
4. Слои пользы. Коля Товеровский вычитал, сколько раз нужно спрашивать «Почему?», когда тебе дают задачу.
5. Как быть нормальным. Женя Арутюнов объяснил.

Однажды в Википедии: Тератома