Бжж-бжж
Недавно купил новую электрическую зубную щётку. Когда чистишь зубы, она жужжит, но иногда на мгновение перестаёт жужжать. Я сначала подумал, что, может, я задеваю кнопку как-то случайно чуть-чуть, и она отключается. Или мне бракованная попалась, и там контакт какой-нибудь отходит в некоторых положениях.
Но через несколько чисток я заметил, что слишком уж стабильно это повторяется. Оказалось, щётка так считает время: она раз в 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/
Я не знаю, что вам ответить
Иногда мне пишут письма в духе: «Мы такие-то такие-то, вот два абзаца про нас. Давно следим за вашей работой, читали книжку. В этом году мы планируем что-то там. Хотели бы с вами посотрудничать.»
И всё. Ни вопроса, ни предложения. И я не понимаю, что делать. Игнорировать письмо вроде невежливо, люди же написали, причём явно именно мне. Написать в ответ «А что вы хотите-то?» тоже звучит грубовато.
Чтобы ответить нормально, нужно прям сесть и придумать ответ. Из-за этого такие письма неделями лежат в инбоксе.
Урок такой: когда пишешь кому-то письмо представь, каково ему будет отвечать. Если, конечно, ты хочешь ответ получить в обозримом будущем.
Что делать в Берлине 11—16 мая?
Куда сходить, на что посмотреть, с кем встретиться, где попить кофе? В Берлине буду шестой, кажется, раз, так что всё очевидное знаю. Рассказывайте неочевидное!
В школе бюро есть задание — сделать интерфейс заказа пиццы. В частности, там можно выбрать ингредиенты. Почему-то у очень многих студентов одна и та же проблема: в настройке ингредиентов очень тесно безо всяких на то причин.
Пост в блоге:
https://ilyabirman.ru/meanwhile/all/tight-ui-pizza-ingredients/
Хорошая новость — наша с Алексеем Блиновым программа Эмси заработала в Вентуре. Если вы не знали, что такое Эмси, узнайте:
«Другие программы мешают работать яркими выезжающими плашками. При этом когда возникает вопрос, что играет, ответа на экране нет.
Эмси всегда на виду. Название песни не скроллится взад-вперёд, а стоит на месте.
В выпадающем меню — управление воспроизведением. Альт-клик по меню мгновенно перематывает трек в нужную точку.»
Купить за 99 рублей:
https://apps.apple.com/ru/app/emcee-for-music/id408774844?l=en&mt=12
Видео по вторникам: сравнение размеров во Вселенной
В Ютюбе миллион видосов со сравнением размеров планет, звёзд и галактик, но вот этот мне особенно понравился:
https://www.youtube.com/watch?v=02Kgf9dCgME
Понравился тем, что сравнивает объекты, которые обычно не сравнивают друг с другом. На 4:55 рядом с Марианской впадиной появляется ммарафон, а тут уже рядом пульсар Краба давно стоит. Или вот в 5:30 перед нами Седна и другие планета, а тут вдруг бац — Мадагаскар! Космические объекты редко сравниваются с земными, а это и даёт более полное представление, и немного удивляет. Когда вышли за размеры Солнца, казалось, что уже ничто земное тут не может оказаться рядом, но вдруг в 8:25 появляются «все люди, если их поставить на голову друг другу»!
Отложил себе в папочку «Сравнения»:
https://ilyabirman.ru/meanwhile/all/ui-course-comparisons-folder/
См. также трейлеры разных лекций, включая «Сравнения»:
https://bureau.ru/news/2021/lecture-ui-updates-december/
Метанавыки, которые помогают конкурировать
Реклама · Текст предоставлен клиентом
В настоящее время люди конкурируют не только с людьми, но и с искусственным интеллектом. Сильные метанавыки — наше конкурентное преимущество.
Что это?
Метанавыки — когнитивные стратегии, которые человек применяет к новым ситуациям, исходя из опыта предыдущих. На их основе развиваются hard и soft skills.
Правда в том, что их нельзя прокачать напрямую, как, например, лидерство или управление временем, они развиваются в деятельности.
Какие именно метанавыки помогают и как их развивать?
1. Эмпатия — фиксируйте и анализируйте свое состояние, эмоции, из этого навыка автоматически получится чувствовать других.
2. Креативность — пробуйте выходить за пределы шаблонов, больше экспериментировать.
3. Адаптивность — при любых изменениях будьте готовы пробовать разные подходы.
В HRеальности мы делимся инструментами для развития метанавыков, прогресса в карьере и просто хорошим настроением.
На новом Маке в окне написания письма куча мусора в тулбаре. Нужно зайти в Customize Toolbar и убрать весь мусор.
Я оставляю кнопку отправки письма чисто из эстетических сообщений — реально я всё равно жму ⇧⌘D. А чтобы запомнить это сочетание, достаточно представить иконку отправки поверх клавиатуры, как на последней картинке.
Вообще, это картинка из моего инстаграма. Но решил и вам показать.
Это шокошот — шот очень вкусного горячего шоколада, который теперь дают в любимом «Блоссоме» (это в Челябинске). Отличный напиток на случай, если кофе ты сегодня уже пил, а в кофейню зачем-то снова зашёл. Ну и след на внутренней поверхности чашки очень красивый.
В некоторых местах я встречаю мыло, лежащее вверх ногами. Из этого я делаю вывод, не все знают, зачем мыло делают выгнутым.
А выгнутым его делают, чтобы оно сохло снизу! Когда мыло кладут в мыльницу вверх ногами, на его верхней части (которая оказывается снизу) образуется противная полужидкая мыльная каша. Чтобы мыло всегда оставалось приятным, его надо класть выпуклостью вверх, как на картинке.
Спасибо, что читаете мой канал!
Ну а если вы ещё не готовы презентовать и вам надо сначала надизайнить то, что вы будете презентовать, то приходите на мой курс. Сегодня и завтра — последние дни записи.
Вот вам очередной фрагментик. Рассказываю, что ширина на десктопе — дешёвый ресурс, а высота дорогой, поэтому мобайл-фёрст интерфейсы часто на десктопе получаются неудачными. 4 минуты:
https://www.youtube.com/watch?v=jwbEj5v3bu8
Ближайший курс пройдёт с 22 апреля по 21 мая:
https://bureau.ru/courses/ui-online/
Большинство примеров автоматизации с помощью Шорткатов или Автоматора, которые показывают Эплы — хрень на постном масле, слишком уж левые сценарии типа «Сделать ПДФ из всех страниц, которые у меня открыты в браузере».
Но реальные жизненные сценарии бывают настолько странными, что в качестве примера на презентации их не приведёшь. Главное поймать себя на мысли, что ты собираешься делать то, что надо бы поручить компьютеру.
1. Апдейт с Айтюнса на Мьюзик ломает настройку всех плейлистов на дефолтный эпловский дизайн, которым невозможно пользоваться.
2. А если переключиться обратно в табличный вид, там стоят не те колонки и не в том порядке, приходится настраивать руками. Я как понял, что мне нужно сотни плейлистов вручную вот так перенастраивать, схватился за голову.
3, 4. А потом схватился за Автоматор и настроил нехитрый воркфлоу. И попросил его переписать на Эплскрипте для пущего удобства. Правда, порядок колонок пока не понял как автоматически поменять, но хоть самое сложное автоматизировал.
Нашёл у себя какие-то древние .psw- и .pxl-файлы. Это Pocket Word и Pocket Excel — зачем-то Микрософт делал отдельные форматы файлов для своих программ на карманных компьютерах. Чем их сейчас открыть — не представляю.
Пошёл искать конвертер. Нашёл! Да вот только это сгенерированная промостраница, а реально такого продукта нет. Всё написано про PSW, но форме загрузки файлов даже не знает такого формата.
Очень удобно!
Видео по вторникам: микроанимации в Фигме
Небольшой видос про то, как сделать анимированное сердечко в Фигме:
https://www.youtube.com/watch?v=oOJ5StJr-pU
Сама анимация простенькая, но во второй части идёт полезный разбор того почему она была сделана именно таким образом. В частности, о разнице между ховером и маусэнтером и о том, как избежать ховер-эффекта сразу после клика (ведь курсор в этот момент по-прежнему над иконкой). Это всё полезно учитывать и при разработке.
Запилили с Константином Чухломиным инструмент для сравнения дистрибутивов Эгей.
Это полезно для тех, у кого своя тема оформления или другие кастомные штуки: при обновлении нужно понимать, что изменилось в системных файлах, чтобы сделать аналогичные изменения в своих. Выбираешь, какие версии хочешь сравнить, и смотришь на интерактивный дифф по файлам:
https://blogengine.ru/compare/
В основе — программа Константина, которая берёт гит-репозиторий и генерирует статические файлы для сравнения любого тега с любым:
https://github.com/chuhlomin/diff
Как-то такое явление, как бергштрих, прошло мимо меня. Обожаю суперэффективные графические приёмы. Представляю, как изобретателю сказали: «да это никто не поймёт!», а он забил на эти глупые слова.
Читать полностью…Ещё один спич про то, когда нужна, а когда не нужна визуализация. Например, визуализация иногда помогает выявить манипуляции с данными. 4 минуты:
https://www.youtube.com/watch?v=9pf94f8Mz7Q
Следующий курс пройдёт с 27 мая по 25 июня:
https://bureau.ru/courses/ui-online/
Пример нарушения логики прямого влияния и принципа «Дай нажать» из Эпл-напоминалок.
Пытаюсь поставить напоминалку на 29 мая, пишу «29», а он пишет поочерёдно «02», «09». Что за чёрт? Потом понял, что там следом «02.2023», а в феврале 2023-го не было 29-го числа, вот он и не даёт такое вписать, дурила.
Нарушение логики в следующем: более поздний по порядку чтения элемент влияет на более ранний элемент. Это всё равно, что чекбокс в конце формы влиял бы на наличие поля в начале. Так нельзя, влияние может быть только в прямом направлении.
Про принцип «Дай нажать», там тоже есть пример с календарём:
https://ilyabirman.ru/meanwhile/all/let-me-click/
Как рисовать карты и схемы для информирования о челябинском транспорте
Снял видеоурок для сотрудников челябинских транспортных ведомств, но полезно будет всем любопытным дизайнерам:
https://www.youtube.com/watch?v=KdSpM_JfDgw
Рассказываю основные принципы и приёмы, используемые при подготовке карт с информацией о челябинском транспорте. Показываю на примерах. Перерисовываю одну карту из внутреннего документа, чтобы показать, что это быстро. Заодно какие-то штуке в Фигме комментирую базовые.
Совет с участием фотки фрагмента моего книжного шкафа:
https://bureau.ru/soviet/20230425/
Неделю назад писал про свет в предбаннике «Вая», из-за отсутствия которого кажется, что ресторан закрыт, когда он открыт. И что вы думаете? Иду сегодня, а свет горит! Респект.
Читать полностью…18 мая пройдёт день открытых дверей в Школе дизайнеров бюро
18 мая, в четверг, в 19:30 мск Илья Бирман, преподаватель дисциплины «Интерфейс и информация», расскажет в прямом эфире, кому будет полезна Школа дизайнеров, к чему готовиться и как сделать хорошее вступительное задание. А также расскажет, как вообще придумать интерфейс.
В конце эфира — сюрприз!
Записаться бесплатно
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2023/school-designers-dod-180523/
1. Контурные звёзды в «Мьюзике» — уродские, слишком жирные.
2. Их надо сделать визуально тоньше, хотя бы прозрачными.
3. Ещё лучше — реально тоньше нарисовать.
4. Совсем хорошо — заменить точечками.
Пример удивительной сценарной непродуманности — интерфейс вставления ссылок в сторис в Инстаграме.
Чтобы ставить ссылку, нужно сначала найти этот интерфейс, потом дотянуться до верхнего поля, тапнуть в него, и потом тапнуть в Paste. Как ещё адрес должен туда попадать, если не из буфера обмена, не вручную же мне его печатать?
Очевидно, что он туда должен автоматически вставляться из буфера. С учётом секьюрити-заморочек современного Ай-ОСа, оно должно это хотя бы предложить.
ЧатГПТ, Чернобыль, Чуковский, а также книга Арутюнова и ещё один вечер с Докинзом. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-63/
Когда делали с Мишей лекцию про юмор для нашего курса о презентациях, я совсем забыл про этот эпизод с Бертраном Серле, который комментировал Виндоус Висту:
https://www.youtube.com/watch?v=N-2C2gb6ws8
Посмотрите, Эпл раньше был весёлым!
А всплыл этот эпизод потому, что Бертран Серле сейчас работает... в Микрософте! Ну, точнее, Микрософт купил его стартап:
https://daringfireball.net/linked/2023/03/08/serlet-microsoft
А на наш курс сейчас идёт запись, приходите:
https://bureau.ru/courses/presentation-online/
Идёшь, бывает, по городу, и в новых местах замечаешь свой дизайн. Польза генератора табличек:
https://ilyabirman.ru/chelyabinsk/nameplates/generator/