Обратная связь. Трейлер

Я обновил ещё пару лекций по своему предмету «Интерфейс и информация», расскажу по очереди. Во-первых, новая лекция «Обратная связь».

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

В трейлере — фокус, которым пользуются компьютерные игры, чтобы создать ощущение быстрой загрузки, и пара слов про оптимистичную обратную связь:
• https://www.youtube.com/watch?v=ZoziOLm0iOQ
• https://vk.com/video-113157690_456239856

Сейчас открыта запись на курс, который пройдёт с 24 мая по 22 июня — там уже будут новые лекции. Сейчас скидка 30% из-за ранней записи:
https://bureau.ru/courses/ui-online/

Сегодня узнал, как работает встроенная функция записи скринкастов на Маке, когда на диске мало места. А никак не работает: просто записываешь 20 минут, всё рассказываешь подробно, а потом жмёшь стоп, а файла нет. И сообщений об ошибке нет. Просто ничего нет. Удобно!

Информативность. Трейлер

Ну и вот лекция «Информативность» тоже обновилась.

Признаком хорошего интерфейса является высокая информативность. В лекции дано определение и рассмотрены два пути повышения информативности: уменьшение шума и добавление сигнала. В новой версии лекции добавлены примеры из продуктов екоммерса, продуктивности и мобильной навигации.

В трейлере — наш любимый классический пример с сайтом Правительства Российской Федерации и небольшой приём увеличения информативности на графике:
• https://www.youtube.com/watch?v=D34sjfFnt8I
• https://vk.com/video-113157690_456239855

Сейчас открыта запись на курс, который пройдёт с 24 мая по 22 июня — там уже будут новые лекции. Сейчас скидка 30% из-за ранней записи:
https://bureau.ru/courses/ui-online/

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

Думаем дальше № 36 — «Рациональными-то аргументами я могу» c Марком Родионовым

С Марком Родионовым продолжаем обсуждать критику и её влияние на отношения в команде, стримы Марка «2 часа до дедлайна» и работу в стресс-режиме, а также подачу работ в портфолио.

0:00 — Уважение к труду коллег и его влияние на команду
7:04 — Подсматривание в монитор из-за спины и каменты к недоделанной работе
11:30 — Разница между сдачей дизайна, вопросом арт-директору и совместным поиском решения
18:49 — Как формулировать замечания и пожелания в зависимости от опыта дизайнера. Макеты, достойные Нового Арбата, Тимкука, мамы и жены
27:10 — Ещё про доверие в команде и как воспринимается вечно критикующий, даже по делу, коллега
32:02 — Как уважать труд, если там реально халтура? Чем арт-директору полезен даже фиговый дизайн от дизайнера
36:34 — Как не принять работу, проявив уважение. Что, если ты разработчик Сири и всё провалил?
44:02 — «2 часа до дедлайна». Рождение формата → https://www.tg-me.com/twohoursinfire
49:57 — Что, если не успеваем до дедлайна? Ведём клиента на кофе. Ужас или кайф работы впритык. Неделя до дедлайна схемы метро
53:10 — Косяки и тупняки во время трансляций
56:59 — «Хочу задачу» и клиентские консультации
1:02:06 — Портфолио: красота и смысл. Задача портфолио и публикация работ кусочками

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

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

Этим вечером я охреневаю от того, как редактор Курсор умеет не только писать и редактировать код, но и буквально читать мысли. Я его попросил расширить некий метод, а он взял и между делом такой: «это будет полезно для проверок в фильтре decolon». А я ровно для этого его и попросил это сделать!

Отзывы о консультациях

Я провожу платные консультации про информационный и продуктовый дизайн, интерфейс сайтов, программ. Есть два формата:

1. Часовой разговор по Зуму или что вам нравится. В этом случае моё внимание ограничено только временем нашего разговора. Вы показываете, я комментирую и делюсь советами.

2. Публичное комментирование на Ютюбе. Вы присылаете ссылку или картинку с небольшим пояснением и главными вопросами. Я включаю запись экрана, смотрю и комментирую. Запись выкладываю на Ютюб на всеобщее обозрение.

Оба варианта сейчас стоят 20 000 ₽. После майских цена вырастет.

Есть новые отзывы клиентов. Ольга Новикова:

Илья, спасибо большое за консультацию и ваш подход!

Моя задача по продумыванию удобной системы базы знаний казалась неподъёмной. Я даже поэтому у вас сразу два часа консультации хотела взять. А вы так понятно всё раскидали за первые 15 минут ))) Появилось готовое решение. И, главное, энергия двигаться дальше в проекте.

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

Я давно сделала выбор — не проходить полноценные обучения, из которых мне актуально процентов 10 информации. Я беру консультации у профессионалов и получаю ответы на свои вопросы. И здесь очень ценно, что я давно слежу за вашей работой и сразу знала, к кому мне обратиться со своими задачами :-)

Остаёмся на связи, спасибо!

И ещё один отзыв. Юрий Рогуля:

После запуска нового сайта мы увидели, что проблема с конверсиями, которая была присуща предыдущему, никуда не делась.

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

Илья активно ссылался во время консультации на свои работы, а после оставил несколько голосовых сообщений, которые, как я понимаю, шли бонусом, штатно они не были предусмотрены, за что Илье спасибо! В результате часовая консультация переросла во внутрикорпоративный мозговой штурм ещё на 2 часа по результатам которого мы полностью переосмыслили подачу продукта на сайте.

Было бы здорово, если бы Илья как-то включил предварительное ознакомление с продуктом в консультацию, так как мы очень долго обсуждали главную страницу сайта и только в середине консультации узнали, что у нас уже есть внутренняя, которая гораздо ближе к тому, куда Илья пытался нас подтолкнуть и когда он её увидел, он сказал «да, это же то, что вам нужно» :-) Хорошо бы узнать об этом в начале консультации, а не ближе к середине — мы бы больше времени посвятили обсуждению хорошей внутренней, а не главной страницы, которую надо переделать чуть более чем полностью :-) Но условие того, что Илья заранее не ознакамливается с сайтом были озвучены до оплаты консультации, поэтому это было ожидаемо, но если бы я что-то и хотел поменять, то это чуть больше контекста до начала консультации.

Кавычки в тексте выше не означают дословную цитату Ильи, а просто передают смысл сказанных фраз.

Спасибо Илье за разговор!

Я, кстати, сам помню этот разговор совсем иначе, но всё-таки привожу отзыв как есть.

Приходите на консультацию.

Всё ещё занимаетесь вайб-кодингом? Предлагаю переходить сразу на свайп-кодинг.

Активное шумоподавление в машине

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

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

Смотрим на интерфейс добавления документа, где по легенде системе нужно время на его распознавание. Обсуждаем, как сделать, чтобы всё казалось быстрым. 7 минут:
https://www.youtube.com/watch?v=ax1BrxWlcOw

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

Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/

Не заставляйте интерфейс «думать вслух»

Нейропост по предыдущему видео · Текст написал ЧатГПТ

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

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

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

Интерфейс должен быть заботливым, не просить лишнего внимания и не срывать задачу.

Как перейти на Курсор

Написал в блоге пост про то, как перейти на Курсор, редактор кода с ИИ:
https://ilyabirman.ru/meanwhile/all/switching-to-cursor/

Там восхитившие меня примеры того, что он умеет делать: как читает мысли, разбирается в коде, рекомендует оптимизации и дописывает по аналогии.

Но главное, если вы слышали про Курсор, но не решаетесь его пускать в свой код, там алгоритм того, как решиться:
— для начала с ним можно просто поговорить про код, он ничё не сломает;
— он импортирует все настройки из ВС Кода настолько досконально, что никаких привычек ломать не приходится.

Почитайте, это кайф.

Новый интерфейсный прикол от Зума. Подключаюсь к семинару курса, смотрю — видео зачёркнуто и не работает. Тыкаю — не тыкается. Думаю, блин, в последний момент чё-то отвалилось, ну что за чёрт.

Тыкаю в выпадайку USB Video — пытаюсь там выбрать чё-то другое, ничё не помогает. Тыкаю в Custom combination — бестолку. Перетыкаю провод в УСБ — ничего.

Ладно, жму Join так, с мыслью, что щас буду объяснять участникам, что у меня чё-то сломалось и я сегодня без видео. Подключаюсь ко встрече — видео начинает работать.

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

Продукты для гордости, художественные приёмы в не художественных текстах, главный архитектор Москвы, живые советы Синельникова и как дизайнить кодом. Что послушать:
https://ilyabirman.ru/meanwhile/all/listening-81/

Небольшой кусочек про то, как полю недостаёт контекста, чтобы выглядеть как поле. 1 минутка:
https://www.youtube.com/watch?v=hpnt4JyiU2o

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

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

Всё про курс, отзывы и кнопка записи:
https://bureau.ru/courses/ui-online/