Telegram Web Link
Ситуация в Берлине.
Последний день: 23 мая в 23:59 мск закрывается запись на практический курс Ильи Бирмана «Пользовательский интерфейс и представление информации».


Записаться на курс заранее до 23 мая

Пользовательский интерфейс и представление информации 24 мая — 22 июня
Думаем дальше № 39 — «Даёшь команду компьютеру за тебя восхититься» с Артёмом Горбуновым

С Артёмом Горбуновым обсуждаем, как дополнить лекцию о синтаксисе элементов интерфейса.

0:00 — Текст в интерфейсе и дизайн как язык
9:34 — Взгляд на заголовок формы как на дополнение, и почему это неправильно
14:23 — Подлежащее и сказуемое как тема и рема
17:42 — Примеры радиокнопок
20:41 — Форма это предложение, но не всегда
32:10 — Артём против того, чтобы считать форму таблицей. Мысль про структурированный текст
41:15 — Автономность
47:12 — Предложение внутри предложения: перечни, текст с заголовком и картинка с подписью как примеры предложений
52:19 — «Cмелый» синтаксис: что, если кнопка называется «а давайте» или «так-так-так»?
59:28 — Первое лицо и два разных смысла начальной формы глагола
1:08:58 — Манипулятивные формулировки
1:10:33 — «Перезвонить мне» или повелительное наклонение?
1:13:40 — Сценарный подход и расписание работы касс на вокзале
1:21:36 — В применении к теме доступности

Эпл · Ютюб · Я.Музыка · Мейв

Но лучше подписаться по РСС в подкастном приложении:
https://cloud.mave.digital/51724
Виспер и ЧатГПТ послушали выпуск за вас и делятся выводами:

В выпуске Илья и Артём обсуждают обновление лекции о синтаксисе элементов интерфейса, затрагивая важные темы пересечения дизайна, языка и пользовательских сценариев. Основная идея — интерфейс как текст, элементы которого подчиняются законам синтаксиса, где заголовки, поля, кнопки — это члены предложения. Они объясняют, почему форма интерфейса может и должна восприниматься как текстовая структура, но при этом допускают её формализацию до табличного вида и обсуждают, где проходит граница между условным «предложением» и графической формой.

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

Вторая большая тема — «смелый синтаксис»: примеры интерфейсов, в которых элементы подписаны не по канону, но работают — «Спасибо», «Так-так-так», «Давай с нами». Рассуждают, где здесь грань между хорошим стилем и манипуляцией, как понимать, от чьего лица говорит интерфейс, и в каком случае это вызывает недоумение.

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

Основные идеи и выводы:
— Интерфейс можно понимать как текст, где элементы — это члены предложения, и с ними работают как с синтаксическими конструкциями.
— Грамматическая основа формы — это заголовок и кнопка, остальные поля — второстепенные члены.
— Важно не зацикливаться на буквальной грамматике: структура может быть табличной, но при этом сохранять синтаксическую согласованность.
— «Смелый синтаксис» требует вкуса, иначе вызывает раздражение или непонимание.
— Важно понимать, кто говорит с пользователем: интерфейс, компания или как бы он сам от первого лица.
— При проектировании интерфейсов надо думать о сценариях использования, а не только о визуальных или лингвистических правилах.
— Доступность, как и удобство, начинается не с соответствия стандарту, а с прохождения реального пользовательского пути.

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

Выходят всё новые и новые почтовики, пытающиеся организовать твою почту. Папки в почте придумали чуть ли не пятьдесят лет назад, а потом добавлялись всё новые способы автоматизировать раскладывание по ним: фильтры, правила, теперь вот ИИ.

Некоторые ещё и называют это не «папками», а например «категориями», что дополнительно взрывает мозг. Разработчики соревнуются в том, кто лучше классифицирует: «входящие», «важное», «рассылки», «соцсети», «покупки».

Эпл вот недавно тоже внедрил в своей почте такое же: какие-то primary, promotions. Разумеется, я понятия не имею, по какому принципу он там чё-то решает. Чтобы не потерять письмо, нужно пройтись по всем этим категориям, то есть количество работы увеличивается, а не уменьшается. «Если не получили наше письмо проверьте в папках „спам“, „второстепенное“, „необязательное“ и „низкоприоретитное“!» Ясное дело, я это сразу выключил.

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

Вместо раскладывания писем по папкам нужно майнить конкретную информацию из них.

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

Если в каком-то письме меня зовут на конференцию и просят ответить до 25 числа, то я хочу видеть явную пометку об этом рядом с письмом. И покажите, что в моём инбоксе есть вот эти три письма, на которые нужно ответить сегодня исходя из смысла написанного в них. А папки оставьте для ручной раскладки тем, кому такое нравится.
Интерфейс ПВЗ «Яндекс-маркета»

Случайно провёл аудит интерфейса пункта выдачи заказов «Яндекс-маркета», хотя я даже его не видел.

Дело было так: пришёл я возвращать покупку, говорю: «Добрый день, у меня возврат». Девушка работает первый день и не знает, что делать с возвратами. Извиняется, звонит кому-то. Говорит в телефон:
— Привет, а как делать возврат? Это мне надо в «Работу с клиентами»? А... хм, а это в каком разделе? Аааа. Щас открою...

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

Тут, конечно, всё не так плохо, как когда Нотр-дам сгорел, но причина проблемы ровно в том же:
ilyabirman.ru/meanwhile/all/bez-obucheniya/

Ой, чуть не забыл, вы же спросите, а как надо было. Блин, ну это же очевидно. Нужно сделать кнопки «человек пришёл за заказом», «человек пришёл с возвратом» и «курьер привёз новые товары» на главном экране. Но при этом если сотрудник сканирует штрихкод получения с телефона клиента или штрихкод поставки с телефона курьера (ну или с коробки, не знаю, чё-то такое должно быть), то нужный сценарий запускается и без кнопок.
Список кофейных мест пополнился. Добавились Янки Сиерра в Екатеринбурге; Нёнё, Воч луйс воч мут, Март, Люмен, Гараж ара и Сет в Ереване; Эйсид-кафе, Тома, Боконо, Хола-кофе, Фикс, Вилко и Кофи в Мадриде; Файв-элефант и Дистрикт-кофе в Берлине:
https://ilyabirman.ru/meanwhile/all/coffee-places/
Forwarded from Стой под стрелой (Nikita Prokopov)
В гугл мапс есть два режима: в первом ты прокладываешь маршрут куда-то, а во втором «начинаешь движение». Типа в первом он просто показывает тебе путь, а во втором тебя по нему «ведет».

Недавно они посмотрели, что пользователи прокладывают маршрут, но не включают второй режим. Ну а что: путь видно, позицию твою показывают и так. Зачем что-то еще нажимать?

Но вместо того, чтобы посмотреть, сделать выводы и убрать второй режим они решили поступить наоборот: включать его автоматически. Проложил маршрут и выключил телефон? Наверное, ты начал двигаться, давай сменим режим и начнем присылать тебе нотификации, когда свернуть налево.

ХОТЯ ИХ ОБ ЭТОМ НИКТО НЕ ПРОСИЛ.

Или вот считаю сейчас новость о закрытии браузера Арк (да, опять). Пишут, что браузер оказался «слишком сложным» и типа его продвинутыми фичами мало кто пользовался (спейсы, какие-то живые папки, календарь!) Ребят, это называется не слишком сложный. Это называется ваши фичи нафиг никому не нужны.

Мораль простая: если пользователи чем-то не пользуются, это не значит что вы плохо это рекламируете или они не разобрались. Чаще всего ответ: потому что им это нафиг не нужно.
Самое тупое, что оба ↑ эти ↑ режима в Гугль-картах работают хреново.

Если ты проложил маршут, но не запустил следование по нему, через какое-то время Гугль-карты забывают его. Едешь ты такой на метро, вышел на пересадке, достаёшь телефон посмотреть, куда именно пересаживаться, а Гугль такой: «что, какой маршрут? да тут и интернета нет, и геолокации тоже. дальше давай сам». В голове не укладывается, как можно быть такими мудаками и сколько исследователей нужно, чтобы так плохо сделать.

А если ты проложил маршрут и запустил следование по нему, то всё, ты в заложниках у этого маршрута! Все остальные фичи тебе больше не разрешается использовать. Ты не можешь просто поискать, где тут рядом магазин, или посмотреть даже, до скольки работает то место, в которое ты как раз едешь. Хочешь что-то кроме маршрута? Будь добр заверши маршрут (и забудь его навсегда), — тогда так и быть дадим тебе посмотреть что-то ещё.

Если бы телефон был многозадачным, я мог бы просто открыть ещё один Гугль-мэпс и делать в нём что я хочу, но это же слишком сложно.
Джони Айв про музыку и про дизайн, как Тим Кук всё просрал, ещё что-то про дизайн и советы Синельникова. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-82/
День открытых дверей в Школе дизайнеров бюро

Сегодня в 19:30 по Москве я проведу День открытых дверей в Школе дизайнеров бюро. Это такой эфир, где я расскажу про школу и отвечу на ваши вопросы, а в конце эфира будет сюрприз. Ну, вы поди и так знаете, как у нас дни открытых дверей проходят.

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

Надо записаться:
https://bureau.ru/school/designers/22/#dod

Готовьте вопросы, чтобы я не просто свою речь вам рассказал, но и на что-нибудь ответил потом.
Это мне нравится, это ж как Виндоус 95!
Рассказываю, почему в информационной графике цветные линии не должны быть тонкими, по крайней мере, если их цвет несёт смысловую нагрузку. 3 минутки:
https://www.youtube.com/watch?v=Oz3A44Em8ms

ЧатГПТ от моего лица: «В этом фрагменте я объясняю, что цвет в интерфейсе должен передаваться через достаточно заметный носитель. Если делать очень тонкие линии, как в легендах или диаграммах, цвет в них сложно воспринимается — он теряется. Можно попробовать утолщать линии, но тогда они начинают мешать и выглядеть громоздко. Поэтому, если уже нужна цветовая маркировка, лучше использовать её там, где она имеет дополнительную функцию — например, покрасить сам текст, иконку или фон. Так цвет работает не сам по себе, а усиливает другой элемент.»

Идёт запись на курс, который пройдёт 19 июля — 17 августа. Сейчас аж −30%, потому что заранее. Недавно обновились несколько лекций и добавилась новая.

Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/
Бюро выложило запись со дня открытых дверей в школе, который я провёл на днях:
https://www.youtube.com/watch?v=ceqEIRhZczM

В целом там сначала всё про школу, как поступать и как учиться, а потом (с 54:26) я рассказываю, как дизайнеру интерфейса быть полезным для бизнеса. Ну и по ходу дела отвечаю на вопросы слушателей.

Мой любимый момент — на 1:11:00, где я отвечаю на вопрос про UX/UI-дизайнера.
Собирался залить вам ещё фрагмент курса, но Ютюб его сразу же удалил «за нарушение правил YouTube в отношении оскорблений и угроз». Попробую ещё раз, а если не выйдет, придётся вам только пересказ ЧатаГПТ читать. Заодно восхититесь тем, как верстальщики Гугля справляются с вёрсткой страницы с парой текстовых фраз.
Не, не работает, говорит, «недопустимый контент»!

А контент был такой.

1. ЧатГПТ: «В этом фрагменте я объясняю, что лишние рамки в интерфейсе — это визуальный мусор. Когда вокруг одного элемента оказывается пять вложенных контуров — рамка iPhone, серая подложка, окно камеры, рамка наведения и ещё одна рамка внутри неё — глаз путается, а экран превращается в мельтешение линий».

2. Это я потом показывал, как ещё сделать вместо рамочек вокруг полей документа просто фончики, тоже приятнее становится.
2025/07/05 15:58:51
Back to Top
HTML Embed Code: