Прошу не забывать, что кроме моего могучего курса об интерфейсе у нас с Мишей на двоих ещё есть прекрасный курс о презентациях клиенту и публичных выступлениях. Ближайший пройдёт в марте, но если записаться прямо сейчас, то сэкономите аж 30%:
https://bureau.ru/courses/presentation-online/
На картинке — программа курса.
Важная сторона всех курсов — практика. Это то, что на картинке подписано рыжим. Помимо презентаций на семинарах, мы ещё устраиваем «репетиции» в виде видосов, отправленных прямо в чат курса. Там и мы комментируем, и участики могут комментировать друг друга, не дожидаясь семинара. Если ничего не пропускать, то за три недели курса можно сделать шесть или даже больше итераций работы над презентацией.
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 125-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-125/
От № 101 до № 125 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 102 про выравнивание цифр в таблицах (вечные сложности у всех), № 107 про ощущение быстроты в программе, № 115 про мир пользователя и № 118 про обозначение обязательных и необязательных полей (тоже вечные сложности).
Идёт запись на февральский курс:
https://bureau.ru/educenter/ui-online/
В продолжение темы того, что знания теряются. В 391-м выпуске «Ток-шоу» Джона Грубера Джон Сиракьюса описывает свой опыт использования нового приложения «Журнал» на Айфоне (с 1:27:44):
https://daringfireball.net/thetalkshow/2023/12/23/ep-391
Он говорит примерно такое:
«Я запустил программу, нажал на „плюсик“, появилась панелька с приглашением разрешить ей автоматически предлагать мне идеи того, что добавлять в мой журнал. Я разрешил. Потом она спросила про уведомления. Я разрешил. И тут я оказался на той же панельке с приглашением разрешить предлагать идеи, но оно было задисейблено — видимо, потому что я их уже разрешил. И я такой: „Ок, и что мне теперь делать“? Я подёргал панельку туда-сюда, попытался её смахнуть, потом попробовал тапнуть что-то за её пределами — ничего не происходило. И тут вдруг панелька уехала, а за ней открылась куча тех самых идей. То есть она усердно формировала этот список. Такое не только в приложении „Журнал“ бывает. Это базовые понятия о взаимодействии человека и машины, которые каким-то образом покинули компанию Эпл. Когда компьютер что-то делает некоторое время, покажите что-то на экране, чтобы люди понимали, что компьютер думает!»
Плачем вместе.
Яндекс, я возмущён. Я ж добавил подкаст в твою «Музыку». И вот слушатели мне жалуются, что они не понимают, с кем я разговариваю в выпуске. Я говорю: так там же в описании написано. И тут выясняется, что в твоём интерфейсе хрен найдёшь описание!
1. Мне показывают скриншот, реально ничего нет. От безысходности спрашиваю: «Что прячется за многоточием?»
2. Мне говорят: «О, там описание, спасибо!» Яндекс, ты с какой планеты упал, где за таким многоточием описание прячут? Там пользователь ожидает интерфейсы типа «добавить в избранное», «скачать», а не описание. Посмотри плиз лекцию «Привычка» у меня.
При этом показывается только начало описания. Я спрашиваю: «А таймкоды-то он [Яндекс] куда дел? Ещё и „Далее“ надо нажать?»
3. Мне присылают следующий скриншот: «Ух ты, там ещё и таймкоды есть!» И это при том, что это не первый подкаст у человека, просто он до меня вообще не знал, что такое есть.
Вы со своими дизайн-исследованиями совсем охренели и интерфейс не можете нормальный сделать.
4, 5. Посмотри, Яндекс, пожалуйста, как выглядят подкасты здорового человека. Не показывать описание — это просто какой-то мрак и моветон. Гмейл изобрёл показывание первой строчки письма прямо в списке писем лет двадцать назад. Это делает хоть Оверкаст, хоть встроенное приложение Эпла.
И посмотри мою лекцию «Информативность» ещё, пожалуйста.
И вы ещё спрашиваете, почему я подкасты на Яндекс Музыке не слушаю. Я что, больной что ли? Пусть они сначала разберутся хотя бы в общих чертах, что такое подкасты, как ими люди пользуются.
Смотрите, нас тут спросили про ворк-лайф-баланс:
https://awdee.ru/opinion-of-experienced-designers-how-to-maintain-work-life-balance-and-not-burn-out/
Если приходится искать баланс, вы уже делаете что-то не так.
Женя Арутюнов примерно про то же, что и я, но явно лучше подготовился и аж с картинками выступил! Женя, привет.
Снял вам кино про то, почему 0,(9) = 1. Казалось бы, это ж и так понятно? Но люди продолжают зачем-то об этом спорить, а некоторые — доказывать. Но доказывать тут нечего, некоторым людям просто не хочется в это верить. Поэтому я пробую помочь поверить:
https://www.youtube.com/watch?v=DGG0bjpg9g0
Как корпорации всех поработят без государства
Любители государств часто говорят, что без государств корпорации всех поработят. Типа корпорации только и мечтают, чтобы государства им перестали мешать на их пути к безграничному обогащению.
Но почему же тогда представители корпораций не особо высказывают либертарианские идеи, если они от них выиграют? Не пытаются убедить людей, как хорошо будет от свободы? Наоборот: корпорации систематически выступают за усиление роли государства.
«Technology needs to be regulated», — говорит Тим Кук.
«I’m increasingly inclined to think that there should be some regulatory oversight», — говорит Элон Маск.
«I think if this technology goes wrong, it can go quite wrong ‹...› We want to work with the government to prevent that from happening», — говорит Сэм Альтман.
Чем крупнее компания, тем охотнее она поддерживает патенты, лицензирование, сертификацию и прочее государственное вмешательство в отношения между людьми. Потому что корпорации знают, для них это всё мелкие и формальные препятствия, с которыми юристы быстро разберутся, а вот зато мелким конкурентам это закроет путь на рынок. И самый кайф, что расходы на всю эту инфраструктуру можно возложить на всё общество, а не нести самим. А люди будут думать, что это в их интересах и делается! Ну не прелесть ли?
Государства — лучшие друзья корпораций.
Синтаксис и автономность подписи элемента интерфейса
На вчерашнем семинаре интерфейсного курса разбирали элемент настройки окна.
1. Здесь нарушен синтаксис. Синтаксически радиокнопки — это набор однородных членов предложения, остальные члены которого даны в общей подписи. Здесь подпись «не открывается» не сочетается с общей подписью «Открывается». Формально мы как бы выбираем между вариантами: открывается влево, открывается вправо, открывается не открывается.
Чтобы исправить синтаксис, нужно все радиокнопки сделать обстоятельствами, то есть чтобы они отвечали на вопрос «как?».
2. Стало правильно синтаксически, но возникла другая проблема: неавтономность.
Автономность — это когда для понимания смысла элемента не нужно знать, что находится вокруг. Например, компьютер спрашивает, хотите ли вы удалить файл. Если подтверждающая кнопка называется «Да», то она неавтономна, потому что приходится читать, что спрашивают перед ней. А если кнопка называется «Удалить», то она понятна сама по себе, автономна.
Во втором варианте последняя радиокнопка потеряла автономность. Чтобы понять, что именно «никак», приходится читать общую подпись. А вариант «не открывается» был самодостаточным.
Что же в итоге лучше? Кажется, что удобство важнее формализма, и первый вариант побеждает. Но это ловушка! Нет причин выбирать между плохими вариантами, когда можно найти хороший. Вчера, например, сразу же придумали, что вместо слов можно использовать графику: понятные стрелки в две стороны; крестик между ними.
О курсе:
https://bureau.ru/courses/ui-online/
Радикальные либертарианцы против
В связи с новым президентом Аргентины слышу: «Либертарианцы рассматривают государство как преступную группировку». И через пару предложений: «Радикальные либертарианцы против существования государства в принципе».
Есть простая идея: насилие неприемлемо. Люди могут вступать в отношения только по обоюдному согласию. Человек не должен быть хозяином другим людям. Может, идея утопическая; может, она не сработает. Но, кажется, что заблудиться в ней негде.
Тем не менее, большинству даже самых свободомыслящих людей эта идея кажется «радикальной». В чём же радикальность? Это просто моральная последовательность. Очевидно, что нормальный человек против преступности. Как было бы «не радикально»? Преступность нужна, но иногда лучше без неё?
Представьте такой тейк: «Феминистки считают, что женщины поражены в правах. Радикальные феминистки в принципе против перекоса в правах в пользу мужчин». Да нет, это не радикальные феминистки, а просто нормальные люди. В идее равноправия нет ничего радикального. Радикально — это, например, ненавидеть всех мужчин, потому что они угнетатели и насильники. Так что радикальными были бы либертарианцы, которые бы всех, кто хоть раз платил налоги, хотели бы наказать как сообщников ОПГ. Это я понимаю, радикально.
Вообще, с либертарианством большая путаница. Мысль «воровать нехорошо», попадая в голову людей, искажается и приобретает странные формы. Большинство быстро съезжают по линии, что вообще нехорошо, но для хорошего дела можно. А с другой стороны Айн Рэнд зачем-то до кучи считает, что не только воровать, но ещё и помогать другим нехорошо, и дарить тоже нехорошо. Дурдом, короче, хоть свои лекции записывай.
А что там по другую сторону Ла-Манша? Маршрутоуказатель и автобусные остановки Парижа:
https://ilyabirman.ru/meanwhile/all/paris-bus-stops/
В посиделках в конце семинара, когда уже все работы разобрали, участница спрашивает про плакат о синтаксисе, где его купить. Я нахожу новость и заодно ещё рассказываю про бумагу, которая горит. 5 минуток:
https://www.youtube.com/watch?v=o2DjvI6nVts
Последние дни идёт новогодняя акция, где в том числе продаётся и этот плакат:
https://bureau.ru/
И идёт запись на февральский интерфейсный курс, и сейчас скидка из-за ранней записи максимальная — 20%. Всё про курс, отзывы и кнока записи:
https://bureau.ru/courses/ui-online/
Думаем дальше № 4 — «Квота на пять истерик в год» c Сергеем Стеблиной
Обсуждаем с Серёжей Стеблиной секреты Иллюстратора, мудрости из его поста на день рождения и кто такой арт-директор.
0:00 — Фолоу-ап: Серёжа дорисовал схему метро Амстердама → https://steblina.myportfolio.com/amsterdam-metro-map
7:28 — Мощный секрет рисования пучков (попытайтесь понять на слух)
13:20 — Как не бояться экспериментировать и «ломать» хрупкие макеты
16:22 — Фолоу-ап: Адоби и неуважение к пользователю
24:12 — Скилл распознавать мудаков
35:19 — Срочность отпадает естественным путём
37:31 — У Ильи ощущение шаббата от 1 января
46:50 — Если чужой дизайн — говно
54:44 — Суперспособность Артёма Горбунова
57:45 — Кто такой арт-директор
Все выпуски:
https://thinkon.mave.digital
РСС, чтобы подписаться в подкастном приложении:
https://cloud.mave.digital/51724
Сегодня ещё поразгребал фрагменты интерфейсного курса, дошёл до 75-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-75/
От № 51 до № 75 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 54 про маковскую скриншотилку, № 55 про соответствие между логикой и внешним видом, № 62 про клиента, который хочет фигню, № 66 про исследование Эпла и № 71, где я запрещаю выравнивание по центру.
Ещё раздел «Бизнесовое и продуктовое» пополнился полезными видосами.
В прошлом году сделали с Ромой Мочаловым обновленьице схемы челябинских трамваев, и она уже висит в трамваях и на остановках повсюду:
https://ilyabirman.ru/chelyabinsk/trams/2023/
В галерее — эволюция за четыре года. Клёво, что пучки худеют: дублирование маршрутов постепенно устраняется. Сами трамваи тоже всё приятнее, а пути — всё обособлённее.
У Оди вышла статья про опасность минимализма в дизайне:
https://awdee.ru/the-danger-of-minimalist-design/
На мой взгляд, примеры, приведённые в ней, иллюстрируют совсем не то, а половина из них вообще опровергают исходный тезис.
1. Очевидно, что телефонная будка справа — кусок говна. Но это не из-за минимализма, а из-за её низкого качества. Часто «минимализм» возникает из-за желания сэкономить на всём, и это сразу видно. Можно сделать минималистичную телефонную будку красивой.
2. Пишут: «Даже скамейки подверглись влиянию минимализма!». Видимо, читателю предлагается заключить, что правая скамейка плоха, но она ведь лучше левой! Она легче и элегантнее, у неё куда более приятная форма. На ней явно будет удобнее сидеть (если только железяки не заледенеют зимой) — деревяшки не будут впиваться в спину.
3. И здесь логотип явно улучшили. Нарисовать «плоский» знак красиво — большое искусство, и там действительно богатство и небезразличие в каждом изгибе. Наложить блики и тени — много ума не надо. Такие спецэффекты часто маскируют отсутствие внимания к деталям в самом знаке. В прошлом-то веке ещё ладно, для их изображения нужно было постараться художнику. А сегодня компьютер нарисует любое 3Д безупречно. В чём тут ценность?
Минимализм сам по себе не плох и не хорош. Плохо делать дизайн спустя рукава.
Новосибирск: трешак и кофе —
https://ilyabirman.ru/meanwhile/all/novosibirsk-trash-coffee/
Взгляд новичка в интерфейсе: новая лекция и полезный трейлер
Вторая лекция о пользовательском интерфейсе, которую я обновил — о взгляде новичка.
Актёры играют по сценарию. А пользователи отвлекаются, переключаются между делами и нажимают кнопки не в том порядке, как придумал дизайнер. Нельзя полагаться на то, что человек помнит, что было на предыдущем экране. Каждый экран должен иметь смысл сам по себе.
В этой лекции учу смотреть на экран свежим взглядом: как будто в первый раз или как будто вам полностью стёрли память. В лекцию добавились хорошие примеры из Телеграма, разные из Айфона, а также конкретные признаки того, что с интерфейсом проблема.
Вчера писал вам про принцип полезных трейлеров. В трейлере «Взгляда новичка» – пример из Телеграма и разбор проблемы окна подтверждения из редактора «ВС Код»:
https://www.youtube.com/watch?v=Pyb7vhfxjMY
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
Последовательное волшебство в интерфейсе: новая лекция и полезный трейлер
Я обновил очередные лекции о пользовательском интерфейсе. Сегодня — о последовательном волшебстве.
В интерфейсе происходят вещи, невозможные в реальности, скажем, окно можно растянуть за уголок. Но мы видим в подобном «волшебном» поведении последовательность и логику. Если в физическом мире есть законы физики, то в интерфейсе мы можем придумать любые законы. Когда они хорошо продуманы, человек не просто заучивает определённые последовательности действий, а может осмысленно придумывать новые для решения своих задач.
Эта лекция о том, как видеть и придумывать хорошие законы в интерфейсе. Она существенно дополнилась: появились идеи об управляемости, замкнутости и обратимости, о связи внешнего вида интерфейса и ожиданий от него. Ну и добавились новые примеры.
В трейлерах у меня, в основном, обрезки для заманухи. Но также я придумал принцип, что трейлер сам по себе должен быть полезен. То есть кроме заманухи в нём должна содержаться хотя бы одна самостоятельная мысль или хотя бы один пример должен быть разобран содержательно.
В трейлере «Последовательного волшебства» – домашний экран Айфона как пример «сильного» закона в интерфейсе и Эйрдроп как пример набора заплаток:
https://www.youtube.com/watch?v=_EOTBVLCvfk
Сейчас экономия 10% при записи на мой февральский курс:
https://bureau.ru/courses/ui-online/
Бирман похвалил схему троллейбусов Красноярска:
https://bureau.ru/soviet/20240116/?utm_source=tg-s-s-s240116-160124
Подкаст «Думаем дальше» успешно загружен на Яндекс Музыку, с уважение сообщает команда Яндекс Музыки:
https://music.yandex.ru/album/29069497?dir=desc&activeTab=about
Если вы там хотели слушать, то начинайте. Все вышедшие пять выпусков — там. Скоро будем следующий выпуск записывать, никогда не угадаете, с кем.
Расскажите, как вам подкаст. Перевернул вашу жизнь, надеюсь?
Дальше разгребаю фрагменты интерфейсного курса, дошёл до 100-го:
https://ilyabirman.ru/meanwhile/all/ui-course-frags-1-100/
От № 76 до № 100 — свежедобавленное, посмотрите.
Если всё смотреть лень, особенно рекомендую № 82 про сео и персональные данные, № 86 про технозависимость, № 89 про прямоугольность и Фотошоп и № 91 с аналогией между юай-китом и шрифтом.
Также выделился раздел «Вёрстка».
А какие видосы вам показались самыми полезными?
Западный ветер
Никогда не мог понять, что значит «западный ветер». Это с запада или на запад? Причём, разумеется, мне уже тыщу раз объясняли, как это понимать, но запомнить это невозможно, потому что в равной степени логичны противоположные трактовки.
См. также. Солонка и перечница:
https://ilyabirman.ru/meanwhile/all/solonka-i-perechnica/
Часы швейцарских железных дорог:
/channel/ilyabirman_channel/1845
Думаем дальше № 5 — «Ты явно хочешь гуй» с Никитой Прокоповым
Обсудили ещё деталей интерфейса текстового ввода, зачем люди пользуются терминалом и анимацию.
0:00 — Кросс-платформенность против качества нативных приложений
12:35 — Поведение текстового поля: направление выделения
19:07 — Поведение текстового поля: курсор с памятью стиля
22:05 — Терминал против графического интерфейса. Никита толкает речь против терминала
28:41 — Илья неожиданно толкает речь за
35:10 — Но Никита имел в виду немножко другое, но Илья и про это тоже что-то там думает
40:35 — Находим способ и тут вырулить на тему того, что софт тормозит без дела
47:43 — Сложные клавиатурные действия с текстом в Виме и ВС Коде
52:02 — Чатботы, дизайн взаимодействия через текстовые команды и тотальное скриптование всего
1:02:57 — Делл анонсировал новый 40-дюймовый монитор, а у Ильи Хуавей
1:10:35 — Никита спрашивает, зачем на сайте Ильи анимируется меню
1:14:04 — Управляемая загрузка веб-страниц и Эмёрдж → https://ilyabirman.ru/emerge/
Все выпуски:
https://thinkon.mave.digital
РСС, чтобы подписаться в подкастном приложении:
https://cloud.mave.digital/51724
Если у тебя таймер, а ты зашёл настроить локскрин, то растянутая дырка (извините) налезает на кнопки по бокам. Эпл чуть-чуть недоучёл все сочетания ситуаций.
Читать полностью…Коллеги, прошу прощения, что отрываю в рабочее время по рабочему вопросу.
Как называется технология, когда вот такую делают сверхтонкую наклейку на кирпичи, бетон или что-то ещё? Чтобы сохранялась текстура поверхности, но содержимое можно было напечатать, а не рисовать краской по трафарету. Фотографии из Лондона, но нужно такое сделать в России.
Спасибочки-чмоки!
Мигающие гирлянды
Гирлянда не должна мигать. Она должна просто гореть постоянным приятным светом. Или, в крайнем случае, очень плавно переливаться между приятными цветами.
Обычно у гирлянд есть разные режимы, между которыми можно переключаться кнопочкой. Это ради бога, но изначальным режимом должен быть не мигающий. Кому нравится мигание — пусть настраивает режим, а я хочу просто включить в розетку и наслаждаться праздником.
Прикол, в Ярославле стырили нашу трамвайную экипировку. При этом передний квартет наклеили криво, «вынос» сделали какой-то свой по мотивам оригинала, а наклейку «Открыть двери» зачем-то испортили, выровняв текст по правому краю. Интересно, как к ним макеты просочились. Не надо так.
Читать полностью…Мало кто помнит, но на первом Айфоне домашний экран ещё не листался, и иконки в нём нельзя было расставить по-своему. Иконка «Айтюнса» была стрелкой вниз и указывала на иконку «Айпода» — приложения с музыкой. Типа там скачиваются песенки и попадают в Айпод.
Читать полностью…1. Ох уж этот современный интернет. Скинули ссылку, открываю. Как видите, на десктопе. Видимо, автор считает, что 1024 — это не десктоп?
2. Уменьшаю масштаб на один шаг ⌘-минуса (обычно помогает на таких сайтах). О, слова про «бест юзер-экспириенс». Да куда уже бесте́е! ⌘W