ilyabirman_channel | Blogs

Telegram-канал ilyabirman_channel - Канал Ильи Бирмана

13026

Заметки, советы, находки Чат для обсуждения тем из канала (офтоп нельзя): https://t.me/ilyabirman_chat_2 Классический заблокированный чат канала (там творится дичь): https://t.me/ilyabirman_chat Разместить рекламу: ilyabirman@ilyabirman.ru

Subscribe to a channel

Канал Ильи Бирмана

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

Читать полностью…

Канал Ильи Бирмана

Посетил музей метро в Берлине. Не лондонский, конечно, но жить можно. Покажу подробнее при случае.

Читать полностью…

Канал Ильи Бирмана

В поездках я пользуюсь сим-картой Дримсим, чтобы тыкать в интернет. Писал об этом пять лет назад, продолжаю пользоваться:
https://ilyabirman.ru/meanwhile/all/drimsim/

Если вы подключитесь по моей ссылке, мне перепадёт бабло.

Читать полностью…

Канал Ильи Бирмана

Юбилейный сотый выпуск рубрики!

О том, что программисту неплохо было бы не просто формально выполнять требования из ТЗ, но ещё и стараться понимать, откуда такие требования возникли и с какой бизнес-задачей связаны. Это может повлиять на решение. Заодно показываю, как очеловечить, упростить и переверстать форму. 8 минут:
https://www.youtube.com/watch?v=yTIrl1jnEHU

Приходите на курс, там кайф и польза. Следующий курс пройдёт с 27 мая по 25 июня. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/

Читать полностью…

Канал Ильи Бирмана

Бирман вдруг решил рассказать про кнопку:
https://bureau.ru/soviet/20230509/?utm_source=tg-s-s-090523

Читать полностью…

Канал Ильи Бирмана

Что если пропущенное обязательное поле — это не ошибка?

Такая вам мысль на ночь. Человек заполнил форму, нажал кнопку «Купить» или там «Пожаловаться». Но не заполнил какое-то обязательное поле. И мы ему говорим: «Ошибка! Заполни вот тут и вот тут».

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

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

Читать полностью…

Канал Ильи Бирмана

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

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

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

Читать полностью…

Канал Ильи Бирмана

Поучаствовал в подкасте «Фронтенд-уикенд». Наговорил полтора часа аж:
https://podcast.ru/e/3Nvl5B0bIea

Ютюб-версия:
https://www.youtube.com/watch?v=IxMjMljNDpM

В 15:35 начинается кусок про то, почему в Эгее нет Висивига и почему это очень сложно сделать. Теперь есть, куда посылать тех, кто говорит «просто возьми X». Послушайте, ну и если вы знаете, что именно я упускаю, расскажите.

А ещё в конце про проблемы современного айти. Если вы из айти, вероятно, вы часть проблемы!

Спасибо Андрею за приглашение.

Читать полностью…

Канал Ильи Бирмана

Нашёл у себя какие-то древние .psw- и .pxl-файлы. Это Pocket Word и Pocket Excel — зачем-то Микрософт делал отдельные форматы файлов для своих программ на карманных компьютерах. Чем их сейчас открыть — не представляю.

Пошёл искать конвертер. Нашёл! Да вот только это сгенерированная промостраница, а реально такого продукта нет. Всё написано про PSW, но форме загрузки файлов даже не знает такого формата.

Очень удобно!

Читать полностью…

Канал Ильи Бирмана

Видео по вторникам: микроанимации в Фигме

Небольшой видос про то, как сделать анимированное сердечко в Фигме:
https://www.youtube.com/watch?v=oOJ5StJr-pU

Сама анимация простенькая, но во второй части идёт полезный разбор того почему она была сделана именно таким образом. В частности, о разнице между ховером и маусэнтером и о том, как избежать ховер-эффекта сразу после клика (ведь курсор в этот момент по-прежнему над иконкой). Это всё полезно учитывать и при разработке.

Читать полностью…

Канал Ильи Бирмана

Запилили с Константином Чухломиным инструмент для сравнения дистрибутивов Эгей.

Это полезно для тех, у кого своя тема оформления или другие кастомные штуки: при обновлении нужно понимать, что изменилось в системных файлах, чтобы сделать аналогичные изменения в своих. Выбираешь, какие версии хочешь сравнить, и смотришь на интерактивный дифф по файлам:
https://blogengine.ru/compare/

В основе — программа Константина, которая берёт гит-репозиторий и генерирует статические файлы для сравнения любого тега с любым:
https://github.com/chuhlomin/diff

Читать полностью…

Канал Ильи Бирмана

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

Читать полностью…

Канал Ильи Бирмана

Ещё один спич про то, когда нужна, а когда не нужна визуализация. Например, визуализация иногда помогает выявить манипуляции с данными. 4 минуты:
https://www.youtube.com/watch?v=9pf94f8Mz7Q

Следующий курс пройдёт с 27 мая по 25 июня:
https://bureau.ru/courses/ui-online/

Читать полностью…

Канал Ильи Бирмана

Пример нарушения логики прямого влияния и принципа «Дай нажать» из Эпл-напоминалок.

Пытаюсь поставить напоминалку на 29 мая, пишу «29», а он пишет поочерёдно «02», «09». Что за чёрт? Потом понял, что там следом «02.2023», а в феврале 2023-го не было 29-го числа, вот он и не даёт такое вписать, дурила.

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

Про принцип «Дай нажать», там тоже есть пример с календарём:
https://ilyabirman.ru/meanwhile/all/let-me-click/

Читать полностью…

Канал Ильи Бирмана

Как рисовать карты и схемы для информирования о челябинском транспорте

Снял видеоурок для сотрудников челябинских транспортных ведомств, но полезно будет всем любопытным дизайнерам:
https://www.youtube.com/watch?v=KdSpM_JfDgw

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

Читать полностью…

Канал Ильи Бирмана

Сложа руки

Странное выражение — «сидеть, сложа руки». Почему сложа, а не сложив?

Читать полностью…

Канал Ильи Бирмана

Никита Прокопов недавно рассуждал о непредсказуемости форматирования текста на стыке форматов. Если поставить курсор между жирным и нежирным текстом и начать печатать, непонятно, как будет получаться, и главное на это нельзя повлиять:
/channel/nikitonsky_pub/477

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

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

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

Кстати на фото это вот мы с Никитой встретились на кофе щас как раз.

Читать полностью…

Канал Ильи Бирмана

Михаил Капанага показывает классный пример — визуализацию того, в какой футболке жарче на солнышке:
/channel/thisisnotatable/134

«Это могло быть таблицей формата „цвет / температура“, но сравнивать фотки с тепловизора гораздо интереснее, чем текст».

Визуализация даёт почти физическое ощущение ада в чёрной и тёмно-зелёной футболках. Интересно, насколько близки по цвету жёлтая и светло-зелёная, но насколько разные в них ощущения. С таблицей ощущения были бы не те, конечно.

Читать полностью…

Канал Ильи Бирмана

Все перепосчивают картинки из новой серии Гриффинов (1), где показывают типа Челябинск. Забавно тут то, что они нарисовали типичное американское одноэтажное захолустье (2+) — видимо, американскому автору даже в голову не пришло, что города в России в среднем куда более содержательны, чем в Штатах, он даже смотреть не стал, и просто перерисовал привычную картину более депрессивными цветами.

Читать полностью…

Канал Ильи Бирмана

Видео по вторникам: детальные предметы акварелью

Неверятно, как это вообще можно нарисовать:
https://www.youtube.com/watch?v=DGSqglrPadw

Читать полностью…

Канал Ильи Бирмана

1. Я скачал песенку с Ютюба в Айтюнс. Если вы так не умеете, то программа 4K YouTube to MP3 вам в помощь.

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

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

Но Эпл не был бы Эплом, если бы не сломал это. К счастью, start он пока уважает, и поэтому трек начинает играть как только я жму плей. Но вот на stop он теперь плевать хотел и играет лишний мусор в конце как ни в чём не бывало.

3. Но при этом время в панельке сверху останавливается на 3:20! То есть какие-то ошмётки кода, который за это отвечают, всё-таки как-то пытаются работать. Современное айти эт итс бест.

Читать полностью…

Канал Ильи Бирмана

Очень нравятся таблички Лего с перечнем деталей в наборе. В третьей колонке плоская 2 на 10 распирает всю колонку, но даже это не портит ощущение.

Читать полностью…

Канал Ильи Бирмана

Бжж-бжж

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

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

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

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

Читать полностью…

Канал Ильи Бирмана

Объясняю по элементам, что не так с вёрсткой, почему она выглядит не очень. А ещё есть путаница с ролью элементов: то ли там заголовок, то ли переключалка какая-то. Заодно касаемся темы различий между вкладками и переключалками. 4 минуты:
https://www.youtube.com/watch?v=yj5dFy9HQ-Y

Следующий курс пройдёт с 27 мая по 25 июня:
https://bureau.ru/courses/ui-online/

Читать полностью…

Канал Ильи Бирмана

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

Если не видели, вот видос, где рассказываю, что у них общего, чем отличаются, как выбрать и как комбинировать:
https://www.youtube.com/watch?v=50ES3a5kuzw

Читать полностью…

Канал Ильи Бирмана

Каждый раз, когда я пишу «Микрософт», кто-нибудь да удивляется в комментриях. А я, между прочим, ещё 15 лет назад всё объяснил:
https://ilyabirman.ru/meanwhile/all/microsoft-pioneer/

Читать полностью…

Канал Ильи Бирмана

Я не знаю, что вам ответить

Иногда мне пишут письма в духе: «Мы такие-то такие-то, вот два абзаца про нас. Давно следим за вашей работой, читали книжку. В этом году мы планируем что-то там. Хотели бы с вами посотрудничать.»

И всё. Ни вопроса, ни предложения. И я не понимаю, что делать. Игнорировать письмо вроде невежливо, люди же написали, причём явно именно мне. Написать в ответ «А что вы хотите-то?» тоже звучит грубовато.

Чтобы ответить нормально, нужно прям сесть и придумать ответ. Из-за этого такие письма неделями лежат в инбоксе.

Урок такой: когда пишешь кому-то письмо представь, каково ему будет отвечать. Если, конечно, ты хочешь ответ получить в обозримом будущем.

Читать полностью…

Канал Ильи Бирмана

Что делать в Берлине 11—16 мая?

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

Читать полностью…

Канал Ильи Бирмана

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

Пост в блоге:
https://ilyabirman.ru/meanwhile/all/tight-ui-pizza-ingredients/

Читать полностью…

Канал Ильи Бирмана

Хорошая новость — наша с Алексеем Блиновым программа Эмси заработала в Вентуре. Если вы не знали, что такое Эмси, узнайте:

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

Эмси всегда на виду. Название песни не скроллится взад-вперёд, а стоит на месте.

В выпадающем меню — управление воспроизведением. Альт-клик по меню мгновенно перематывает трек в нужную точку.»

Купить за 99 рублей:
https://apps.apple.com/ru/app/emcee-for-music/id408774844?l=en&mt=12

Читать полностью…
Subscribe to a channel