В сегодняшнем совете предлагаю логарифмическую прокрутку для чатов:
https://bureau.ru/soviet/20241105/
Как вам такое? Кто запилит прототип?
Сегодня ещё немножко поиграю.
На этот раз хочу покрутить разное быстрое техно. Это не мой родной жанр, так что я не знаю, куда меня это заведёт, но когда-то же практиковаться надо. Подключайтесь, пишите комментарии:
https://vk.com/video286049442_456239434
Кто вчера был свиделем ада со звуком — после двух часов необъяснимых мучений я вроде бы добился, чтобы играло нормально, но щас посмотрим, что выйдет.
Когда-то Россия сделала большой шаг вперёд, освободив людей от перевода часов два раза в год. Теперь я жду, что когда-нибудь Россия станет свободной ещё и от переноса выходных и праздников!
Читать полностью…Из моего комментария к работе студентки:
Выглядит по-деловому. Как будто компании 20 лет, в офисе у директора висят дипломы и сертификаты всякие. Иногда можно услышать довод, что такой вот «надёжный» вид кого-то привлекает, типа что это не какая-то хипстерская фирма-однодневка, а что-то серьёзное. Но я в это и раньше-то не верил, а уж когда даже все банки отказались от этого казённого вида и стали человечными, совсем верить перестал. Меня-то всё-таки волнует не солидность компании, а довезут ли мою хрупкую вещь. А страница как будто вообще не об этом.
А то вдруг вы всё ещё солидный сайт хотите.
Листаю советскую книгу о правилах дорожного движения, знаках и разметке с красивыми иллюстрациями, комментирую:
https://www.youtube.com/watch?v=-VoyUQ858qA
Или так:
https://vk.com/video286049442_456239430
Давно так не делал.
Разбираем интерфейс заправки. Одна из проблем — перебор с количеством стилей. Не надо выделять всё разными шрифтами по важности, ведь получается каша. А ещё тени должны падать вниз и не быть чисто серыми. 6 минут:
https://www.youtube.com/watch?v=hvv_ohLK1xU
Или так :-(
https://vk.com/video286049442_456239429
Идёт запись на курс, который пройдёт 7 декабря — 5 января. Всё ещё аж −30% из-за очень ранней записи. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Иногда внутри интерфейса нужно иллюстративно показать какой-то кусок интерфейса, типа когда объясняешь, как что-то будет в реальном интерфейсе. Написал про это в блоге:
https://ilyabirman.ru/meanwhile/all/interface-explains-interface/
Приносите свои примеры тоже.
Думаем дальше № 27 «То удочка, то арбалет» с Сергеем Стеблиной
С Сергеем Стеблиной обсудили роль Корела и роль арт-директора.
0:00 — Уметь «делать плохо»: эстетика объявлений у подъезда, юридических документов и вывесок дешёвых продуктовых
10:44 — Должна ли упаковка выделяться на полке
16:03 — Неряшливость считывается как срочность
18:19 — Корел существует
21:18 — Серёжа проводит для Ильи ликбез по полиграфии
29:20 — Серёжа посмотрел плагины для печати из Фигмы
33:54 — Как Илья настраивал ЦМИК автобусной наклейки на днях
38:48 — Принципиальная разница между нахваткой DPI, отсутствием вылетов и меток реза — и неправильными единицами измерения
41:24 — Серёжин взгляд на роль арт-директора
45:38 — Взгляд Ильи
49:30 — Обмен мнениями: туманные комментарии «иди ещё подумай» против чётких объяснений; артдир как источник клиентов или как источник знаний; самостоятельность, готовность к жестокому миру и присвоение результата
1:06:48 — Про дедлайны
1:11:19 — Про умение дизайнера знать, за что хвататься
1:13:50 — Про наши транспортные схемы: Гданьск и Ташкент
1:17:53 — Серёжина работа с дизайнерами
1:20:58 — Проекты без указания имени дизайнера
Эпл · Ютюб · Я.Музыка · Мейв
Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
Короткий фрагмент про хоум-индикатор — эту полоску внизу экрана Айфона, что не надо бояться, если под неё что-то попадает при прокрутке, а вот статичные элементы стоит ставить с достаточным отступом. 2 минутки:
https://www.youtube.com/watch?v=mMTivJldcAQ
Или так :-(
https://vk.com/video286049442_456239425
Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас аж −30% из-за очень ранней записи. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Навигация для поставщиков «Вайлдберрис»
Рассказал об огромном проекте — навигации для поставщиков «Вайлдберрис»:
https://ilyabirman.ru/wb/suppliers/
Почитайте. Там главное — сам подход. Навигация — это не таблички нарисовать, а придумать весь сценарий, как человек что-то находит, и даже как он вообще понимает, что ему надо искать. В проект вошли и таблички, и схемы, и печатные инструкции, и мобильный сайт, и светодиодное табло, и банер. И это всё — системно для кучи разных складов.
Артём Горбунов поделился дебрями настройки Макоса. Тут в подписи сразу все грехи синтаксиса:
— невозможное повелительное наклонение (глагол должен быть в начальной форме: «отключить»; не «сохраните как...», а «сохранить как»);
— неуместный совершенный вид (это не однократная команда «отключить», а настройка образа действия, то есть надо «отключать»);
— усложняющая восприятие отрицательная формулировка (должно быть «включать только если нужно»);
— стоп-слова («Вам», «это»).
Но даже если синтаксис будет безупречным, смысл этой фигни всё равно непонятен. Как, кем и когда определяется нужность? Если это настройка приоритетов сетевых подключений, то она и так делается в другом окне, где ты просто расставляешь их в порядке предпочтительности использования.
За годы Эпл прошёл большой путь от «эти примеры мы используем для иллюстрации всего хорошего» до «на этих примерах можно показать всё говно».
Прямой эфир в 19:30 мск
Через час начнётся день открытых дверей в Школе дизайнеров бюро.
Илья Бирман, преподаватель дисциплины «Интерфейс и информация», расскажет в прямом эфире, кому будет полезна Школа дизайнеров, к чему готовиться и как сделать хорошее вступительное задание. А также расскажет, какие навыки нужны дизайнеру, чтобы быть востребованным специалистом.
В конце эфира — сюрприз!
Трансляция в ВК
Эта и другие новости на сайте бюро:
https://bureau.ru/news/2024/school-designers-dod-231024/
У нас тут в бюро такая затея с 7 по 31 октября: делаешь или покупаешь что-то — получаешь бонус. Называется «бюропропуск». Сначала надо просто почту оставить на странице этого пропуска:
https://bureau.ru/news/2024/bureaupass/
За это уже дадут 10% скидку на любую книгу или полку, а также +1 к вашему КПД. Если собирались покупать книгу, есть смысл это сделать через пропуск. Дальше надо подарить кому-то любую нашу книгу, тогда вы сами получите год подписки на мою книгу «Пользовательский интерфейс» и ещё +2 к КПД. Ну и там дальше так же нанизываются ещё всякие штуки, плоть до розыгрыша бесплатного обучения в школе, поглядите.
Заодно: нейросети́, которая генерирует подкаст на любую тему, подсунули в качестве исходного материала текст, состоящий из кучи слов poop и fart. И она сделала почти 10-минутый выпуск подкаста на эту тему.
Восхититесь тем, что умеют делать нейросети, а также осознайте, что качество контента большинства «настоящих» подкастов не намного выше. Точно также люди изображают заинтересованность в полной туфте и «с выражением» по сценарию обсуждают её в течение положенного времени.
Презентация руководству
В корпорациях есть такой формат — презентация руководству («бизнесу», «стейкхолдерам», это уж у кого как).
Вообще, презентовать работу руководству и коллегам — важнейшее умение, и мы даже этому учим на нашем с Мишей курсе. Но тут речь не о презентации как процессе, а о документе со слайдами. Исполнитель сделал какую-то содержательную работу, но вместо того, чтобы пойти и рассказать о ней, он сидит и оформляет это в красивую ПДФку с корпоративными атрибутами, вёрсточкой и всеми делами.
Часто так оформляется даже не какой-то законченный проект, а просто наброски идей, которые надо обсудить. Это всё называется «исследование концепций чего-нибудь там», приправляется разными картинками про рынок и конкурентов, и вообще всячески накачивается как значимый этап большого дела, хотя на самом деле исполнитель просто хочет высказать пару идей и понять, насколько они в тему.
К исполнителям вопросов нет — они делают так, как от них требуют или как заведено в компании.
Но я хочу обратиться к руководству. Возможно, вы — важные лица, сидящие в высоких кабинетах. Обычный сотрудник не осмелится показать вам просто черновик или вообще прийти обсуждать мысли без ПДФки, ведь выглядит, будто он не поработал. Возможно, вы так и не думаете, но ведь это важно ещё и до исполнителей донести! Они-то не хотят плохо выглядеть на фоне других.
Поэтому я рекомендую буквально запретить исполнителям оформлять работу для внутреннего обсуждения в презентацию со слайдами. Если для иллюстрации мысли нужны картинки, пусть показывают просто картинки прямо в Фигме или как быстрее.
А если же вы сами всерьёз хотите, чтобы вам всё показывали только в виде красиво свёрстанной презентации, то вдумайтесь, сколько времени исполнителей, за которое вы им вообще-то платите, тратится на эту чепуху. Они могли бы придумать пять вещей, но придумывают две только из-за того, что вам приятнее смотреть ПДФки!
Ну а если ваши исполнители прячутся за ПДФкой, потому что сами не могут нормально идею донести, то отправляйте их на наш курс:
bureau.ru/courses/presentation-online/
И ещё видосик. Листаю венгерскую книгу «Искусство букв», комментирую:
https://www.youtube.com/watch?v=1q4z8k3nGg4
Или так:
https://vk.com/video286049442_456239433
Ситуация в интернете. Какой-то верховный дизайнер Фольксвагена Вольфганг Бремер написал, мол, Эпл всё — из-за кнопки снизу у нового Мака-мини. Себастиан де Вит пишет ему, мол, у тебя в машинах климат-контроль вот так настраивается, тебе бы у Эпла поучиться кнопочкам, а не судить. Ну и Вольфганг заблокировал его.
Во-первых, у Эпла полно настоящего говна и они портят всё хорошее с каждым релизом каждого продукта. Есть реальные причины расстраиваться из-за Эпла, и кнопка включения компьютера не входит в их число.
Во-вторых, какие же все нежные в этом интернете, что блокируют друг друга за любые неприятные слова! Как можно жить в таком поддельном мире? Тут причём даже ни одного грубого слова не написано.
Плейлист лайков за сентябрь-октябрь (саундклауду нужен ВПН):
https://soundcloud.com/ilyabirman/sets/2024-sep-oct
Регулярные находки:
@ilyabirman_listens
Пропаганда и бдительность
У пропагандистов иногда слышна идея, мол, враги пытаются дестабилизировать нашу кукуху, внедряют всякие неправильные мысли. Типа важно фокусироваться на том, что даёт тебе спокойствие и ощущение устойчивости, а если ты слышишь что-то, что заставляет тебя переживать — это плохая информация, её надо избегать.
Не позволяйте себя одурачить. Хорошая информация — не та, от которой тепло на душе, а та, что соответствует действительности. Если правда состоит в том, что у тебя проблема, то лучше её знать. А то так можно доуспокаиваться, не глядя анализы и заключения врачей, а потом умереть из-за несвоевременного лечения. Кукухе тоже надо уделить внимание, если она правда страдает от информационного фона, но именно ради того, чтобы она смогла рационально действовать в стрессовой ситуации, а не чтобы засунуть её в песок.
Если кто-то пытается усыпить вашу бдительнось, то подозрение в недобрых намерениях должно ложиться именно на него.
Есть такое правило дорожного движения:
13.2. Запрещается выезжать на перекрёсток, пересечение проезжих частей или участка перекрёстка, обозначенного ‹вафельницей›, если впереди по пути следования образовался затор, который вынудит водителя остановиться, создав препятствие для движения транспортных средств в поперечном направлении ‹...›
За более 20 лет за рулём я пришёл к выводу, что кроме меня о нём не знает никто.
Когда вставший поперёк твоего пути идиот разводит руками, как бы объясняя, что проехать не может, он, видимо, искреннее верит, что это не он сам сюда приехал, а обстоятельства так сложились.
А когда ты сам встал перед заблокированным перекрёстком, сзади обязательно найдётся идиот, который начнёт сигналить, мол, зелёный же, чё встал?! Так потому что если я не встану здесь, то я встану через 10 метров на пути кучи транснорта!
Эксперимент. Попробую поиграть музычку тут:
https://vk.com/video286049442_456239428
Ни разу не пробовал стримить в ВК, не знаю, что получится. Без подготовки, типа вы подглядываете и подслушиваете просто.
Запускал вчера по воле случая Дискорд, и у них там плашка про Хэллоуин вылазит. И вот что подумал:
С одной стороны, конечно, мило. Но с другой это один из ярких примеров программы, которой не сидится на жопе ровно. Ей недостаточно быть просто программой, выполнять свою функцию. Она хочет, чтобы ты о ней знал, думал, обсуждал, хочет залезть в твое инфополе, генерировать новости, что угодно, лишь бы не забыл и не принимал ее как должное. Даже слово для таких программ придумали — продукт.
«Ой, смотрите, у нас новая фича!». «Ой, устанавливаю апдейты! 1/15» «Ой, мы обновили тему» «Ой, у нас новый интерфейс» «Ой, хуюлька переехала в пиздюльку» «Ой, вы давно не смотрели нотификации» «Ой, а релиз ноуты прочитали? Ну а вдруг нет. На всякий случай напоминаю»
И это при том, что это, в общем-то, чат. Я пользуюсь им, потому что это чат и мне надо с кем-то поговорить. Не потому что у вас классная, динамично развивающаяся команда. Я не хочу, чтобы ваш продукт стал моим другом, я не хочу вообще никаких эмоциональных отношений с вашим продуктом, если честно. Мне глубоко пофиг, как там ваша команда хорошо поработала и где отдыхал ваш босс. Представьте, если бы утюг, стол или молоко из магазина отмечали Хэллоуин. А раз в неделю рассказывали бы, как дела у команды, которая их сделала.
А мне и представлять не надо. Сегодня все пытаются из программы сделать «продукт» и занять угол в вашей голове. Даже браузеры.
Вчера что-то штормило Мастерхост, а у меня на нём ДНС. Поэтому сайт мог не открываться. Если вы из-за этого не прочитали рассказ про навигацию для поставщиков «Вайлдберрис», то попробуйте ещё раз:
https://ilyabirman.ru/wb/suppliers/
Надеюсь, сегодня не поломают ДНС, а то завтра придётся ещё раз писать.
А сегодня я вам ещё новый выпуск подкаста принесу, там будет про Корел!
Пошёл читать некую статью о редизайне касс в Магните:
https://habr.com/ru/companies/magnit/articles/853130/
Она бесконечная, там продуктово-исследовательское безумие 80 уровня. Но я в ней нашёл две ценных мысли:
1. Люди выбирают кассы самообслуживания, чтобы визуально контролировать, что всё правильно посчиталось со всякими там акционными товарами. Это не следует из общей теории дизайна интерфейса, это надо было именно выявить в исследовании.
2. Можно автоматически предлагать пакет только если покупок больше скольки-то. Это похоже на то, как живой кассир не спрашивает про паете, если ты купил только презервативы и конфеты (пример вымышленный).
Всё остальное — как обычно. «Мы сделали всё по-нормальному, и результат стал лучше, чем был».
А картинки показывают уровень жести в корпортивном дизайне. Не ходите туда, оно вас убьёт.
Чтобы помелить кий, не надо крутить мелок вокруг наклейки; надо просто поводить мелком по наклейке, как бы погладить так, чух-чух. Представьте, что вам маркером надо закрасить кружок на бумаге — вы ж не будете ввинчивать маркер в бумагу? Просто проведёте аккуратненько несколько раз, и всё. Вот так и тут надо.
Круглые дырки в мелках во всех бильярдных свидетельствуют о том, что этого никто не понимает.
Фоткай ровно
Гуляя по Питеру, снял специальное обучающее видео для тех, кто спрашивал, как и на что я так красиво фотографирую.
Секрет прост: я держу телефон прямо! Никто не хочет верить, что в этом всё дело, но на самом деле никто просто не пробует. Реально все остальные люди зачем-то наклоняют телефон как попало и ждут, что у них получатся не кривые кадры. Но с чего?.. Это уму не постижимо. Просто возьми телефон ровно! Этой нехитрой идее и посвящено видео.
В видео не раскрыта тема того, что 90% людей вообще снимают вертикально, потому что я не представляю, как снять такое видео, которое меняет ориентацию по ходу. Давайте исходить из того, что вертикальные кадры в принципе бессмысленны изначально.
В список кофейных мест добавились Колорс, Подписные издания, Кофе на кухне и Характер кофе в Санкт-Петербурге:
https://ilyabirman.ru/meanwhile/all/coffee-places/
На этих фоточках — Колорс.
Пример высокой информативности интерфейса из Фигмы.
Когда у инстанса компонента заходишь в пункт меню Reset, там можно сбросить разные аспекты отдельно: название, размер, цвета, отдельные свойства. Кайф в том, что Фигма показывает только те пункты, сбор которых что-то изменит, то есть те аспекты, которые действительно изменены по сравнению с мастер-компонентом. Таким образом меню вдобавок к функции сброса «бесплатно» приобретает функцию индикатора того, что отличает этот инстанс от идеального компонента.
Дизайнер интерфейса всегда должен стремиться к тому, чтобы выжимать максимум полезной функциональности из имеющихся элементов интерфейса, а не городить новые на каждый чих.
Большой выпуск про слова и гигантский выпуск про Нейролинк, демография России, 40 часов Джейсона Фрида и нейросеть, которая генерирует подкасты. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-76/