Пример интерфейса со сломанной логикой. Надо указать отчество латинскими буквами, но в загранпаспорте отчество пишется только по-русски.
Что я должен делать? Выдумывать, как оно писалось бы по-английски, если бы было? Но такого слова фактически в документе нет, то есть я в каком-то смысле заполняю заведомо ложными данными. Вдруг по каким-нибудь стандартам должно быть не -ch, а -tch? Ставить галочку, что в документе нет отчества? Но оно же там есть, просто по-русски.
Одни люди делают формы, которые невозможно нормально заполнить, а другие в это время пишут разъяснения, как правильно заполнять. На этом и держится наш хрупкий мир.
Экран плавания на Эпл-часах
Слева — как Эпл-часы отображают тренировку по плаванию, справа — как могли бы. А снизу — это что видно в обоих случаях, если запотели очки (симуляция при помощи Фотошопа).
Эпловский дизайн и сам-то по себе дурацкий — ну какой смысл писать мелко, когда можно писать крупно? — но особенно тупо, что даже если в настройках доступности включить увеличенные шрифты, это не распространяется на экран тренировки.
Какой-то автомагазинчик в Сан-Себастьяне
Дизайнер внезапно обнаружил, что M и W похожи. Ну и дальше всё как в тумане.
Буквы складываются в амбиграмму, красятся в разные цвета (а иначе в сломанных формах можно не разглядеть ни М, ни W). Этого мало, одинаковость букв переезжает в текстовую часть — но и там они выглядят плохо, приходится красить и обводить, чтобы обосновать, ради чего все страдания.
А надо было что? Да просто забраковать эту поверхностную идею и думать дальше. (Нет, подчинить рифме всю графику и леттеринг можно, но это требует другого уровня мастерства.)
Как распознать новичка? Он радуется случайным находкам — каламбурам, рифмам, мемам и забавным совпадениям — как в тексте, так и в графике. Опытный автор знает, что подарки судьбы надо отклонять и добывать что-то своё.
Закончил переводить книгу про транспортные схемы! Последние главы ещё не выпустили, там ещё отдельный процесс.
Кто пропустил — на картинке мой тудулист в виде календаря. В начале года я заметил, что у меня не переведено несколько больше 300 разворотов. Я понял, что если переводить по одному развороту в день, то я доделаю всё до конца года. С некоторым опережением я закрашивал дни, и вот книга кончилась, когда я закрасил 19 ноября.
В общем, главное дело года доделал и сижу довольный теперь.
Способ мне понравился, но, к сожалению, довольно мало дел, которые так легко квантуются.
Презентация руководству
В корпорациях есть такой формат — презентация руководству («бизнесу», «стейкхолдерам», это уж у кого как).
Вообще, презентовать работу руководству и коллегам — важнейшее умение, и мы даже этому учим на нашем с Мишей курсе. Но тут речь не о презентации как процессе, а о документе со слайдами. Исполнитель сделал какую-то содержательную работу, но вместо того, чтобы пойти и рассказать о ней, он сидит и оформляет это в красивую ПДФку с корпоративными атрибутами, вёрсточкой и всеми делами.
Часто так оформляется даже не какой-то законченный проект, а просто наброски идей, которые надо обсудить. Это всё называется «исследование концепций чего-нибудь там», приправляется разными картинками про рынок и конкурентов, и вообще всячески накачивается как значимый этап большого дела, хотя на самом деле исполнитель просто хочет высказать пару идей и понять, насколько они в тему.
К исполнителям вопросов нет — они делают так, как от них требуют или как заведено в компании.
Но я хочу обратиться к руководству. Возможно, вы — важные лица, сидящие в высоких кабинетах. Обычный сотрудник не осмелится показать вам просто черновик или вообще прийти обсуждать мысли без ПДФки, ведь выглядит, будто он не поработал. Возможно, вы так и не думаете, но ведь это важно ещё и до исполнителей донести! Они-то не хотят плохо выглядеть на фоне других.
Поэтому я рекомендую буквально запретить исполнителям оформлять работу для внутреннего обсуждения в презентацию со слайдами. Если для иллюстрации мысли нужны картинки, пусть показывают просто картинки прямо в Фигме или как быстрее.
А если же вы сами всерьёз хотите, чтобы вам всё показывали только в виде красиво свёрстанной презентации, то вдумайтесь, сколько времени исполнителей, за которое вы им вообще-то платите, тратится на эту чепуху. Они могли бы придумать пять вещей, но придумывают две только из-за того, что вам приятнее смотреть ПДФки!
Ну а если ваши исполнители прячутся за ПДФкой, потому что сами не могут нормально идею донести, то отправляйте их на наш курс:
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. Можно автоматически предлагать пакет только если покупок больше скольки-то. Это похоже на то, как живой кассир не спрашивает про паете, если ты купил только презервативы и конфеты (пример вымышленный).
Всё остальное — как обычно. «Мы сделали всё по-нормальному, и результат стал лучше, чем был».
А картинки показывают уровень жести в корпортивном дизайне. Не ходите туда, оно вас убьёт.
Чтобы помелить кий, не надо крутить мелок вокруг наклейки; надо просто поводить мелком по наклейке, как бы погладить так, чух-чух. Представьте, что вам маркером надо закрасить кружок на бумаге — вы ж не будете ввинчивать маркер в бумагу? Просто проведёте аккуратненько несколько раз, и всё. Вот так и тут надо.
Круглые дырки в мелках во всех бильярдных свидетельствуют о том, что этого никто не понимает.
Небольшой кусочек, где я рассказываю, почему законы интерфейса нет смысла применять к играм. 3 минуты:
https://www.youtube.com/watch?v=9E-iYfjEqg0
Или так :-(
https://vk.com/video286049442_456239435
Идёт запись на курс, который пройдёт 7 декабря — 5 января. Сейчас −20% из-за ранней записи. Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
В 609-м выпуске подкаста АТП был хороший кусочек, где Сиракьоса объяснял, как обрабатывать фотки:
https://atp.fm/609
Начало в 1:27:30. Там важная мысль в том, что в процессе обработки ты видишь, как можно было лучше снять изначально, и таким образом научаешься лучше снимать.
Установить для всех или для меня
Когда на Маке устанавливаешь программу, она может спросить: «Установить для всех пользователей компьютера или только для меня?»
В голове программиста всё просто: обычный же вопрос, не технический никакой — для всех установить или только для тебя? Просто выбери да и всё.
Да вот только это невозможно выбрать. В подавляющем большинстве случаев у компьютера один пользователь. Даже когда доступ к компьютеру есть у нескольких людей, чаще всего они не заморачиваются разделением акаунтов. А раз так, что два этих варианта выглядят равнозначными.
То есть проблема выбора состоит уже хотя бы в том, что его нужно как-то сделать, хотя у тебя нет вообще никаких причин что-либо выбрать. Ты просто сидишь и тупишь: а на что это влияет? И отвечаешь каждый раз случайным образом, формируя бардак. А ведь на самом-то деле эти варианты ещё и не равнозначны. Даже если пользователь один, установить для одного и для всех — разные вещи. В зависимости от этого выбора, программа попадёт в разные папки; возможно у неё будут какие-то разные права или особенности поведения в хитрых случаях. И всё это полностью скрыто от пользователя.
То есть суть выбора совершенно не том, что написано, а в чём именно — нигде не объяснено. Это мало того, что сложный технический вопрос, но вдобавок даже не написано, в чём он состоит.
Хорошо бы постановить, что есть какой-то правильный способ устанавливать программы, и вообще не задавать вопросов, пока пользователь на компьютере один. Если пользователей несколько, то вопрос можно переформулировать в виде отклонения от стандартного курса, скажем, с помощью чекбокса: Make this app available to John and Sarah as well.
Каждый раз, когда вы в интерфейсе задаёте вопрос пользователю, задумайтесь, что вы на самом деле спрашиваете, понимает ли это пользователь, и как он будет принимать решение. Иногда кажется, что вы задаёте простой безобидный вопрос, но на него совершенно невозможно ответить.
В сегодняшнем совете предлагаю логарифмическую прокрутку для чатов:
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/
Почитайте. Там главное — сам подход. Навигация — это не таблички нарисовать, а придумать весь сценарий, как человек что-то находит, и даже как он вообще понимает, что ему надо искать. В проект вошли и таблички, и схемы, и печатные инструкции, и мобильный сайт, и светодиодное табло, и банер. И это всё — системно для кучи разных складов.
Артём Горбунов поделился дебрями настройки Макоса. Тут в подписи сразу все грехи синтаксиса:
— невозможное повелительное наклонение (глагол должен быть в начальной форме: «отключить»; не «сохраните как...», а «сохранить как»);
— неуместный совершенный вид (это не однократная команда «отключить», а настройка образа действия, то есть надо «отключать»);
— усложняющая восприятие отрицательная формулировка (должно быть «включать только если нужно»);
— стоп-слова («Вам», «это»).
Но даже если синтаксис будет безупречным, смысл этой фигни всё равно непонятен. Как, кем и когда определяется нужность? Если это настройка приоритетов сетевых подключений, то она и так делается в другом окне, где ты просто расставляешь их в порядке предпочтительности использования.
За годы Эпл прошёл большой путь от «эти примеры мы используем для иллюстрации всего хорошего» до «на этих примерах можно показать всё говно».