Снова борюсь с заблуждением, что цифры надо выравнивать по правому краю. Цифры надо выравнивать по разрядам! Если у них в результате этого сравняются правые края — ну хорошо, но это побочный эффект, а не самоцель. А то, что все любят выравнивать по правому — так это потому что так быстрее напрограммировать. 3 минутки:
https://www.youtube.com/watch?v=QyHEWiMR_0A
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 27 мая по 25 июня. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/
У Анатолия Воробья интересная картинка:
https://avva.livejournal.com/3544660.html
Отличная демонстрация силы сравнения как приёма представления информации. Можно до бесконечности разглядываясь, пытаясь найти едва уловимые отличия, ведущие ко весьма бинарному разделению.
Сразу же отложил себе в папочку comparisons. Что за папочка:
https://ilyabirman.ru/meanwhile/all/ui-course-comparisons-folder/
О проекте в реальном времени
Реклама · Текст предоставлен студентом
В Школе бюро необычный дипломный проект — коллаборация Школы Бюро Горбунова и сети ресторанов «Фрэнк бай Баста».
Команда Фрэнк бай Баста пришла в бюро как клиент, чтобы разработать новый дизайн барной карты и подумать интересную коллаборацию. В ответ бюро предложило коммерческий проект сделать одним из дипломных проектов на третьей ступени Школы бюро.
Сейчас команда студентов разрабатывает дизайн барной карты, занимается продвижением коллаборации и принимает участие в создании коктейля или набора шотов.
Обо всех этапах проекта ребята рассказывают в телеграм-канале. А также показывают, как меняется дизайн в процессе работы:
@bureau_frankbybasta
Рассказываю про Елену Семёновну из моего универа, которая тестировала все программы на нормальную поддержку некорректного ввода. 1 минутка:
https://www.youtube.com/watch?v=pn_X2x_8XPo
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 27 мая по 25 июня. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/
Когда жмёшь на сообщение, оно вслывает, и есть меню, где можно его скопировать. Но если снужно скопировать только часть сообщения, в этот момент её можно выделить и скопировать уже выделенное. Мало кто знает о такой фиче Телеги, и поэтому люди иногда возмущаются, когда ты присылаешь адрес или что-то подобное не отдельным сообщением.
Читать полностью…Посетил музей метро в Берлине. Не лондонский, конечно, но жить можно. Покажу подробнее при случае.
Читать полностью…В поездках я пользуюсь сим-картой Дримсим, чтобы тыкать в интернет. Писал об этом пять лет назад, продолжаю пользоваться:
https://ilyabirman.ru/meanwhile/all/drimsim/
Если вы подключитесь по моей ссылке, мне перепадёт бабло.
Юбилейный сотый выпуск рубрики!
О том, что программисту неплохо было бы не просто формально выполнять требования из ТЗ, но ещё и стараться понимать, откуда такие требования возникли и с какой бизнес-задачей связаны. Это может повлиять на решение. Заодно показываю, как очеловечить, упростить и переверстать форму. 8 минут:
https://www.youtube.com/watch?v=yTIrl1jnEHU
Приходите на курс, там кайф и польза. Следующий курс пройдёт с 27 мая по 25 июня. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/
Бирман вдруг решил рассказать про кнопку:
https://bureau.ru/soviet/20230509/?utm_source=tg-s-s-090523
Что если пропущенное обязательное поле — это не ошибка?
Такая вам мысль на ночь. Человек заполнил форму, нажал кнопку «Купить» или там «Пожаловаться». Но не заполнил какое-то обязательное поле. И мы ему говорим: «Ошибка! Заполни вот тут и вот тут».
Но ведь это противоречит принципу человечности. В чём ошибка-то вообще? Кто сказал, что человек что-то нам должен делать определённым образом? Он и так что-то нам сказал, постарался. Если нам надо знать больше, мы ж можем просто спокойно переспросить, не ругаясь и не крася ничего красным.
То есть самая идея, что есть какое-то поле, и оно может быть обязательным — совершенно не из мира людей. А в мире людей — «Нам бы ещё ваш номер, чтобы прислать уведомление, когда будет готово».
Двойной тупняк в интерфейсе кассы самообслуживания.
Сначала, когда жмёшь заплатить, тебе пишут «Следуйте инструкциям...» и тут же «Позвать продавца», что в этом контексте воспринимается как раз как инструкция и вообще единственный вариант продолжения (на самом деле нет). Большая стрелка в сторону терминала сделала бы сильно лучше.
Потом, как только прикладываешь карту к терминалу, на экране появляется «Попробуйте в следующий раз», как будто в этот раз что-то не сработало, но не надо отчаиваться, в другой раз получится, а пока шуруйте домой без еды. Большая зелёная галочка сделала бы сильно лучше.
Поучаствовал в подкасте «Фронтенд-уикенд». Наговорил полтора часа аж:
https://podcast.ru/e/3Nvl5B0bIea
Ютюб-версия:
https://www.youtube.com/watch?v=IxMjMljNDpM
В 15:35 начинается кусок про то, почему в Эгее нет Висивига и почему это очень сложно сделать. Теперь есть, куда посылать тех, кто говорит «просто возьми X». Послушайте, ну и если вы знаете, что именно я упускаю, расскажите.
А ещё в конце про проблемы современного айти. Если вы из айти, вероятно, вы часть проблемы!
Спасибо Андрею за приглашение.
Нашёл у себя какие-то древние .psw- и .pxl-файлы. Это Pocket Word и Pocket Excel — зачем-то Микрософт делал отдельные форматы файлов для своих программ на карманных компьютерах. Чем их сейчас открыть — не представляю.
Пошёл искать конвертер. Нашёл! Да вот только это сгенерированная промостраница, а реально такого продукта нет. Всё написано про PSW, но форме загрузки файлов даже не знает такого формата.
Очень удобно!
Видео по вторникам: микроанимации в Фигме
Небольшой видос про то, как сделать анимированное сердечко в Фигме:
https://www.youtube.com/watch?v=oOJ5StJr-pU
Сама анимация простенькая, но во второй части идёт полезный разбор того почему она была сделана именно таким образом. В частности, о разнице между ховером и маусэнтером и о том, как избежать ховер-эффекта сразу после клика (ведь курсор в этот момент по-прежнему над иконкой). Это всё полезно учитывать и при разработке.
Запилили с Константином Чухломиным инструмент для сравнения дистрибутивов Эгей.
Это полезно для тех, у кого своя тема оформления или другие кастомные штуки: при обновлении нужно понимать, что изменилось в системных файлах, чтобы сделать аналогичные изменения в своих. Выбираешь, какие версии хочешь сравнить, и смотришь на интерактивный дифф по файлам:
https://blogengine.ru/compare/
В основе — программа Константина, которая берёт гит-репозиторий и генерирует статические файлы для сравнения любого тега с любым:
https://github.com/chuhlomin/diff
Нате вам ещё сравнений на половую тему. Это внутренности вагины. Очень интересно рассматривать и визуально (а не тактильно) сравнивать, насколько сильно отличаются.
Сразу прошу прощения у читателей, которым не так нравится рассматривать вагины, в следующий раз покажу что-нибудь другое.
В аудио по четвергам Lidvall: Winter Syndrome. Не, ну как он так делает?
https://www.youtube.com/watch?v=2TP6g3WIssE
В список кофейных мест добавился «Судд» в Анталье; «Кафеликс» и «Бен Рахим» в Берлине:
https://ilyabirman.ru/meanwhile/all/coffee-places/
Всё хорошо
Есть такая странная фигня у некоторых людей. Они что-то говорят, ты не разобрал, переспрашиваешь, а они в ответ: «Всё хорошо».
Да я разве спрашивал, всё ли хорошо? Повтори, что ты там сказал!
Откуда это говно взялось? Это прям массовое какое-то безумие, когда люди говорят «Всё хорошо» в ответ на «Что?»
Никита Прокопов недавно рассуждал о непредсказуемости форматирования текста на стыке форматов. Если поставить курсор между жирным и нежирным текстом и начать печатать, непонятно, как будет получаться, и главное на это нельзя повлиять:
/channel/nikitonsky_pub/477
Или хочешь добавить в конец ссылочного текста что-то, начинаешь печатать, а оно пишется уже как простой текст, и теперь это фиг объединишь в единую ссылку.
Проблема не очень большая, поэтому разводить какой-то специальный интерфейс управления здесь не хочется.
Я предлагаю такое решение: в в позициях, где формат слева и справа разный, курсор как бы помнит формат с той стороны, с которой он пришёл. То есть если ты тык-тык пришёл со стороны ссылки, то и печатать будешь дальше ссылку. А если со стороны просто текста, то и печатать будешь просто текст. Ну а если мышкой ткнул, то пусть берёт более «сложный» формат, потому что его проще отключить, чем включить.
Кстати на фото это вот мы с Никитой встретились на кофе щас как раз.
Михаил Капанага показывает классный пример — визуализацию того, в какой футболке жарче на солнышке:
/channel/thisisnotatable/134
«Это могло быть таблицей формата „цвет / температура“, но сравнивать фотки с тепловизора гораздо интереснее, чем текст».
Визуализация даёт почти физическое ощущение ада в чёрной и тёмно-зелёной футболках. Интересно, насколько близки по цвету жёлтая и светло-зелёная, но насколько разные в них ощущения. С таблицей ощущения были бы не те, конечно.
Все перепосчивают картинки из новой серии Гриффинов (1), где показывают типа Челябинск. Забавно тут то, что они нарисовали типичное американское одноэтажное захолустье (2+) — видимо, американскому автору даже в голову не пришло, что города в России в среднем куда более содержательны, чем в Штатах, он даже смотреть не стал, и просто перерисовал привычную картину более депрессивными цветами.
Читать полностью…Видео по вторникам: детальные предметы акварелью
Неверятно, как это вообще можно нарисовать:
https://www.youtube.com/watch?v=DGSqglrPadw
1. Я скачал песенку с Ютюба в Айтюнс. Если вы так не умеете, то программа 4K YouTube to MP3 вам в помощь.
Из-за того, что это клип, у него в начале секунда тишины, а в конце несколько секунд звуков не по делу. Можно отредактировать в аудиопрограмме, но это для неопытных пользователей.
2. А опытные пользователи знают, что Айтюнс всю жизнь позволял настроить произвольные временные отметки, между которыми нужно играть трек. Поэтому я просто пошёл и настроил себе тут.
Но Эпл не был бы Эплом, если бы не сломал это. К счастью, start он пока уважает, и поэтому трек начинает играть как только я жму плей. Но вот на stop он теперь плевать хотел и играет лишний мусор в конце как ни в чём не бывало.
3. Но при этом время в панельке сверху останавливается на 3:20! То есть какие-то ошмётки кода, который за это отвечают, всё-таки как-то пытаются работать. Современное айти эт итс бест.
Очень нравятся таблички Лего с перечнем деталей в наборе. В третьей колонке плоская 2 на 10 распирает всю колонку, но даже это не портит ощущение.
Читать полностью…Бжж-бжж
Недавно купил новую электрическую зубную щётку. Когда чистишь зубы, она жужжит, но иногда на мгновение перестаёт жужжать. Я сначала подумал, что, может, я задеваю кнопку как-то случайно чуть-чуть, и она отключается. Или мне бракованная попалась, и там контакт какой-нибудь отходит в некоторых положениях.
Но через несколько чисток я заметил, что слишком уж стабильно это повторяется. Оказалось, щётка так считает время: она раз в 30 секунд перестаёт жужжать на долю секудны, а через четыре таких цикла отключается вовсе. Это чтобы хорошо почистить все зубы: по 30 секунд чистишь нижние спереди, нижние сзади, верхние спереди, верхние сзади.
Я считаю это решение блестящим. Такая мелочь, а мотивирует тщательно и внимательно чистить зубы, при этом не требует дополнительной индикации.
Часто говорят, что интерфейс должен быть очевидным, но это не универсально. Для повседневных вещей эффективность куда важнее, чем понятность с первого использования.
Объясняю по элементам, что не так с вёрсткой, почему она выглядит не очень. А ещё есть путаница с ролью элементов: то ли там заголовок, то ли переключалка какая-то. Заодно касаемся темы различий между вкладками и переключалками. 4 минуты:
https://www.youtube.com/watch?v=yj5dFy9HQ-Y
Следующий курс пройдёт с 27 мая по 25 июня:
https://bureau.ru/courses/ui-online/
В образовательных продуктах бюро моя главная тема — интерфейс и информация. Есть очный и онлайн-курс, лекции, книга, предмет в школах и советы.
Если не видели, вот видос, где рассказываю, что у них общего, чем отличаются, как выбрать и как комбинировать:
https://www.youtube.com/watch?v=50ES3a5kuzw
Каждый раз, когда я пишу «Микрософт», кто-нибудь да удивляется в комментриях. А я, между прочим, ещё 15 лет назад всё объяснил:
https://ilyabirman.ru/meanwhile/all/microsoft-pioneer/