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

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

В Школах бюро идёт неделя абитуриента. У нас скоро заканчивается набор в 19-й поток, и мы активно призываем всех в него успеть:
https://bureau.ru/news/2024/school-19enroll-studentsweek/

Также у меня сегодня будет мастер-класс — это такой эфир в Зуме:
https://bureau.ru/news/2024/january-masterclass-birman/

Поделюсь своими наблюдениями, связанными с эстетикой интерфейса, и покажу пару простых приёмов, которые сделают любой интерфейс приятнее на вид. Заодно расскажу, как проходит курс «Пользовательский интерфейс и представление информации».

Запишитесь там по ссылке, оставив свою почту.

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

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

Интервью с Тимом Куком, Элоном Маском и Джеффом Безосом, а также просветлённый парень и лекция о делании продукта. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-70/

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

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

Автомобильная навигация одним предложением

Я редко пользуюсь навигатором — хорошо знаю город, да и редко езжу в загадочные места. А ради выигрыша пары минут на пробках лень даже тыкать в телефон. Но недавно у меня добавилась регулярная поездка, длительность которой может быть от 20 до 50 минут в зависимости от выбора маршрута в конкретное время дня. Пришлось приучиться к навигатору.

Теперь я хочу специальный навигатор, который не рисует никакие карты, а просто говорит одним предложением, как мне ехать прямо сейчас: «Езжай через плотину — Гостевую» или наоборот «Щас лучше по Университетской набережной, потом развернуться и на Северную — Тополиную — Татищева». Всё, больше ничего не нужно.

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

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

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

Недавно я выложил на сайте рассказ о дизайне сайта компании «Альфа-Медикал». Теперь снял про него более подробное видео:
https://www.youtube.com/watch?v=xaEn82FX64A

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

00:00 Интро и что за компания «Альфа-Медикал»
03:46 Схема «Вы — Мы» — визуализация роли компании
04:24 Информативное главное меню сайта
05:02 Приёмы управления вниманием в большой текстовой странице
05:57 В основе сайта — ситуации
07:44 Этаж про деньги
11:06 Работа над текстом и согласование с клиентом
11:51 Котекстные отзывы как ещё один способ разнообразить подачу
12:49 Этаж про компетентность
13:23 Плавающая кнопка с телефоном
14:02 Страница ситуации
19:24 Шаблонизация и переиспользование текста в ситуациях
21:36 Зачем каждой ситуации нужна своя страница: забота и сео в одном
23:01 Страница «Команда» тоже не про команду, а про клиента
24:52 Страница «Контакты» помогает решиться обратиться в компанию
26:10 Мобильная версия — полноценная, и даже меню не спрятано
26:54 Итоги и как поработать со мной

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

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

Красоты на ночь. Шрифтовики решили сделать шрифты на основе почерков погибших во время хамасской резни:
https://www.ot-hayim.co.il

На картинке — самый красивый из них как раз.

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

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

Думаем дальше № 6 — «Красиво разлетаются брызги по твоей мисочке» с Никитой Прокоповым

С Никитой Прокоповым обсудили, что две главные фичи нового Макоса, виджеты и видеообои, сделаны через жопу.

0:00 — Мы теперь в Яндекс Музыке и Ютюбе! Там всё через жопу
3:59 — [Фолоу-ап] Терминал — это кросс-платформенность
6:54 — Никита не может поверить, что в браузере работает выделение текста
8:26 — 512pixels.net и музеи интерфейсов
10:28 — Поднять шум эффективнее, чем починить
15:53 — Как Макос расставляет иконки на десктопе
19:57 — Виджеты в новом Макосе взорвали десктоп
30:37 — Чем был хорош классический Дашборд на Маке
35:50 — Как появились виджеты в Центре уведомлений
37:47 — Новые виджеты — шаг в правильном направлении, но надо шагать дальше
43:03 — Видеообои в новом Макосе сделаны через жопу
49:28 — Как надо было сделать видеообои? Кстати, в Айфоне тоже всё плохо
56:11 — Никите не нравится, что поле пароля потерялось на локскрине, а Илье — что оно поддельное
1:00:53 — Никита учит делать рандомные обои через Unsplash wallpaper
1:04:44 — Так как надо было сделать видеобои?..
1:07:44 — Всё потому, что вместо живых презентаций у Эпла теперь рендеры
1:15:02 — Как Джейсон Фрид презентует продукты Хей
1:19:04 — Как Илья снимает лекции для бюро, как хранит сотни примеров и почему не пользуется тегами в Файндере

Все выпуски на разных платформах:
https://thinkon.mave.digital
https://podcasts.google.com/feed/aHR0cHM6Ly9jbG91ZC5tYXZlLmRpZ2l0YWwvNTE3MjQ=
https://music.yandex.com/album/29069497
https://www.youtube.com/playlist?list=PLl7kvlp_qh0j9uzQGU2ws4DkBWdbjY1_d

РСС, чтобы подписаться в подкастном приложении:
https://cloud.mave.digital/51724

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

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

Читатель Сева показывает, что Эпл сошёл с ума и решил обращаться к пользователю на «ты».

Отдельно замечу, что «создать пару» — это чудовищный русский язык.

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

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

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

На картинке — программа курса.

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

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

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

Дальше разгребаю фрагменты интерфейсного курса, дошёл до 125-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-125/

От № 101 до № 125 — свежедобавленное, посмотрите.

Если всё смотреть лень, особенно рекомендую № 102 про выравнивание цифр в таблицах (вечные сложности у всех), № 107 про ощущение быстроты в программе, № 115 про мир пользователя и № 118 про обозначение обязательных и необязательных полей (тоже вечные сложности).

Идёт запись на февральский курс:
https://bureau.ru/educenter/ui-online/

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

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

В продолжение темы того, что знания теряются. В 391-м выпуске «Ток-шоу» Джона Грубера Джон Сиракьюса описывает свой опыт использования нового приложения «Журнал» на Айфоне (с 1:27:44):
https://daringfireball.net/thetalkshow/2023/12/23/ep-391

Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»

Плачем вместе.

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

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

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

1. Мне показывают скриншот, реально ничего нет. От безысходности спрашиваю: «Что прячется за многоточием?»

2. Мне говорят: «О, там описание, спасибо!» Яндекс, ты с какой планеты упал, где за таким многоточием описание прячут? Там пользователь ожидает интерфейсы типа «добавить в избранное», «скачать», а не описание. Посмотри плиз лекцию «Привычка» у меня.

При этом показывается только начало описания. Я спрашиваю: «А таймкоды-то он [Яндекс] куда дел? Ещё и „Далее“ надо нажать?»

3. Мне присылают следующий скриншот: «Ух ты, там ещё и таймкоды есть!» И это при том, что это не первый подкаст у человека, просто он до меня вообще не знал, что такое есть.

Вы со своими дизайн-исследованиями совсем охренели и интерфейс не можете нормальный сделать.

4, 5. Посмотри, Яндекс, пожалуйста, как выглядят подкасты здорового человека. Не показывать описание — это просто какой-то мрак и моветон. Гмейл изобрёл показывание первой строчки письма прямо в списке писем лет двадцать назад. Это делает хоть Оверкаст, хоть встроенное приложение Эпла.

И посмотри мою лекцию «Информативность» ещё, пожалуйста.

И вы ещё спрашиваете, почему я подкасты на Яндекс Музыке не слушаю. Я что, больной что ли? Пусть они сначала разберутся хотя бы в общих чертах, что такое подкасты, как ими люди пользуются.

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

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

Смотрите, нас тут спросили про ворк-лайф-баланс:
https://awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out/

Если приходится искать баланс, вы уже делаете что-то не так.

Женя Арутюнов примерно про то же, что и я, но явно лучше подготовился и аж с картинками выступил! Женя, привет.

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

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

Снял вам кино про то, почему 0,(9) = 1. Казалось бы, это ж и так понятно? Но люди продолжают зачем-то об этом спорить, а некоторые — доказывать. Но доказывать тут нечего, некоторым людям просто не хочется в это верить. Поэтому я пробую помочь поверить:
https://www.youtube.com/watch?v=DGG0bjpg9g0

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

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

Клёвая картинка Эпла про китайский Новый год.

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

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

Как корпорации всех поработят без государства

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

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

«Technology needs to be regulated», — говорит Тим Кук.

«I’m increasingly inclined to think that there should be some regulatory oversight», — говорит Элон Маск.

«I think if this technology goes wrong, it can go quite wrong ‹...› We want to work with the government to prevent that from happening», — говорит Сэм Альтман.

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

Государства — лучшие друзья корпораций.

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

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

У «Букинга» слишком много лишних слов, да ещё и по форме весь этот зоопарк не согласован.

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

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

Что делать в Дубае и Абу-Даби в конце февраля?

Пришло время для традиционного вопроса.

Что делать в Дубае и Абу-Даби в конце февраля? Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? Какие есть максимально попсовые развлечения типа «подняться на крышу небоскрёба» или «покататься с горки в бассейн»? А непопсовые? Может, там есть какой-нибудь крутейший музей арабского искусства?

Буду там первый раз, не имею даже примерного представления ни о чём. Так что будут полезны советы типа как добраться из аэропорта DWC, как перемещаться между Дубаем и Абу-Даби, как пользоваться транспортом, где менять деньги и всё остальное такое базовое.

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

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

Гениальный ход — продавать интимную смазку бочками по 200 литров. В таком объёме никто не купит, но зато все будут пересылать друг другу ссылку для ржаки (и постить в бложиках), а там и на более вменяемый объём переключиться недолго:
https://www.ozon.ru/product/menu-200-litrov-intimnaya-gel-smazka-na-vodnoy-osnove-dlya-muzhchin-zhenshchin-i-lyubyh-par-198529012/

Респект ребятам! Надеюсь, бизнес идёт гладко.

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

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

Осталось два дня: не пропустите бесплатный мастер‑класс Ильи Бирмана

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

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

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

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

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

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

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

Превратить див в браузере в растровое изображение

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

Вот у меня есть веб-страничка, а на ней див. В нём я как-то всё сверстал средствами ХТМЛа и ЦССа. Теперь я хочу как-то получить то, что там вышло, в виде картинки, чтобы её можно было сохранить по правой кнопке, например. Как это сделать?

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

Может можно через канвас как-то зайти? Но всё-таки изначальный лейаут нужно именно дивами собрать. Или что ещё есть? Куда копать?

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

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

Цели и задачи

Всю жизнь напрягает разделение на «цели» и «задачи». Хрен поймёшь, чем одно отличается от другого, и где проводить границу!

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

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

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

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

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

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

А вот ещё кусочек из подкаста. В 312-м выпуске «Ток-шоу» Джон Грубер рассказывает про работу в программе Кварк-экспресс, а потом — что нет так с текстовым вводом на Айпаде (с 1:05:20):
https://daringfireball.net/thetalkshow/2023/12/23/ep-312

Он говорит:
«Всё, что могло быть быстрым, было быстрым. И точным. Очень точным! Я всё ещё помню клавиатурные сочетания, например чтобы подвинуть текст на сотую дюйма. А если на тысячную, то нужно было зажать ещё и Альт. И это всё работало так быстро на тех старых компьютерах! Представь, как быстро работало бы сегодня! А у современного софта такого нет. И точности этой нет. Взять хотя бы фрустрацию от Ай-ОСа, особенно на Айпаде. Я не знаю, как должно быть, но я знаю, что Эплы это ещё не нашли. Как точно выделять текст на тач-экране? Когда я пытаюсь выделить текст на несколько строк, я постоянно промахиваюсь с началом или концом. 25 лет назад я никогда не промахился даже на один символ, и мне даже задумываться над этим не нужно было!»

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

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

У Оди вышла статья про опасность минимализма в дизайне:
https://awdee.ru/the-danger-of-minimalist-design/

На мой взгляд, примеры, приведённые в ней, иллюстрируют совсем не то, а половина из них вообще опровергают исходный тезис.

1. Очевидно, что телефонная будка справа — кусок говна. Но это не из-за минимализма, а из-за её низкого качества. Часто «минимализм» возникает из-за желания сэкономить на всём, и это сразу видно. Можно сделать минималистичную телефонную будку красивой.

2. Пишут: «Даже скамейки подверглись влиянию минимализма!». Видимо, читателю предлагается заключить, что правая скамейка плоха, но она ведь лучше левой! Она легче и элегантнее, у неё куда более приятная форма. На ней явно будет удобнее сидеть (если только железяки не заледенеют зимой) — деревяшки не будут впиваться в спину.

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

Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.

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

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

Новосибирск: трешак и кофе —
https://ilyabirman.ru/meanwhile/all/novosibirsk-trash-coffee/

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

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

Взгляд новичка в интерфейсе: новая лекция и полезный трейлер

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

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

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

Вчера писал вам про принцип полезных трейлеров. В трейлере «Взгляда новичка» – пример из Телеграма и разбор проблемы окна подтверждения из редактора «ВС Код»:
https://www.youtube.com/watch?v=Pyb7vhfxjMY

Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/

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

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

Последовательное волшебство в интерфейсе: новая лекция и полезный трейлер

Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве.

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

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

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

В трейлере «Последовательного волшебства» – домашний экран Айфона как пример «сильного» закона в интерфейсе и Эйрдроп как пример набора заплаток:
https://www.youtube.com/watch?v=_EOTBVLCvfk

Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/

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

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

Бирман похвалил схему троллейбусов Красноярска:
https://bureau.ru/soviet/20240116/?utm_source=tg-s-s-s240116-160124

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

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

Подкаст «Думаем дальше» успешно загружен на Яндекс Музыку, с уважение сообщает команда Яндекс Музыки:
https://music.yandex.ru/album/29069497?dir=desc&activeTab=about

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

Расскажите, как вам подкаст. Перевернул вашу жизнь, надеюсь?

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

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

Дальше разгребаю фрагменты интерфейсного курса, дошёл до 100-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-100/

От № 76 до № 100 — свежедобавленное, посмотрите.

Если всё смотреть лень, особенно рекомендую № 82 про сео и персональные данные, № 86 про технозависимость, № 89 про прямоугольность и Фотошоп и № 91 с аналогией между юай-китом и шрифтом.

Также выделился раздел «Вёрстка».

А какие видосы вам показались самыми полезными?

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

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

Западный ветер

Никогда не мог понять, что значит «западный ветер». Это с запада или на запад? Причём, разумеется, мне уже тыщу раз объясняли, как это понимать, но запомнить это невозможно, потому что в равной степени логичны противоположные трактовки.

См. также. Солонка и перечница:
https://ilyabirman.ru/meanwhile/all/solonka-i-perechnica/

Часы швейцарских железных дорог:
/channel/ilyabirman_channel/1845

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