Канал Ильи Бирмана

20 June 2023 16:29

Сегодня — день видосов с моим бубнежом! Обещаю, на сегодня это последний видосик, и он малюсенький.

Небольшой спич про то, почему вообще интерфейс не обязательно должен быть хорошим, но на курсе по интерфейсу — обязательно. Две минуточки:
https://www.youtube.com/watch?v=3fzeLHVhvy0

Приходите на курс о пользовательском интерфейсе, он очень классный, и все уходят довольными. Ближайший курс пройдёт с 1 по 30 июля. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/

Канал Ильи Бирмана

20 June 2023 10:18

Екатеринбургская лекция про полезные сайты

Непонятно, как так получилось, что я не выкладывал такую вот лекцию про полезные сайты:
https://www.youtube.com/watch?v=zsyfdOkaSi4

00:00 Интро
19:57 Часть 1. Лучше рассказать о продукте
40:09 Перерыв
50:08 Часть 2. Повысить доверие
1:43:18 Вопросы

Ещё непонятно, почему у меня там голос дрожит. Зато лекция важная! Поделитесь с коллегами обязательно.

Канал Ильи Бирмана

18 June 2023 21:45

В предыдущем сообщении — голосовой комментарий вот к такой картинке, которую прислал Михаил, когда я приглашал присылать работы для получения голосовых советов. Кстати, войсы удобнее всего слушать на полуторной или двойной скорости.

Канал Ильи Бирмана

17 June 2023 19:01

Во-вторых, интересно сделана маленькая, минутная шкала. У неё есть сплошная обводка, и она вырезает из секундной дырку, нагло закрывая куски пятёрок. Длинными сделаны деления, кратные пяти, но не десяти; а вот деления, кратные десяти сделаны, снова, чуть жирнее и подписаны числами. Шрифт немного другой — посмотрите на двойку, — но явно нарисован той же рукой.

В-третьих, на нём есть пиктограмма секундомера! Я не могу найти этому никакого объяснения, кроме как «не придумали, чем заполнить пустоту», но выглядит хорошо.

Ах да, Made in USSR написано по-английски.

Канал Ильи Бирмана

17 June 2023 14:49

Вот вам мудрый Жванецкий из 2010 года.

Канал Ильи Бирмана

16 June 2023 09:05

Участник курса презентаций Стёпа Рычков рассказывает про новый набор иконок для Яндекс.Клауда и инструмент умного поиска, которые он разработал. В середине рассказа предлагает поиграть в игру: угадать, что было самым сложным в работе. Обсуждаем недостатки презентации: преуменьшение значимости работы, ненужная игра, неочевидность связи слайда с текстом, произнесение заголовков вслух. 14 минут:
https://www.youtube.com/watch?v=CRnsWOsCW_A

00:00 Презентация
02:01 «Небольшой интерактив»
05:24 Разбор

Все подробности про курс, включая подробную программу и кнопку «Запись»:
https://bureau.ru/courses/presentation-online/

Следующий курс пройдёт в июле, приходите.

Канал Ильи Бирмана

15 June 2023 20:19

Выше — голосовой комментарий вот к такой картинке, которую прислал Никита Яковенко чуть выше, когда я приглашал присылать работы для получения голосовых советов. А кто ставит фак, тот дурачок :-)

Канал Ильи Бирмана

15 June 2023 06:40

Обращение в Минздрав России по поводу знака о запрете курения:
https://ilyabirman.ru/meanwhile/all/obraschenie-v-minzdrav-rossii/

Канал Ильи Бирмана

14 June 2023 15:21

Экран приложений в Вотч-ОС 10

С первых Эпл-часов людей напрягал интерфейс экрана приложений — было очень неудобно перемещаться, запоминать где что, целиться. Несколько лет назад появился вариант показывать приложения просто списком, но он выглядел уныло и был слишком длинным.

И вот в 10-м Вотч-ОСе Эплы ловко придумали! Теперь «классический» интерфейс стал просто прокручиваться вертикально, как список. Мне нравится это решение тем, что оно сохраняет визуальную привлекательность и узнаваемость оригинала, решая большинство его проблем.

Канал Ильи Бирмана

14 June 2023 07:57

Расширение экранов в Вижене

Во время презентации Вижена Эплы показали, что ты можешь прямо в нём посмотреть на часы или телефон, и всё будет нормально видно — это была просто ещё одна демонстрация того, что ты не изолирован от остального мира, и можешь пользоваться всеми привычными вещами как обычно.

А я подумал, что это недостаточно круто. Обычные вещи могут приобретать волшебные свойства при взгляде через очки. Например, на телефоне или часах может начать без прокрутки влезать то, что требовало прокрутки.

Канал Ильи Бирмана

13 June 2023 12:05

Собирался залить очередной видеофрагмент со своего интерфейсного курса, но понял, что в данном случае достаточно картинки. Разбираем работу участника, я выделяю кусок и говорю:

— А ещё теория близости. Смотри, у тебя вот эта штука выглядит как будто это надо заполнить и нажать синюю кнопку. А что там справа — вообще не волнует, оно даже цвета другого.

Приходите на курс, там кайф и польза. Следующий курс пройдёт с 1 по 30 июля. Все подробности, программа и отзывы:
https://bureau.ru/courses/ui-online/

Канал Ильи Бирмана

12 June 2023 11:44

Два месяца назад я сыграл лайв в РМЦ, но только сейчас дошли руки написать его «треклист»:
https://soundcloud.com/ilyabirman/live-session-2/

Это большая работа, потому что там использовано огромное количество материала. Частью треков ещё пришлось пожертвовать, потому что полный треклист не влез в саундклаудное ограничение в 4000 символов.

Ни один из этих треков не играл целиком — из каждого использовался лишь луп длиной в несколько секунд и только часть спектра частот. Откуда-то я брал бочку и бас, откуда-то — перкуссию, откуда-то — понравившийся семпл.

Зовите поиграть!

Канал Ильи Бирмана

10 June 2023 22:10

Кажется, следующий Макос обещает не очень охотно давать приложениям воровать фокус. Возможно, это хорошо. Но уверенности в победе нет.

Во-первых, звучит так, будто в некоторых случаях он будет игнорировать запрос на активацию, но по умолчанию он всё-таки будет уважаться. А я хочу игнорировать во всех случаях.

Во-вторых, в комментариях мне писали, что за воровство фокуса при запуске приложений отвечают не эти приложения, а сам Макос: якобы он насильно передаёт фокус в приложение, у которого появилось новое окно.

Ну, посмотрим.

Канал Ильи Бирмана

10 June 2023 09:47

Проблемный скеоморфизм

Рассмотрим такой фрагмент ↑ студенческой работы. Пицца лежит на листке в клетку, точнее, не лежит, а, судя по тени, парит над ним. Со школы мы хорошо знаем, что клетка имеет размеры 5×5 мм, поэтому пицца у нас получается диаметром с ширину со средний Айфон. Это никто не считает специально, но просто эта клетка на фоне делает пиццу маленькой. Там, конечно, и выбрана «Маленькая» внизу, но всё-таки даже очень маленькую пиццу я представляю как в два-три раза большую, чем эта.

К самой переключалке размеров вопросов ещё больше. Переключалка нарисована на бумаге тем же способом, что клетка, но при этом выбранный вариант «Маленькая» отбрасывает тень, то есть находится выше бумаги. Но тень он отбрасывает только внутрь шахты переключалки, а за её пределы не отбрасывает. Получается, что на самом деле эта шахта утоплена, а лифт «Маленькая» находится на том же уровне, что бумага? Нет, такого тоже быть не может, ведь внутри самой шахты никакой тени нет. Ладно, может это всё плоское, от лифта никакая тень не падает, просто вот такой эффект нарисован на бумаге? Но этого тоже не может быть, ведь это интерактивный, двигающийся элемент. Напечатанное на бумаге так не может.

Отдельный вопрос — нафига этой «плоской» штуке на бумаге понадобилась тень, когда рядом есть рыжая кнопка «Добавить в корзину», под которую явно уплывают ингредиенты, но она легко обходится без тени.

Если вы взялись играть в скеоморфизм, нужно быть внимательными. Недостаточно просто сделать какие-то текстуры и тени. В скеоморфическом мире есть свои законы и правила, которые нужно соблюдать, чтобы получалось хорошо и последовательно.

Кстати, это ещё и очередной пример тесного интерфейса:
https://ilyabirman.ru/meanwhile/all/tight-ui-pizza-ingredients/

Канал Ильи Бирмана

09 June 2023 11:32

Такой вот вам тёмный паттерн в коллекцию.

1. Идёшь регистрироваться на рейс, смотришь, что включена только ручная кладь 5 кг, и можно добавить 10 кг или багаж 20 кг. Удивляешься, как это тебя угораздило купить такие билеты, с которыми ничего с собой не взять. Готовишься расстаться с 1000 ₽.

2. Потом случайно замечаешь листалку в левой верхей клетке, и оказывается, что багаж у тебя всё-таки включён. Интересно, сколько людей покупают себе багаж два раза «благодаря» такому дизайну?

Канал Ильи Бирмана

20 June 2023 14:05

Давненько Бирман не рассматривал транспортные схемы, ну и вот:
https://bureau.ru/soviet/20230620/?utm_source=tg-s-s-200623

Канал Ильи Бирмана

20 June 2023 07:47

Кулер на Вижене-про

Может вы пропустили, но на Вижене-про у Эпла есть кулер. Мне всё было интересно, слышно ли его при большой нагрузке. Оказалось, нет: Эплы автоматически шумоподавляют его!

Канал Ильи Бирмана

18 June 2023 13:48

Про айтрекинг на Маке

Когда Эплы показали Ай-ОС 7 с эффектом параллакса — фон под иконками немного сдвигался в зависимости от наклона Айфона — я подумал, что подобная фича должна будет рано или поздно появиться на Маке, но для этого ему надо будет понимать, куда ты смотришь. Когда они показали десятый Айфон с фейс-айди, я подумал, что вот ещё один шаг в сторону параллакса на Маке. Ну а теперь они ещё и Вижен сделали, который точно понимает, куда именно ты смотришь. Теперь точно всё есть!

В 2010-м году у Эпла был ивент под названием Back to the Mac. Кучу разных изобретений с Айфона они принесли на Мак — после этого на Маке, например, исчезли постоянные полосы прокрутки, появились инерция и отпружинивание. Так что ждём через три года следующего Back to the Mac, когда всякие волшебства с Вижена станут доступны и без него.

Канал Ильи Бирмана

17 June 2023 19:01

Дизайн советского секундомера

Этот секундомер достался мне по наследству от деда. Это очень ценный предмет, который приятно держать в руках и на который приятно смотреть. Он лежит у меня в одном ящике с первым Айфоном. Но, в отличие от первого Айфона, этот секундомер я реально иногда использую для засекания времени.

Хочу обратить ваше внимание на три вещи, связанных с дизайном циферблата.

Во-первых, у него очень красивые деления на большой, секундной шкале. Каждая секунда разделена ещё на пять «подсекунд», причём их деления нанесены со сдвигом и образуют приятный орнамент. Секундные деления, кратные пяти, нарисованы немного жирнее остальных.

Канал Ильи Бирмана

16 June 2023 14:41

Недавно мы обсудили футболки с тупыми надписями. А как вам кружки с тупыми рисунками?

1. Недавно увидел в магазине приятную кружку: клёвая форма, приятная поверхность, белая внутри — прям всё как я люблю. Думаю, надо брать!

2. Но хрен: дизайнер решить насрать на обратной стороне. Что ж, окей, тогда кружка остаётся стоять на полке, мне такого говна дома не надо.

Канал Ильи Бирмана

16 June 2023 07:56

Бесит, когда пара приезжает на заправку, муж остаётся сидеть за рулём, а жена идёт заправлять машину. Ну что за позорище? То есть я допускаю, что у них там прекрасные гармоничные отношения, но по мнению мужа.

Канал Ильи Бирмана

15 June 2023 13:39

Про Вижен-про и другие новости Эпла, почему лучше обойтись без серверов, дебаты Питерсона и Харриса и почему вы вечно уставшие. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-65/

Канал Ильи Бирмана

14 June 2023 19:23

Теперь вот УВДЦ выложил фотки с «Живых советов», которые я там провёл неделю назад, и я подумал: а что мне мешает устаривать голосовые советы (голосоветы?) прямо тут?

Давайте попробуем: в комментариях к этому посту вы присылайте картинку и объяснение, что изображено и в чём проблема, а я записываю войсик со своими соображениями. Желательно, чтобы на картинке было что-то одно конкретное, а не десять экранов сложного приложения. Картинку придётся сделать ссылкой на Дроплер или аналог.

Канал Ильи Бирмана

14 June 2023 11:23

Занудный, но важный для работы дизайнера кусочек. Участница курса придумала какой-то интерфейс с необычным поведением во время прокрутки. Проблем тут две: во-первых, даже просто понять, как именно она хочет, не так просто. Во-вторых, это ж ещё потом реализовать надо. А ради чего тратить на это ресурсы? 7 минут:
https://www.youtube.com/watch?v=Ew75feYtGMs

Приходите на курс, там кайф и польза. Следующий курс пройдёт с 1 по 30 июля. Все подробности, отзывы, программа и отзывы:
https://bureau.ru/courses/ui-online/

Канал Ильи Бирмана

13 June 2023 17:14

Стихи на всю жизнь

Поэзия занимает важное место в моём сердце. Кто-то наизусть помнит стихи Бродского, кто-то — Ахматовой. А я никогда не забуду стихотворение, написанное моим одноклассником Вадей во время одного из уроков в школе:

Я возжелал сегодня отожрать
Чего же боле мне ещё желать?
Но я сижу в паралепипедной коробке
И должен слушать эту лысину с бородкой

Вадим Кудабаев, около 2000 г.

Канал Ильи Бирмана

13 June 2023 07:51

Недавно я писал про «Презентер» — программу для создания презентаций с необычным, но очень клёвым подходом.

А вот другой пример — «Маймстрим»:
https://mimestream.com/

Это новый очень приятный почтовый клиент для Гмейла.

Тут революция в обратную сторону. За последние лет пятнадцать было несколько попыток «переизобрести» почту, полностью поменяв механику и представление. А «Маймстрим» впервые говорит: может, лучше, наконец, сделать то, что всем привычно, прямыми руками? Приложение даже внешне очень похоже на встроенный «Мейл», просто работает лучше и учитывает разные гмейловые нюансы.

Канал Ильи Бирмана

11 June 2023 11:44

Участник моего интерфейсного курса Никита Михайлов написал отзыв-тред в твиттере:
https://twitter.com/n__mikhaylov/status/1666022657702219776

Ещё и видео снял:
https://www.youtube.com/watch?v=wDzS44MQGzU

Программа курса и запись:
https://bureau.ru/courses/ui-online/

Никита, спасибо!

Канал Ильи Бирмана

10 June 2023 19:15

Ещё сказка на ночь — Design for spatial input:
https://developer.apple.com/videos/play/wwdc2023/10073/

Про глаза. Почему в пространственном интерфейсе окна нужно делать как можно меньше, а кнопки — круглыми. Рамки кнопкам не нужны: привлекают взгляд к краю вместо центра. Окна автоматически увеличиваются при удалении от пользователя, чтобы остаться такого же углового размера (но если надо это можно отключить). Ховер-эффекты как у мыши, даже тултипы есть, если смотреть чуть дольше.

Про руки. Жестов много, можно зумить двумя руками. Можно пододвинуть Сафари поближе и скролить пальцем как на Айпаде. И печатать на клавиатуре в воздухе. В таком случае пофиг, куда смотрят глаза. В каких случаях такое непосредственное взаимодействие подойдёт.

Канал Ильи Бирмана

09 June 2023 15:08

Визуальные манипуляции: диагональ ноутбука

Вот как можно показать диагональ, чтобы все подумали, что экран огромный, но при этом в суде можно было ткнуть, мол, вот же, написано, четырнадцать, ты чем смотрел. Картинка с главной Озона.

Сохранил себе пример в папочку лекции «Визуальные манипуляции». Вот трейлер соответствующей лекции, там ещё всякие примеры такого и мысль про круговые диаграммы:
https://bureau.ru/news/2021/lecture-ui-lies/

Может, у вас тоже есть хорошие примеры?

Канал Ильи Бирмана

08 June 2023 20:28

Эпл впервые официально выпустил всю свою интерфейсную фурнитуру (юай-кит) под Фигму. Пока только Айфон и Айпад:
apple" rel="nofollow">https://www.figma.com/@apple

Там все виды кнопок, меню, уведомлений, пикеров, клавиатур, турбаров, типовых виджетов и экранов в светлой и тёмной теме.