Блог Ильи Бирмана

На курсе: меняем табы на переключалку и настраиваем вёрстку

Илья Бирман — Tue, 05 Jul 2022 13:58:10 +0500

Участник нарисовал аккуратный интерфейс заправки. Но мы делаем его ещё лучше, меняя некоторые мелочи. 9 минут:

00:00 Превращаем вкладки слева в элемент выбора
03:34 Не выровнять ли кнопки цифровой клавиатуры с полем ввода?

Это фрагмент № 67 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 декабря 2021 года

До 22 июля идёт запись на курс, который пройдёт с 23 июля по 21 августа

Почитать о курсе

Программа, отзывы, запись

Репетиция 5-й симфонии Малера с Василием Петренко

Илья Бирман — Fri, 01 Jul 2022 16:51:44 +0500

Найдена репетиция 5-й части 5-й симфонии Малера:

Очень интересно, но если вам влом смотреть все сорок минут, посмотрите хотя бы самый финал, с 35:00. 36:18 That should be excitement that just about one page left. 38:08 Percussions! May I listen what happens in your life? Как кайфово тут услышать ударные отдельно. 39:30 А тут струнные отдельно! 39:50 А тут только контрабасы и виолончели вообще (что-то ему у них не понравилось). 40:19 Firsts, seconds, please! А тут только скрипки. И потом всё вместе. 41:06 Вместо апплодисментов — Let’s remember how it starts.

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

Как исправлять ошибки в письмах

Илья Бирман — Sat, 25 Jun 2022 19:11:13 +0500

Допустим вы написали коллеге письмо, которое надо не просто прочитать, а ещё что-то там сделать. Вы всё подробно объяснили, дали нужные инструкции и ссылки. Отправили. А потом понимаете, что отправили не совсем то! Ссылку перепутали или дедлайн забыли указать. Что делать?

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

Намного круче — прислать полноценное второе письмо с темой «Исправленная задача такая» и таким заходом: «Слушай, я в прошлом письме перепутал ссылку, удали его, пожалуйста! Ниже всё целиком ещё раз, перепроверил. Заодно дедлайн указал. Чмоки». Теперь старое письмо можно удалить и ни о чём не думать!

Запись дня открытых дверей в школе бюро (апрель 2022)

Илья Бирман — Mon, 20 Jun 2022 18:50:05 +0500

Запись дня открытых дверей в школе дизайнеров бюро, который был весной:

Можно просто аудио слушать на полуторной скорости.

Набор идёт постоянно, но чем раньше поступишь, тем больше баллов за вступительное задание и тем меньше стоимость, так что лучше поступать раньше. Из деканата ещё просят передать, что если будут какие-то проблемы с оплатой, писать сюда: school@bureau.ru.

Покажите знакомым, которые хотят поучиться дизайну.

Запись дня открытых дверей в школе бюро (июль 2021)

Илья Бирман — Sat, 18 Jun 2022 15:02:10 +0500

Оказывается, я забыл выложить запись с позапрошлого дня открытых дверей в школе дизайнеров бюро, который был ещё прошлым летом:

00:00 Приветствие
05:11 Чему учат в школе и что значит «быть дизайнером»
13:50 Программа школы и ступени
41:44 Как взаимосвязаны ступени и сроки поступления
49:35 Оплата и бесплатные места
1:01:20 Подготовительные курсы
1:18:02 Бонус-трек: о доступности в интерфейсе
1:30:17 Ответы на вопросы

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

Покажите знакомым, которые хотят поучиться дизайну.

Скоро опубликую ещё один, более новый и злободневный, но можете пока этот послушать.

Аудио по четвергам: Make it Hot

Илья Бирман — Thu, 16 Jun 2022 14:00:17 +0500

Кто бы мог подумать, что Диджей Грув до сих пор пишет какую-то весёлую музычку. В данном случае под псевдонимом «Евург»:

Evoorg: Make It Hot

А особые ценители деталей заметят, что радостный голосовой сэмпл, вступающий в 0:31, немножко дружит с сэмплом из трека Жизнь — это танцы с альбома «Счастье есть» 1996 (!) года.

Саундклауд

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

Потрогали — включи

Илья Бирман — Tue, 14 Jun 2022 02:10:20 +0500

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

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

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

Разумеется, это только предположение, и пользователь может вернуть всё как было: отключить будильник, отказаться от уведомлений, убрать приложение из Дока.

Иногда наше предположение может зависеть от того, как именно человек что-то настроил. Большинство телевизоров выходят из немого режима (mute, когда звук отключён), как только человек попытался отрегулировать громкость. Логично: если ты её регулируешь, явно она тебе какая-то нужна, и надо, чтобы ты слышал, какая она получается. Но я помню, что у родителей когда-то был телевизор, в котором это работало не так. Звук включался только если ты прибавлял громкость. А если убавлял, на экране рисовался индикатор уменьшающегося уровня громкости, но и зачёркнутый динамик тоже. Логика тут была следующая. Предположим, у тебя было очень громко, когда ты выключил звук, и с тех пор кто-то уснул. Ты хочешь вернуть звук, но тихонечко. При традиционной логике ты никак не можешь вернуть тихий звук, сначала он хотя бы на пару секунд будет громким. А на этом родительском телевизоре можно было сначала убавить «на глазок» до низкого уровня, и только потом размьютить. Кто-то подумал!

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

Красота

Илья Бирман — Fri, 10 Jun 2022 15:40:12 +0500

Когда ты дизайнер и публично заморачиваешься деталями, тебе со временем начинают сочувствовать: «Ого, наверное для тебя вообще невыносимо смотреть на такой несовершенный мир вокруг!» Некоторые пишут мне, мол, прочитал у тебя про то-то, и теперь постоянно замечаю это в интерфейсах, вёрстке, вывесках, знаках; жизнь — боль! Люди считают, что я ежедневно страдаю, видя, как кто-то неправильно погнул линию на схеме или плохо настроил кернинг в шрифте.

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

3-я симфония Брамса и хорошее настроение

Илья Бирман — Fri, 10 Jun 2022 11:56:54 +0500

Когда 3-я симфония Брамса доигрывает до этого места:

Johannes Brahms: Symphony No. 3 — IV. Allegro

на первых семи нотах в моей голове звучат семь слогов: «улыбка без сомненья». Хотя правильно восемь: «и улыбка без сомненья»:

Анатолий Лепин, Вадим Коростылев, Владимир Лифшиц и Людмила Гурченко: Песенка о хорошем настроении

Всем хорошего настроения!

Что послушать — 55

Илья Бирман — Sun, 05 Jun 2022 23:16:15 +0500

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

Вот что я слушал в последнее время, что мне понравилось:

Jason Fried, 37 Signals, Marketing by Sharing. Старый доклад Джейсон Фрида, который я не слышал.
Джон Грубер и Бен Томпсон. С 1:08:14 начинается обсуждение виара и эйара, которое я нашёл интересным.
Наваль про компромисс и ограниченность ресурсов. Вообще, там выпуски по две-три минуты в основном, рекомендую слушать всё подряд.
Илья Осколков-Ценципер и Александра Десенко в подкасте «Хантфлоу-инсайт». Классные ребята!
Российские мультики самые популярные в мире. Кто их делает? И сколько они зарабатывают? Если в патриотизме и может быть что-то хорошее, то это где-то тут.

Аудио по четвергам: Mute Everything

Илья Бирман — Thu, 26 May 2022 17:10:40 +0500

А как вам такое японское техно?

Risa Taniguchi: Mute Everything

Саундклауд

Главы «Изменения в маршрутной сети», «Электронные схемы», «Стандартизация» пятой части книги «Дизайн транспортных схем»

Илья Бирман — Wed, 18 May 2022 10:43:39 +0500

Вышли заключительные главы моей книги «Дизайн транспортных схем». Видосик:

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

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

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

Изменения в маршрутной сети

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

Электронные схемы

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

Стандартизация

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

Подписка на книгу

См. также:

На курсе: исследование о тексте в интерфейсе Эпла (1980-е)

Илья Бирман — Mon, 16 May 2022 12:26:35 +0500

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

Это фрагмент № 66 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 декабря 2021 года

До 20 мая идёт запись на курс, который пройдёт с 21 мая по 19 июня

Почитать о курсе

Программа, отзывы, запись

Разрешение на работу

Илья Бирман — Sun, 15 May 2022 14:02:38 +0500

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

Как вообще определяется «работа»? Окей, если я пришёл в английскую компанию, хожу в офис в Лондон и получаю зарплату в английском банке, то вроде всё понятно, трудно это трактовать иначе как работу в Англии. А если я приехал в Лондон и работаю из коворкинга на компанию из Берлина, а деньги получаю на счёт в Австралии?

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

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

Платные фичи Эгеи

Илья Бирман — Sat, 07 May 2022 21:15:38 +0500

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

Платные пользователи иногда спрашивают, почему что-то не работает или просто где найти эти платные фичи. Отвечаю в одном месте.

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

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

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

Поля для аналитики. В настройке есть поля для вставки кода Гугль-аналитики, Яндекс.Метрики, просто заполняете и всё.

Популярное по тегу. Лента тега начинается с галереи самых популярных заметок по этому тегу. Работа этой фичи зависит от того, много ли заметок по тегу и много ли статистики о популярности накопила Эгея.

Галерея популярных заметок отображается на 404-й странице. Работа этой фичи зависит от того, много ли статистики о популярности накопила Эгея.

Кнопка «Подписаться». Можно добавить кнопку «Подписаться», которая откроет окно со списком ссылок на соцсети, куда вы транслируете блог. Эта фича требует доступа к файлам на сервере. Если у вас сервис, а она вам нужна, напишите мне.

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

Двусмысленное кодирование: кнопки смыва

Илья Бирман — Wed, 04 May 2022 03:00:44 +0500

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

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

«А, а не Б» по-английски

Илья Бирман — Mon, 02 May 2022 17:20:10 +0500

Я нормально говорю и пишу по-английски, но долгое время фигово выражал мысль «А, а не Б». Я говорил: «A but not B» или «A and not B». Мне самому не нравилось: коряво и по-русски, но не хватало ума сказать лучше.

А потом я приучился к «A rather than B». Понятно, что я это миллион раз слышал, но нужно было сделать специальное усилие, чтобы на автомате использовать эту конструкцию. И теперь всё: преобразование происходит автоматом.

Вот нужно было мне сейчас написать «Выбрать копию, а не оригинал». И я пишу «Select the copy, and n...», и тут же стираю и дописываю нормально: «rather than the original».

На курсе: живые спарклайны в таблице

Илья Бирман — Mon, 02 May 2022 13:18:05 +0500

Обсуждаем, как многократно повысить информативность таблицы, добавив спарклайны. Добавляем им интерактивности. Смотрим на примеры у Тафти. 7 минут:

0:00 Просто спарклайны
2:49 Живые спарклайны
5:10 Тафти про спарклайны

Это фрагмент № 65 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 26 ноября 2021 года

До 20 мая идёт запись на курс, который пройдёт с 21 мая по 19 июня

Почитать о курсе

Программа, отзывы, запись

Ноль и нуль

Илья Бирман — Mon, 02 May 2022 03:03:24 +0500

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

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

На курсе: вопросы клиента к интерфейсу кассы самообслуживания

Илья Бирман — Sat, 23 Apr 2022 01:28:22 +0500

Дизайнер задизайнил интерфейс кассы самообслуживания. Он вызывает вопросы! Рассуждаю о том, чем дизайнер за 20 тыщ рублей отличается от дизайнера за 2 млн рублей. 9 минут:

0:00 Слишком легко незаметно красть товары
4:58 Откуда возьмутся такие красивые фотографии булочек

Это фрагмент № 64 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 8 октября 2021 года

До 20 мая идёт запись на курс, который пройдёт с 21 мая по 19 июня

Почитать о курсе

Программа, отзывы, запись