Иногда на семинарах интерфейсного курса у меня случаются философские речи.
Участник сделал интерфейс ввода адреса, и мы обсуждаем ситуацию, когда система такого адреса не знает. С точки зрения программиста это ошибка. А для человека никакой ошибки нет, он живёт по этому адресу! Пытаемся подружить эти два разных мира. 5 минут:
https://www.youtube.com/watch?v=XvPjm7mQ0n8
Следующий курс пройдёт 11 ноября — 10 декабря. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/
Центральный парк Нью-Йорка:
https://ilyabirman.ru/meanwhile/all/new-york-central-park/
В аудио по четвергам сегодня Love Spent. Я пришёл к выводу, что это лучшая песня Мадонны:
https://ilyabirman.ru/meanwhile/all/madonna-love-spent/
Смерть
Стив Джобс в стенфордской речи рассказывал, что смерть — величайшее изобретение жизни, что мысль о конечности жизни помогает не тратить время на ерунду, мотивирует и направляет. Эту мысль в разных формах я слышал от разных людей. Мол, если помнить, что скоро умрёшь, станешь ли ты залипать в Тиктоке?
Для меня ровно наоборот. Если думать о смерти, то вообще ничего не имеет смысла. Нет никакой разницы, насколько хорошую работу ты делаешь, насколько осмысленно тратишь время, насколько глубокие отношения выстраиваешь. Да хоть круглосуточно в Тиктоке сиди, какая разница? Всё равно в конце помрёшь! Причём это всё чистая правда.
Мне хочется что-то делать только такой модели мира, где впереди — бесконечная жизнь. Собственно, это как раз моё ощущение по умолчанию. Оно ошибочно, зато продуктивно.
А о смерти я вспоминаю только когда в жизни происходит что-то очень плохое. Я страдаю, а потом такой: «Стоп, а чё я страдаю? Это ж абсурд. Всё равно я умру, да и все умрут. Какая вообще разница, чё я вообще переживаю?» И жизнь мгновенно становится легче.
1. Баристы в любимой кофейне приклеили объявление. Первая мысль: могли бы на стекле меловым маркером написать, выглядело бы намного красивее. Вторая мысль: да, но тогда никто не заметит этого объявления.
Корявость реализации — индикатор срочности и временности. Кривой дорожный знак, который подпирает пара булыжников, обращает на себя больше внимания, чем аккуратно прикрученный к столбу. Наспех сделанный от руки ценник говорит: «хватай! распродажа!»
2. Принцип работает даже в лондонском метро. Сразу понятно, что вот только что закрылось, некогда было с дизайнерами связываться. Картинка из лекции о навигации в общественных местах:
http://bureau.ru/lectures/wayfinding/
Странные графики: написано, будто M2 быстрее, а M1 — ещё быстрее. Веер Аймаков выглядит приятно. Чёрненькие Макбуки тоже выглядят неплохо. Табличка хорошая, но скругления вокруг процессоров — левые.
Читать полностью…Адресная строка Сафари — один из самых плохо запрограммированных интерфейсов в мире, там глючит всё:
https://ilyabirman.net/meanwhile/all/safari-address-bar/
Но вот ещё один пример, который вроде как не глюк, а просто целенаправленно запрограммированное вредительство. Когда страница заканчивает загрузку, Сафари зачем-то вставляет её адрес в адресную строку. В большинстве случаев он там и так написан, и тогда эта операция просто не имеет никакого эффекта. Но что, если пока страница грузится, я увидел опечатку в адресе, и решил её исправить? Как только страница 404 догрузится, тупое Сафари возьмёт и насильно вернёт мою опечатку, которую я пытаюсь исправить, обратно в адресную строку!
Какой полужопицей думал человек, который это напрограммировал, чего он хотел этим добиться? Вероятно, была задача исправлять адрес в случае редиректов, а программисты решили не париться и просто в любом случае пихать адрес туда.
А нужно было сделать так. При редактировании адресной строки помечать её флагом «грязная». В момент нажатия на Enter в адресной строке обнулять флаг, начинать загрузку. При редиректе, если адресная строка не в фокусе и не грязная, обновлять адрес в ней. При нажатии Esc внутри адресной строки вставлять в неё адрес реально открытой страницы и обнулять флаг «грязная».
Я бы ещё добавил кнопочку × в конце грязной адресной строки, когда она не в фокусе, как индикатор того, что сейчас открыт не тот адрес, который в ней вписан, и его надо применить или сбросить.
Чем хороши вечеринки «Рефлекшен», так это тем, что можно в одном сете сыграть Продиджи и Алёну Свиридову. А ещё, что все очень красивые!
Вчерашний микс целиком с треклистом на Саундклауде:
https://soundcloud.com/ilyabirman/dj-mix-we-like-to-party
Или прямо здесь ↑
Ребята, спасибо, что сделали вечеринку и что позвали!
Случай в Ютюбе.
Я включил какой-то микс, а снизу он показал, из каких треков он состоит. Ну, точнее три с половиной из них. Я хочу посмотреть, что дальше, пытаюсь проскролить: навожу мышку, скролю вбок. Нифига не скролится. Никакой полосы прокрутки нет, никаких элементов управленяи нет. Есть только большая кнопка «Музыка» снизу. От безысходности жму её — может, она разворачивает этот список как-то? Она ведёт ваще куда-то не туда (заодно ломает воспроизведение, конечно).
Возвращаюсь, снова внимательно ищу хоть какие-то способы прокрутить этот список. И нахожу: на самой правой обложке есть почти невидимая стрелка вправо на сером круге!
Да вы там совсем охренели? Вы вообще хоть что-то про работу внимания, зрения, привычек; про прицеливание и управление читали? Или у вас по тестам целевые метрики перехода в «Музыку» выросли, и вы считаете, что зашибись всё задизайнили?
Мир сошёл с ума. Гугль в один из важнейших проектов берёт на работу дизайнеров, которые не умеют и не знают ничего, не могут элементарный блок спроектировать нормально.
Ну, короче, разобрался как работает прокрутка, делаю по очереди ⌘-клик в несколько обложек заинтерсовавших с целью открыть в новой вкладе. Но разработчиков-то тоже безруких понабрали! Поэтому ссылки открываются в этой же вкладке (и да, снова ломают воспроизведение).
Листаю книгу Atlas of Human Anatomy and Surgery с бесчисленными невероятными иллюстрациями тела человека, костей, тканей, органов; комментирую:
https://www.youtube.com/watch?v=f1T74ebgxhw
Листаю красивую старую книгу с нотами, комментирую:
https://www.youtube.com/watch?v=zy_47F0R6bA
По определению
Выражение «по определению» означает, что что-то не требует дополнительного объяснения или доказательства, так как некоторое свойство является определяющим для объекта, а не случайностью.
— Почему у окружности от центра до всех точек одинаковое расстояние?
— По определению!
Здесь «по определению» используется самом буквальном смысле; указанное в первой реплике свойство — это определение окружности.
Но часто люди используют «по определению» просто как усилитель, игнорируя смысл этих слов. Добро пожаловать в рубрику «Бирману не нравится, как другие говорят по-русски»!
Если в тебе столько ненависти к себе, то по определению ты будешь распространять её и на других.
Из какого-то мотивационного ролика. Тут даже неочевидно, об определении чего именно идёт речь. По определению ненависти? Вряд ненависть определяется как «чувство, которое, будучи направленным к себе в больших количествах, распространяется и на других». Это даже примерно не описывает суть ненависти!
Понятно, что нет какого-то единого словаря, определениями из которого мы руководствуемся. У одного явления могут быть несколько разных определений, да и не обязательно использовать выражение в буквальном смысле. Но хоть какой-то смысл-то нужно вкладывать! Например:
У лоукостеров по определению всё плохо с едой.
Конечно, определение лоукостера не буквально «авиакомпания, у которой всё плохо с едой». Но мы понимаем, что лоукостер — это перевозчик, который на всём экономит, предоставляет услуги низкого качества, пытается заработать на любой мелочи, которая в приличной авиакомпании была бы включена в стоимость обычного билета. Из такого определения следует, что вряд ли на борту будут кормить деликатесами. Здесь «по определению» используется не буквально, но уместно и по делу.
Так это ж Андроид, он по определению не должен быть красивым.
Тут намёк на то, что некрасивость — это не просто важное свойство, а прям определение Андроида. Ну, такая форма сарказма, допустим.
Да, реализация у них будет кривая по определению.
Это Никита Прокопов что-то пишет про Эпл. Тут даже непонятно, по определению чего, единственное существительное — «реализация». Вероятно, речь об определении неупомянутого, но подразумевающегося контекстом Эпла? Типа, Эпл — это «подход к технической реализации, характеризующийся кривизной», такое определение? Такое подразумеваемое определение можно было бы тоже принять за форму сарказма, но в этой интерпретации полностью рассыпается логика, ведь если что-то криво именно «по определению», то какой смысл выражать недовольство? Это всё равно, что целенаправленно порезать себе палец ножом, а потом искренне возмущаться тем, что нож острый. Да он по определению острый, чего ж ты ожидал?!
Троллей нужно банить, вести с ними никаких диалогов не нужно по определению!
Это Валерий Соловей (иноагент по мнению Минюста) сказал в каком-то ролике. Тут вообще удивительно: подразумевается, что некая сущность (тролли) определяется через ненужность чего-то с ними делать.
Но вот подходит конец жизни, и заработанную в поте лица тысячу, миллион или миллиард вы хотите оставить на благое дело сохранения леммингов. Однако фонд, которому вы отписали всю сумму, через год решил переквалифицироваться на бабочек, и ничего с этим вы не сможете (по определению) поделать.
А это уже Анатолий Воробей, кусочек из поста про завещание. Интересно, что «по определению» аж в скобках стоит, то есть очень целенаправленно добавлено. Речь о времени «через год» после «конца жизни», то есть как бы подразумевается определение смерти — «состояние, когда человек ничего не может поделать». Что ж, логика есть, если поискать!
Кондиционер по определению не может работать, когда за окном минус 15.
Ну может и не может, но точно не по определению!
Лекция об истории шрифта Лавфром-сериф
Посмотрел чудесную лекцию дизайнеров Лавфром (LoveFrom) о том, как они делали свой фирменный шрифт:
https://www.youtube.com/watch?v=5b6g8eT0uuc
Там вначале какое-то время уныло, но потом начинается кайф. Я обратил внимание на несколько моментов:
• 14:31. В письме Франклина все существительные написаны с заглавной буквы. Я знаю, что так в немецком языке, но, видимо, когда-то было и в английском?
• 23:12. Красивейшие макроснимки литер. В голове не укладывается, что люди делали такие совершенные вещи, физически вытачивая как-то.
• 30:18. Какие буквы в итоге получились. Дальше подробный разбор нюансов шрифта: формы, веса, цифры разных стилей.
• 37:06. Любопытно про сочетания типа Lo. Заглавные L, T, R они сделали чуть уже, если после них идут строчные, и чуть шире, если после них идут заглавные. Ну и дальше разное про альтернативные глифы.
• 43:21. А тут они очень клёво показывают, чем отличаются радиальные скругления от нормальных
на примере того, как работают отражения на одних и других.
• 46:07. Когда доскроливаешь до низа их сайта и пытаешься скролить дальше, последняя надпись плавно ужирняется. Использовать «дорогую» вариативность для настолько мелкой и почти незаметной детали — шик.
• 53:18. Про симметричность текста в эмблеме коронации Карла III, и дальше про то, что у неё два размера сделано с разной степенью детализации.
(Боже, какое же фантастически дебильное, бессмысленное и непроизносимое название — Лавфром! У Джони Айва вроде хороший вкус, но тут какой-то провал.)
1. В нашем проекте новых дорожных знаков мы с Серёгой Чикиным предложили нормальные обозначения запрета парковки — просто зачёркнутая P:
https://ilyabirman.ru/road-signs/
2. А вот в фотках из поездки Тёмы Лебедева в Непал нашлись аналогичные знаки:
https://www.tema.ru/travel/nepal/
Обещал рассказать, что там с усилением практики на моём курсе.
Курс четырёхнедельный. На каждой были лекции и задание, и результаты заданий мы разбирали на семинаре. Для кого-то нагрузка была в самый раз, а кто-то мог бы успеть и больше. Я хотел дать больше заданий, но меня ограничивал семинар с разбором — он и так у нас всё время растягивается. Не хотелось, чтобы разбор стал поверхностным.
Но я придумал решение: теперь ко всем заданиям будут выдаваться шпаргалки для самопроверки. Часть комментариев я повторяю из раза в раз, потому что люди ошибаются на одном и том же. Теперь если сдать задание на середине недели, можно получить шпаргалку и улучшить свою работу к семинару.
Только за счёт этого можно сделать вдвое больше. Но на самом деле я добавил ещё и новых заданий, например на анализ существующего интерфейса и на вёрстку виджета. Будем отдельно прицельно прокачивать и логику, и эстетику.
В общем, приходите тренироваться.
Новость в Бюро:
https://bureau.ru/news/2023/ui-online-practice-boost/
Пришло время позвать вас на мой курс об интерфейсе и информации. Ближайший курс пройдёт уже 11 ноября — 10 декабря.
На этот раз на курсе будет больше практики, скоро об этом расскажу подробнее.
А пока — вот вам традиционный кусочек с семинара.
Разбираем задание — программу для хранения документов. В решении участницы чтобы добавить документ, нужно обязательно завести папку. Рассказываю о проблемах с системами, где много сущностей со сложными связями, из-за которых ничего невозможно сделать быстро. А в конце ещё говорю, что лучше использовать стандартные элементы. 5 минут:
https://www.youtube.com/watch?v=xKPaH3XiW-4
Все подробности о курсе, включая программу и отзывы:
https://bureau.ru/courses/ui-online/
Листаю книгу Яны Векшиной Cyrillize — пособие для шрифтовых дизайнеров, не знакомых с кириллицей; комментирую:
https://www.youtube.com/watch?v=lcodFsrrvp4
Ютюб подсовывает видео с такой обложкой. Мысли в моей голове: зачем они по 51 секунде на корень тратят?
Читать полностью…Видео по вторникам: модель Солнечной системы в Мельбурне
Модель Солнечной системы в масштабе 1 к миллиарду:
https://www.youtube.com/watch?v=ry122Jqpxu4
Захотелось слетать в Мельбурн и посмотреть своими глазами. Очень мощное сравнение.
Ворлд Чесс запилил нереальной красоты плакат в виде карты шахматных дебютов, в которой заодно нарисованы фигуры в разнообразных стилях и сумасшедшая типографика:
https://worldchess.com/news/all/world-chess-unveils-the-first-ever-chess-map-a-geographical-mast/
1. На шведском знаке «Швеция» снизу встречается мощная картинка, объясняющая, что надо пристёгиваться и ехать со светом. Пассажиры, правда, похожи на надгробные памятники.
2. Заодно: люблю, что на нидерландском дорожном знаке «Нидерланды» в силуэте населённого есть мельничка.
Из Википедии:
https://en.wikipedia.org/wiki/Speed_limits_in_Sweden
https://en.wikipedia.org/wiki/Speed_limits_in_the_Netherlands
Изменение договора в стоматологии
Пришёл сегодня в стоматологию, в которой был не раз до этого, а девушка на ресепшене прогягивает какие-то бумаги и говорит:
— Илья Борисович, у нас изменился договор с вашего прошлого визита, нужно заново подписать.
Я беру договор и спрашиваю:
— А что именно изменилось?
А она вдруг берёт и отвечает:
— У нас раньше были раздельные договоры для детей и взрослых, теперь единый договор, из-за этого некоторые формулировки изменились. Ещё мы прописали условия получения выписок из истории одними клиентами за других, например за родственников, или если вам нужно сделанные у нас снимки забрать для другого врача. Плюс теперь...
И дальше ещё пара настолько же внятных фраз о смысле других изменений. С ума сойти, для кого-то ещё договор — это не просто какие-то непостижимые письмена, которые подготовили юристы, и в которые лучше не вникать; а содержательный документ о чём-то настоящем, относящемся к делу! Кто бы мог подумать, что так бывает!
Место силы
А у вас есть место силы? Что это для вас значит, вообще? В чём сила там проявляется? Что вам мешает просто там поселиться? Как изменится ваша жизнь, если вы там больше никогда не сможете побывать?
Аудио по четвергам: Бо ли од. Ох, умеют же израильтяне попсу делать:
https://ilyabirman.ru/meanwhile/all/mor-and-kobi-maman-bo-li-od/
Узнал о точке зрения, что Эпл слизал дизайн своего бангкокского стора со здания касс сочинского вокзала, а майамского — с сочинского же автовокзала!
Читать полностью…Бирман полчаса фотошопит схему транспорта Первоуральска:
https://bureau.ru/soviet/20231024/?utm_source=tg-s-s-s231024-241023
Астрофизика за три часа, интересный Нетаньяху у Фридмана, хорошая Алёна Лебедева, Денис Чужой о профессии стендапера и большое интервью замминистра транспорта Челябинской области. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-67/
Подробная и довольно красивая карта Газы. Точнее, спутниковый снимок с подписями:
https://www.reddit.com/media?url=https%3A%2F%2Fi.redd.it%2Fa-cool-guide-of-the-gaza-strip-v0-08x3mbys9ttb1.jpg%3Fs%3Db430e1200b1ecd54b979e22e97b8a36830f5d4b8