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

30 June 2023 18:05

В процессе обсуждения одной внутренней задачки вспомнили вечный совет Ильи Бирмана о методе предложений. Вспомните и вы:
https://bureau.ru/soviet/20140408/

Написан в 2014 году и всё ещё божественно прекрасен. Покажите знакомым юиксерам.

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

29 June 2023 22:02

В аудио по четвергам сегодня такой вот крепкий Увэлл (?), от которого срочно хочется в Бергхайн. На одном дыхании:
https://ilyabirman.ru/meanwhile/drafts/uvall-segment/

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

29 June 2023 13:30

🔴 Запись мастер-класса Ильи Бирмана о «взгляде новичка» в интерфейсе

Запись в Ютубе:
https://youtu.be/k8hjctXC1Fk

https://bureau.ru/courses/ui-online/ — практический курс Ильи Бирмана «Пользовательский интерфейс и представление информации»

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

28 June 2023 21:01

1. Вот такие вот утоньшения, возникающие из-за скругления элементов на всю ширину экрана, смотрятся фигово.

2. Реально-то там будет чёрная рамка телефона, а не зелёный фон, и получатся какие-то колючие обрезки, как будто ребёнок забыл выкинуть бумагу после вырезания.

3. Вот если бы скруглённая часть была светлой, а фон тёмной, смотрелось бы нормально.

(Случайная картинка из Пинтереса.)

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

28 June 2023 12:13

В предыдущем сообщении — голосовой комментарий вот к такой картинке, которую прислал Хаотик Нютрал, когда я приглашал присылать работы для получения голосовых советов.

Хаотик Нютрал пишет, что это редизайн сервиса Варламова «Паствю», и утверждает, что будет признателен за фидбек.

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

27 June 2023 08:43

Памяти скеоморфизма посвящается. Откопал у себя в бекапах-архивах папку скриншотов 4-го Айфона, когда впервыве появилась ретина.

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

26 June 2023 15:17

Многие дизайнеры думают, что тормозной интерфейс — это из-за программистов. Но на самом деле ощущение быстроты в большей степени создаётся именно качественным дизайном. Если дизайнер нарисовал макет с шагом «Подождите...», то вся тормознутость будет сконцентрирована в нём. А работа дизайнера — придумать, как распределить ровно то же вычислительное время по другим шагам, чтобы пользователь тормозов не заметил. 4 минутки:
https://www.youtube.com/watch?v=GBj17b4l10s

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

Ближайший курс пройдёт с 1 по 30 июля. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/

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

24 June 2023 17:14

Олег Андреев поделился фоточкой. Видите, под каждой иконкой про неё что-то написано? Ха-ха, а вот и не про неё! Это просто текст на пяти языках, а иконок тоже пять, но с текстом они никак не связаны.

Это стандартная проблема, когда соседние, не связанные по смыслу этажи кажутся связанными из-за одинаковой сетки. Рассказываю про это на курсе в теме «Близость»:
http://bureau.ru/courses/ui-online/

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

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

23 June 2023 09:17

В предыдущем сообщении — голосовой комментарий вот к такой картинке, которую прислал Лёве, когда я приглашал присылать работы для получения голосовых советов.

Лёве пишет: «Каждый год математическая школа заказывает у меня вариацию их логотипа для своего летнего лагеря. В этом году сделал пирамидки, но ощущение, что логотип разваливается. Что с этим сделать?».

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

21 June 2023 15:47

Вчера вышел совет про калининградскую схему:
https://bureau.ru/soviet/20230620/

Его заметил Владимир Титов из Мостранспроекта, очень приятно:
/channel/Titovmos/625

И тут я вспомнил, что самые крутые схемы Калининграда — это вот эти из 1990 года, особенно троллейбусная. Скриншот — из моей книги о дизайне транспортных схем:
https://bureau.ru/books/metro/

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

21 June 2023 09:53

СР 28 июня 20:00 мск — бесплатный мастер‑класс Ильи Бирмана о «взгляде новичка» в интерфейсе

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

В конце мастер‑класса — сюрприз!

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

Мастер‑класс будет полезен тем, кто проектирует, учится или подумывает научиться проектировать интерфейсы. Пройдёт в Зуме.

Записаться на мастер‑класс

Эта и другие новости на сайте бюро:
https://bureau.ru/news/2023/june-masterclasses-birman/

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

20 June 2023 16:29

Сегодня — день видосов с моим бубнежом! Обещаю, на сегодня это последний видосик, и он малюсенький.

Небольшой спич про то, почему вообще интерфейс не обязательно должен быть хорошим, но на курсе по интерфейсу — обязательно. Две минуточки:
https://www.youtube.com/watch?v=3fzeLHVhvy0

Приходите на курс о пользовательском интерфейсе, он очень классный, и все уходят довольными. Ближайший курс пройдёт с 1 по 30 июля. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/

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

20 June 2023 10:18

Екатеринбургская лекция про полезные сайты

Непонятно, как так получилось, что я не выкладывал такую вот лекцию про полезные сайты:
https://www.youtube.com/watch?v=zsyfdOkaSi4

00:00 Интро
19:57 Часть 1. Лучше рассказать о продукте
40:09 Перерыв
50:08 Часть 2. Повысить доверие
1:43:18 Вопросы

Ещё непонятно, почему у меня там голос дрожит. Зато лекция важная! Поделитесь с коллегами обязательно.

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

18 June 2023 21:45

В предыдущем сообщении — голосовой комментарий вот к такой картинке, которую прислал Михаил, когда я приглашал присылать работы для получения голосовых советов. Кстати, войсы удобнее всего слушать на полуторной или двойной скорости.

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

17 June 2023 19:01

Во-вторых, интересно сделана маленькая, минутная шкала. У неё есть сплошная обводка, и она вырезает из секундной дырку, нагло закрывая куски пятёрок. Длинными сделаны деления, кратные пяти, но не десяти; а вот деления, кратные десяти сделаны, снова, чуть жирнее и подписаны числами. Шрифт немного другой — посмотрите на двойку, — но явно нарисован той же рукой.

В-третьих, на нём есть пиктограмма секундомера! Я не могу найти этому никакого объяснения, кроме как «не придумали, чем заполнить пустоту», но выглядит хорошо.

Ах да, Made in USSR написано по-английски.

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

30 June 2023 10:02

Вышли очередные три главы книги Designing Transit Maps — английской версии «Дизайна транспортных схем»: Geometry, Orientation, Scope.

Новость на сайте бюро на английском:
https://bureau.ru/news/2023/book-metro-geometry-orientation-scope-en/

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

Английская книга выходит сразу с мобильной версией.

Скиньте англоговорящим коллегам.

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

29 June 2023 14:52

1. Одна из детских ошибок в дизайне транспортных схем — зафигачить огромную полосу с заголовком. Это почти гарантированный признак того, что вся схема сделана без любви. Это вот Лос-Анжелес какой-то новый.

2. Как минимум можно было бы этот заголовок в свободный угол поставить просто.

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

29 June 2023 06:36

Печать британской программы космической отрасли от команды Айва

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

28 June 2023 18:20

В 20:00 мск (это через 40 минут) я проведу бесплатный мастер-класс на тему «Взгляд новичка». Это одна из тем моего курса. Расскажу, о чём речь, и покажу разные примеры того, как связанные с ним принципы используются в хороших интерфейсах. Ну и как плохие (как на рис. 2) сделать получше с их помощью.

Пройдёт всё в зуме:
https://us06web.zoom.us/j/84098173817?pwd=QWJ1QklaWG9hWjJWMVRvNHZYL0lIZz09&utm_source=tg-n-c-junemc-110523

Вроде как надо записаться в новости на сайте бюро:
https://bureau.ru/news/2023/june-masterclasses-birman/

Репостните куда-нибудь туда, где это может быть интересно.

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

28 June 2023 08:35

Прокрутка клавиатурными стрелками в Вентуре

Я заметил, что в Макосе Вентуре прокрутка стрелками на клавиатуре стала работать очень плавно, чего нельзя было сказать о прошлых системах.

Речь о документах для чтения, где нет курсора. По идее однократное нажатие на стрелку вниз или вверх должно прокручивать документ на одну строку. Но что такое «одна строка», когда в документе, например, веб-странице, используются разные шрифты, иллюстрации и видео? Это некоторая условность, типа, один сантиметр. Не на пиксель же прокручивать!

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

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

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

26 June 2023 17:49

Проверка на аудиофила

Ха-ха, попались! Или нет? «Если вы этого не слышите, вы не аудиофил»: https://www.youtube.com/watch?v=48PxwspDvrE

Посмотрите и послушайте, а потом читайте дальше, а то там спойлеры.

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

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

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

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

25 June 2023 12:38

Выложил рассказ о проекте, который сделал в 2019 году — дизайн интернет-магазина «Дом Тома»:
https://ilyabirman.ru/dom-toma/

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

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

24 June 2023 11:06

Самый тупой шаблон для мемов

Самый тупой шаблон для мемов:
— X
— Ты хотел сказать Y?
— Нет.

Обычно в X содержится какой-то плохой каламбур. Плохой, потому что сам по себе он не очень считывается. Именно поэтому нужен Y, чтобы объяснить, про что каламбур из X. Например:
— Пригожая Россия будущего.
— Ты хотел сказать «прекрасная»?
— Нет.

Содержательно всё сказано в первой реплике, но автор шутки настолько в ней неуверен, что решает её объяснить во второй реплике. Типа,«пригожая — это примерно как хорошая, а хорошая — это почти прекрасная... ну, понимаете?..» Объяснение убивает даже хорошую шутку, а в случае с плохой результат совсем жалкий.

Придумал каламбур — публикуй без говна вокруг.

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

22 June 2023 15:52

Может, не все видят красоту?

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

И тут недавно у меня вдруг сверкнула мысль: а может просто большинство людей слепые и не видят нихера? То есть мне просто раньше не приходило в голову, что, может, мужчины смотрят на красивых женщин и не видят красоты?..

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

Может, мне просто повезло, что я вижу и так?

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

21 June 2023 11:18

Незамкнутость интерфейса полотенцесушителя

На старом полотенцесушителе у меня был только выключатель, а на новом — целых три кнопки. Нижняя включает и выключает, средняя выбирает температуру, а верхняя — время работы. Температура последовательно выбирается из низкой, средней и высокой, а время — из ∞, 2, 4 и 6 часов. Внимание, вопрос: как работает выбор времени?

Допустим я выбрал 4 часа. Захожу через три часа в ванную, а полотенце ещё мокрое. Думаю: «надо подольше посушить», и переключаю на 6 часов. В какой момент время пошло? Стали ли сейчас заново отсчитываться шесть часов или предыдущий таймер продлился на час? Если продлился, то что будет, если я долистаю до 2 часов?

Незамкнутость откуда не ждали! Обычно такие интерфейсы придумывают начинающие дизайнеры, но их не берут в работу, потому что уж инженер-то понимает, что в интерфейсе нет внутренней логики.

Кстати, нагородили целых три кнопки, но при этом режима «всегда работать на низкой температуре, но когда надо включать „буст“ на 2 или 4 часа» — нет.

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

20 June 2023 19:29

Немного о качестве современного эпловского софта. На свежеустановленной системе запускаешь приложение «Часы», и оно открывается вот так, с прокруткой. Часы чуть-чуть не влезают в приложении «Часы».

Это пример косяка, который в бюро не то, что до релиза не должен доходить, такого даже дизайнер не должен видеть, потому что ну ни один разработчик не способен такое говно оставить. И это не какой-то эзотерический экран приложения Audio MIDI Setup, о существовании которого большинство пользователей не догадываются; нет, это главный экран, которым встречает одно из новых приложений системы!

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

20 June 2023 14:05

Давненько Бирман не рассматривал транспортные схемы, ну и вот:
https://bureau.ru/soviet/20230620/?utm_source=tg-s-s-200623

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

20 June 2023 07:47

Кулер на Вижене-про

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

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

18 June 2023 13:48

Про айтрекинг на Маке

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

В 2010-м году у Эпла был ивент под названием Back to the Mac. Кучу разных изобретений с Айфона они принесли на Мак — после этого на Маке, например, исчезли постоянные полосы прокрутки, появились инерция и отпружинивание. Так что ждём через три года следующего Back to the Mac, когда всякие волшебства с Вижена станут доступны и без него.

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

17 June 2023 19:01

Дизайн советского секундомера

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

Хочу обратить ваше внимание на три вещи, связанных с дизайном циферблата.

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