О римских цифрах
С веками имеет место жопа: 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
В Ай-ОСе 18 можно будет настроить не только расцветку иконок, но и включить режим больших иконок, как на второй картинке. В этом случае подписи у них пропадут. На скриншоте выглядит приятно и сразу отсылает к плотности классического Айфона.
Читать полностью…Бирман учит изобретать велосипед. Точнее, велотренажёр:
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/
Голосовое и безголосовое управление
Несколько соображений в кучу.
Когда Эплы начали в понедельник говорить, мол, иногда вам хочется обратиться к Сири, но неудобно говорить вслух, я подумал, что она наконец-то научилась читать по губам — но нет, нужно печатать на клавиатуре. Дурдом! Дело тут не только в том, чтобы обращаться к телефону беззвучно; иногда, наоборот, вокруг слишком шумно, например когда пишешь кому-нибудь из ночного клуба.
Вообще, я жду чтения по губам с тех пор, как появилось фейс-айди с объёмными датчиками для лица. Оно ж ещё умеет понимать, смотришь ты на него или нет. С тех же пор я жду, что подмигивание станет жестом для чего-нибудь там. Недавно же ещё анонсировали, что Ай-ОС начнёт поддерживать айтрекинг для управления в стиле Вижена-про. Короче, хочется, чтобы это в итоге собралось в одну систему.
То, что в Эйрподах можно будет помотать головой в смысле «да» или «нет» — это забавно, но это будет работать только в ответ на вопросы Сири, которые я ей всё равно не разрешаю мне задавать.
Ну и кстати, даже если голосовое управление станет не просто безупречно разбирать слова, но и понимать весь контекст, знать тебя как человека во всех деталях, оно всё равно полностью не заменит клавиатуру и мышь. Это легко понять, просто представив близкого друга или родственника, сидящего за компьютером вместо тебя: понимает с полуслова, но всё равно быстрее самому, чем смотреть, как он делает всё не то!
Настоящее решение — научиться читать мысли, а не разбирать слова.
Пап, ты интересовался, как я так летаю всюду без багажа, куда тогда запасную обувь класть, а вдруг дождь и обувь промокнет? Я вот так вчера проблему решил, обувь в порядке.
Читать полностью…