В аудио по четвергам Mario De Los Santos: Let Me Go —
https://ilyabirman.ru/meanwhile/all/mario-de-los-santos-let-me-go/
Эта музычка мне очень понравилась, потому что она отсылает к цикличным мелодиям из заставок Муз-ТВ. Прямо представляю себе, что под какую-нибудь заставку перед рекламой крутится крутилка под эту музычку.
Когда я вижу запись даты с днём в кавычках, в моей голове сразу рисуется человек, показывающий воздушные кавычки. Типа, «третье», хе-хе.
Читать полностью…Бирман учит изобретать велосипед. Точнее, велотренажёр:
https://bureau.ru/soviet/20240702/?utm_source=tg-s-s-s240702-020724
Открыл какую-то статью о дизайне по ссылке с Оди, а там: «когнитивная лёгкость — дизайн неудачный». А я думал наоборот, если лёгкость, то удачный!
В данном случае нужно было использовать курсив, а не жирность.
Жирность нужна, чтобы выделить что-то в тексте заранее, чтобы человек это выхватил, не читая текст целиком, а курсив нужен для интонационного выделения, чтобы человек обратил особое внимание на эти слова, когда будет читать по порядку.
Рассказывал об этом на курсе, кстати:
https://ilyabirman.ru/meanwhile/all/ui-course-frag-96/
Думаем дальше № 21 — «У двери есть полезное действие продаться» с Мишей Нозиком
С Мишей Нозиком, который купил микрофон, обсуждаем, как нежно добиваться своего и что идея «естественной задачи» тесно связана с полезным действием.
0:00 — Быть хорошим партнёром или настаивать на своих правилах? Ложная развилка
6:01 — Забота о себе с заботой о других
10:27 — Взять задачу — не одолжение
12:03 — Если переоценил свои силы, передоговориться или не спать ночь, но сделать?
16:38 — Илья и договоры
21:07 — Если клиенту надо вчера, то отказаться — норм
26:19 — Выход 13а в Домодедове и предпроектные процедуры в бюро
32:02 — Как отказывать на Кинки-пати
34:00 — Комфорт выступающего докладчика
39:22 — Естественная задача. Как оценивать дизайн, не зная интересов бизнеса
45:00 — Пример неочевидной задачи Гисметео → https://bureau.ru/projects/gismeteo/
50:22 — Дизайн Фейсбукинга: не говори, что у тебя хороший дизайн, прекрываясь тем, что ты успешен
54:11 — Хороший дизайн и полезное действие
1:00:41 — Уведомления о днях рождения в Телеграме и почему дизайнеры портят продукт
1:09:05 — Работающие логотипы с плохим графдизайном
Эпл · Ютюб · Я.Музыка · Гугль-подкасты · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
У меня любимый пример тупняка в интерфейсе — когда при регистрации тебе красным цветом говорят: «Ошибка! Эта почта уже занята! Введите другую!»
Идиот, так это моя почта! Значит у меня уже есть акаунт, но я просто забыл об этом. Никакой ошибки нет, просто предложи мне напомнить пароль и пусти.
А вот Илья Синельников ещё принёс пример подобного. Аутлук ставит красный крест говорит: «Не могу заблокировать этого отправителя! Он уже заблокирован!»
Просто уму не постижимо, в насколько оторванном от реальности состоянии работает программист, что он выводит такое сообщение. Нужно же хоть иногда приходить в сознание и понимать, что за текст ты выводишь пользователю.
Знаки чистоты и порядка в Нью-Йорке:
https://ilyabirman.ru/meanwhile/all/new-york-cleanliness/
Бюро анонсировало курс ретуши:
https://bureau.ru/courses/retouching/
А я заметил, что панель Фотошопа слева на обложке курса в таком контексте играет совершенно по-новому, как надпись из иероглифов японской картине.
В начале года я рассказывал, что заметил, что у меня осталось непереведёнными полкниги про дизайн транспортных схем, то есть около 350 разворотов. Я понял, что если переводить в день по одному развороту, то за 2024 год я всё доделаю.
Я распечатал себе календарь и стал закрашивать в нём один день после каждого переведённого разворота. Задача — никогда не отставать от реальных дат.
Вчера вот прошёл рубеж — докрасил июнь до конца, так что иду с небольшим опережением. А сегодня перевёл 545-й разворот из 701. Такая вот схема!
В аудио по четвергам Drumcell: Stuck In My Mind (Truncate Remix) —
https://www.youtube.com/watch?v=v1dbcpwmepM
Очень хорошее из @ilyabirman_listens
Я писал, что каким бы понятливым ни был голосовой помощник, всегда что-то будет быстрее сделать самому. А вот пример похожего эффекта.
Когда я публикую подкаст, мне нужно отформатировать таблицу таймкодов для Эгеи — превратить рис. 1 в рис. 2. У Даниила Соколовского подсмотрел, что с такой задачей хорошо справляется ЧатГПТ. Попробовал (рис. 3), примерно получилось. С пробелами он не справился, но ладно.
И вот я думаю две вещи. Во-первых, это всё равно неудобно, каждый раз вот так вот объяснять машине, что мне нужно. Я хочу сказать: «дальше делай так же сама, когда я вставляю похожего вида текст в поле на сайте ильябирман ру», но это пока невозможно и даже отдалённо не видно, когда станет возможно. Во-вторых, это же какая-то безумная машинерия там подключается, чтобы сделать то, с чем справилось бы тривиальное регвыражение! Я хочу, чтобы ЧатГПТ сам это увидел, превратил в регвыражение и назначил на него горячую клавишу, и дальше это работало безо всяких нейросетей. А такое тоже пока даже не на горизонте.
Когда Эпл сломал встроенный Апач и ПХП, я стал устанавливать их как-то иначе, и всё стало сложно и ненадёжно.
Вы писали: просто установи через brew, что ты мучаешься! Разумеется, я сразу знал, что это шляпа, ведь очевидно, что если для установки программы А нужно использовать ещё программу Б, то количество мест для потенциального сбоя увеличивается, как и число папок на диске, беспорядочно засранных не работающими конфигами.
Так или иначе, в итоге я научился устанавливать через brew, потому что всё остальное не работало никак. И что вы думаете? Установленный через brew httpd иногда перестаёт запускаться! Он, конечно, пишет, что successfully started, тут вопросов нет, но работать не хочет и выводит бессмысленные ошибки.
Разумеется, в интернете 500 разных «рабочих» способов решить проблему. Не работает ни один. Иногда помогает перезагрузка компьютера! Однако сегодня не тот день — сегодня никак не могу добиться, чтобы Апач заработал.
В следующем Макосе обещают штуку, чтобы автоматически ресайзить окна на пол-экрана или четверть экрана. Типа окно тащишь, и оно примагничивается. Чё-то такое в Винде есть.
Я искренне не понимаю, нафиг это надо, но пара наблюдений. Во-первых, такое расположение окна не просто меняет его координаты, оно как бы продолжает помнить свои «ручные» координаты, к ним можно быстро вернуться. Во-вторых, это всё можно делать с клавиатуры. (Правда, сочетаниями уже залезли в кнопку-глобусик, что как будто говорит о низком качестве проектирования.) В-третьих, окна, вставшие рядом, можно ресайзить сразу парой, если потянуть между ними.
Тупо при этом, что на Маке есть ещё и полноэкранный режим с подобными способами деления. Как мозгу не взорваться от этого всего?
Дизайнеры, посмотрите на ВВДЦ сессию «Say hello to the next generation of CarPlay design system»:
https://developer.apple.com/videos/play/wwdc2024/10112/
Очень классно проследить за ходом мысли в ситуации, когда у тебя вообще непонятно какие будут автомобили с какими фичами, сколько там будет экранов, каких они будут размеров и форм и какие у автопроизводителей будут пожелания по брендингу.
В комментарии закинул ещё примеры того, как это всё может выглядеть в разных машинах.
Ну а технически ещё и интересно, как это всё под капотом (sic!) работает, учитывая, что все эти штуки должны рендериться в реальном времени самой машиной, а не телефоном:
https://developer.apple.com/videos/play/wwdc2024/10111/
В список кофейных мест добавились «Окро» в Тбилиси и «1908» в Пятигорске:
https://ilyabirman.ru/meanwhile/all/coffee-places/
Умный дом: от любопытства до нового качества жизни
Реклама · Текст клиента
Наверняка, об умном доме уже очень многие не только слышали, но и даже успели попробовать. Например, поставить умную лампочку и управлять ее яркостью через мобильное приложение или включить робот-пылесос с помощью голосового помощника.
В действительности, возможности умного дома намного больше: это и забота о здоровье, и безопасность дома, и освобождение от ненужных рутинных процессов, и тонкая настройка освещения по разным зонам. И всё это с учетом привычек и пожеланий пользователя.
Например, все мы знаем, как трудно просыпаться по утрам. Чтобы облегчить этот процесс, можно настроить биодинамическое освещение. Например, по звонку будильника включается холодный свет для правильного пробуждения и создания настроя на рабочий день. А вечером, когда человек приходит домой, шторы автоматически закрываются и включается теплый свет средней температуры, чтобы можно было расслабиться и плавно подготовить организм к ночному отдыху.
Создать индивидуальную систему умного дома помогут инженеры diHouse PRO. Концепцией diHouse PRO является то, что современные беспроводные системы – это удобно, современно, мобильно и доступно по цене. Слово «система» только звучит масштабно и дорого, но на деле она реализуема даже за вменяемый бюджет. Все решения можно оценить в шоуруме на Artplay или получить удаленную консультацию, если вы не в Москве
О римских цифрах
С веками имеет место жопа: 1736 год приходится на 18-й век и 2-е тысячелетие. Достаточно было додуматься считать с нуля, чтобы этой кривости не было — но на то нужен программист.
Однако этого людям мало, они ещё и пишут века римскими цифрами: «Моцарт жил в XVIII веке». Любой грамотный человек понимает числа в римской записи, но чтение отнимает больше сил, чем надо. Зачем усложнять жизнь читателю и отвлекать его от сути сказанного?
Традиционно римские цифры используют, чтобы избежать наращения падежного окончания порядковых числительных (ср. «XXII съезд» и «22-й съезд»). Но в падежном окончании нет ничего страшного, оно только помогает чтению. Опустить его можно, когда оно очевидно из контекста, например 1736 год в начале вряд ли кого-то смутил. Подозреваю, что если начать последовательно писать века арабскими цифрами, необходимость в наращении окончания отпадёт и здесь: 18 век.
Римские цифры — дебильная традиция, которой пора на свалку.
(Посту 10 лет)
Видео по вторникам: Осло — это вообще город?
https://www.youtube.com/watch?v=8vhD59ac7nw
Написал большой пост про новую Фигму:
https://ilyabirman.ru/meanwhile/all/figma-2024/
Не только про отлипшие панели, но и про саму презентацию, про работу интерфейсных дизайнеров, про эй-ай и про слайды.
Максимальный ретвит!
Есть такой мультяшный 3Д-редактор на веб-технологиях, Сплайн. У него панели отступают от краёв экрана и за ними просвечивает твоя сцена. Такая же хрень в Миро — всякие тулбары висят над контентом, и я давно говорил им, что это они зря.
А вот и Фигма анонсировала аналогичное ухудшение. Это подаётся под соусом «ваш контент занимает весь экран», но реально контент занимает даже меньше, чем раньше, потому что тулбары сдвинулись в его сторону. А то, что между тулбарами и краями теперь просвечивает 10-пиксельная полоса — это не контент, а мусор, который ещё и шевелится там зачем-то, когда ты скролишь и зумишь холст.
Надеюсь, эти отступы хотя бы можно будет отключить и вернуться к классическому, взрослому, эталонному дизайну панелей Фигмы.
Пример интерфейса, понять который невозможно, если не знать, что имел в виду программист. Такого надо избегать. Проверьте, что делаете вы.
В чём тут идея. Приложение может поменять свою иконку, это полезная фича. Но злоумышленное приложение так может выдать себя за другое и таким образом склонить пользователя к чему-нибудь там. Поэтому ОС не даёт программе поменять собственную иконку по-тихому, а показывает пользователю. Задача этого окна — убедиться, используя глаза пользователя, что приложение осталось собой на вид.
Что получилось. Окно показывает две одинаковые иконки, одна указывает на другую, и предлагает удалить приложение. Пользователь не понимает, что от него хотят, жмёт что попало. Проверки не происходит.
Как надо было. Перевести на язык пользователя то, что хочет от него программа, а не заставлять гадать. Например:
Замена иконки „Вконтакте“
Иконка подходит приложению?
A → B
[ Не подходит ]
[ Подходит ]
А уже если пользователь нажал «не подходит», объяснять про опасности и предлагать удалить.
Бесконечная тупость промежуточной страницы. Если ввести в поиске «яндекс диск» и перейти по первой ссылке, то попадаем на какую-то нелепую страницу с кнопкой «Перейти на Диск». Эй, а что мешает нас сразу туда отправить? Может быть хотят продать место на диске? Но мы его уже купили. Если место закончится, сами побежим покупать еще, без всяких таких страниц.
Яндекс, очнитесь, это неудобно!
#интерфейсы
Оказывается, я больше двух месяцев не выкладывал вам фрагменты интерфейсного курса.
Отвечаю на вопрос участника курса о том, почему мне не нравятся гуглевские поля ввода, у который лейбл перепрыгивает изнутри поля в рамочку. 5 минут:
https://www.youtube.com/watch?v=WjX759lGaHI
Оригинальное название файла у меня такое:
ui-course-2023s6-frag145-oct-20-google-sucks-at-design.mp4
Идёт запись на июльавгустовский курс (20 июля — 18 августа). Сейчас −20% из-за ранней записи. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
В интенете показывают обратную связь при нажатии на боковые кнопки в 18-м Ай-ОСе. Ну прикольно, а куда дели индикатор громкости-то?
Читать полностью…Бирман рассказывает, как дизайнеру общаться с разработчиком:
https://bureau.ru/soviet/20240618/?utm_source=tg-s-s-s240618-180624
Вещь, к которой я никогда не привыкну в ЦССе — это единица измерения vw («фольксваген»). Она расшифровывается viewport width, но реально означает не ширину вьюпорта, а сотую долю ширины вьюпорта.
Каждый раз я пишу max-width: .7vw, не могу понять, что случилось с элементом, а потом доходит, что надо писать 70vw. Да, 70 ширин вьюпорта означает .7 ширины вьюпорта.
Стандарты придумывают целыми рабочими группами, но иногда среди всей рабочей группы не находится ни одного трезвого человека.
Запах нового чайника
Когда покупаешь новый чайник, в нём нужно пару раз вскипятить воду, причём лучше с лимонной кислотой, чтобы он перестал пахнуть новым чайником. А надо отметить, что запах нового чайника — это не запах нового Макбука; он противный и несовместим со вкусом чая.
Необходимость «подготовить к использованию» чайник описана прямо в инструкции. То есть люди прекрасно отдают себе отчёт в том, что зачем-то продают чайник, не готовый к использованию!
Спрашивается: нахрена это делается? Почему не избавиться от запаха до того, как продавать чайник? Зачем портить людям первое впечатление от своего продукта? Кто принимает решение о том, что и так сойдёт?
Думаем дальше № 20 — «Я художник менеджмента» с Женей Арутюновым
С Женей Арутюновым обсуждаем, надо ли хранить зарплату в секрете.
0:00 — Кнопки «Полезно» и «Непонятно»
5:56 — Гениальность реакций в Телеграме
9:07 — Подсветка ссылок при наведении и постоянная Арутюнова
14:45 — Перехват прокрутки
16:14 — Должна ли зарплата быть секретной?
18:57 — Почему запретить обсуждать зарплату — это норм решение
21:31 — Илье кажется, что секретность — это по умолчанию
23:45 — Взгляд со стороны проектировщика отношений и участника
27:30 — Почему секретная зарплата в интересах исполнителя, и почему в его же интересах может быть её обнародовать
34:54 — Уважение интересов работодателя как эффективная стратегия для исполнителя
38:47 — Забастовка «Вольта» и работа в условиях недоверия
42:04 — Прямые отношения с работодателем против трудового кодекса и соцпакета
43:40 — Изменять нормально? Жизнь в несознанке и широкие народные массы
47:24 — Как раскрыть все финансы всем
54:52 — Деньги не за труд и разные модели партнёрства
1:05:03 — Роль Жени в его коллективе
1:11:15 — Зачем нужна предоплата и задачи без чёткого результата
Эпл · Ютюб · Я.Музыка · Гугль-подкасты · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724