Блоги: заметки с тегом привычка

Искусственно длинные коридоры в аэропортах

Илья Бирман — Thu, 13 Feb 2025 13:09:03 +0500

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

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

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

Как мы назовём авторов такого решения?

Информативность против привычности в иконках

Илья Бирман — Mon, 16 Dec 2024 13:47:22 +0500

Илья Бирман:

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

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

Мы сталкивались с подобным конфликтом, когда делали интерфейс для Эмгизмо:

Мы хотели, чтобы иконки приложений сразу показывали настоящие фотки, обложки альбомов. Но мы старались оставить у них и постоянные признаки, как раз ради привычки. К сожалению, проверить, насколько хорошо был найден баланс, нам не довелось.

Полезно по крайней мере иметь в виду этот конфликт.

Экран продолжения в Дуолинго

Илья Бирман — Thu, 21 Nov 2024 00:43:43 +0500

Илья Бирман:

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

В Дуолинго после каждого задания тебе показывают экран, что ты правильно ответил. И чтобы перейти к следующему заданию, нужно нажать зелёненькую кнопку. Экран вырабатывает привычку жать кнопку не глядя так же, как экраны подтверждения и онбординга. Просто каждый раз, чтобы получить следующее задание нужно не просто сделать предыдущее, но ещё и нажать на зелёную кнопку. Разумеется, ты быстро приучаешься делать это на автопилоте.

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

Как надо было: после правильных ответов сразу показывать следующее задания, а зелёный фидбек показывать какой-нибудь неблокирующей радостной анимацией.

Интерфейс: инвестиция и доверие

Илья Бирман — Tue, 12 Nov 2024 00:57:43 +0500

Илья Бирман:

Студент комментирует свой макет: «В списке автоматически показаны заведения в твоём городе. Если нужно в другом, то ты можешь вписать в поиск».

Я автоматически думаю, что мне бы, наверное, не пришло в голову вписать в поиск город, в котором работает программа. Я бы искал какую-то выпадайку городов или какой-то выбор в настройке. Ну и мысль о том, что лучше сделать более привычно — очевидная.

Но есть ещё одна мысль, кажется, менее очевидная. Допустим даже мне пришло в голову про поиск. Не влом ли мне будет пробовать? Наверняка ведь это не сработает!

Вот у вас интерфейс, и вы делаете в нём умный поиск, который умеет находить прям всё. Но пользователь-то сто раз видел, что работает поиск только у Гугля, а у всех остальных находит полную фигню и совершенно не понимает, что ты от него хочешь. На любом сайте и в любом приложении поиск бестолковый (обычно). Пользователь думает: «Я щас потрачу силы, чтобы вписать, а программа всё равно скорее всего нифига не найдёт». Точнее, он даже не думает, он просто чувствует бесперспективность.

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

У Эпла есть эта проблема с Сири. Сири — тупая как дрова, а даже если уже нет, то все всё равно знают, что да. Никто не верит, что она хоть чем-то поможет и даже не пытается уже. Эплы говорят, что щас вот новая Сири выйдет, она точно будет полезной! И учитывая, сколько раз они это говорили, уже даже лень пробовать. А самое смешное, что какие-то ребята всё-таки попробовали — и пишут заголовок: Siri on your iPhone running iOS 18.1 may look different, but it still works the same.

Это пока сырая мысль.

На интерфейсном курсе: зелёный значит «всё хорошо»

Илья Бирман — Mon, 07 Oct 2024 21:27:06 +0500

Илья Бирман:

Если на экране всё зелёное, пользователь может даже не заметить, что у него долг. Навигацию по истории можно сильно упростить. 2 минутки:

Также есть на ВК-видео.

Это фрагмент № 150 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 3 ноября 2023 года.

Идёт запись на курс, который пройдёт с 12 октября по 10 ноября.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: рекомендую жирную, а не бледную шапку в таблице

Илья Бирман — Mon, 04 Sep 2023 19:40:38 +0500

Илья Бирман:

Рассказываю, почему, на мой взгляд, шапку таблицы лучше сделать жирной, а не бледной. Заодно упоминаю головохвостую табличную терминологию Мильчина. 3 минуты:

Это фрагмент № 113 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 24 марта 2023 года.

До 6 октября идёт запись на курс, который пройдёт с 7 октября по 5 ноября.

Почитать о курсе

Программа, отзывы, запись

Онбординг

Илья Бирман — Tue, 22 Aug 2023 15:33:54 +0500

Илья Бирман:

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

Делать так — плохая практика.

Утверждение может показаться вам абсурдным, ведь онбординги делают очень многие. К сожалению, вопросом «а не фигню ли мы делаем?» в основном даже не задаются. В моей практике бывало, что я спрашивал, зачем это, и слышал: «ну как, это ж онбординг!». Люди даже не замечали, что это не отвечает на мой вопрос — настолько сильно́ убеждение, что надо делать именно так.

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

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

Рассказ о приложении в целом

Сначала рассмотрим онбординг с рассказом о приложении в целом.

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

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

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

Тут стоит внимательно проанализировать основной интерфейс. Как сделать его понятнее без обучения? А если без обучения не обойтись, то как его организовать, чтобы оно не мешало пользоваться приложением? Может, где-то нужно добавить текстовые подсказки. Может, в сложных местах нужна кнопочка-вопросик, за которой прячется более подробное пояснение. А может, вообще нужен собственный обучающий канал на Ютюбе, на который ведут всякие ссылки из интерфейса.

Рассказ об обновлении

Теперь рассмотрим онбординг с рассказом об обновлении.

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

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

Чтобы держать пользователей в курсе изменений, хорошо предусмотреть в приложении постоянное место для этого. Мой любимый пример — Телеграм:

Дизайнеры ловко воспользовались тем, что это мессенджер, и присылают пользователю рассказы об обновлениях сообщениями в одном из чатов. Когда заходишь в приложение, видишь эти сообщения наравне другими. Можешь сначала поболтать с людьми и почитать каналы, а уж потом и про сам Телеграм разузнать. О каждой фиче ещё и рассказывают отдельным сообщением с красивым видосом. Сообщение можно переслать кому-то, кому, на ваш взгляд, фича будет полезна — рекламный эффект бесплатно усиливается. И, конечно, никто не мешает вернуться к этим сообщениям в любое время позже. Собственно, я так и поступил, чтобы сделать эти скриншоты.

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

Хороший интерфейс и хороший бизнес

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

Однако как и окна подтверждения и несмотря на похожие проблемы, такие экраны-онбординги очень распространены. Дело в том, что в продуктовой разработке редко стоит задача «сделать пользователя довольным». Как правило, ответственные за продукт смотрят на другие метрики. Допустим, онбординг смотрят 10% людей и в результате продажи растут на 1%. Кого тогда волнует, что онбординг бесит и мешает остальным? Выигрыш оказался больше, чем проигрыш, ну и отлично.

Как-то мне написал Егор, аналитик из Яндекса:

Считаешь ли ты, что а/б-тест может точно ответить на этот вопрос? Половине новых пользователей мы показываем онбординг, половине не показываем, после этого смотрим на две метрики: конверсия первой сессии в заказ и время от запуска приложения до заказа. Если конверсия с онбордингом выше, а время до заказа не вырастает (то есть время, которое пользователь тратит на чтение онбординга, он отыгрывает потом), то согласился бы ты с тем, что онбординги имеют право на жизнь? И как ты вообще относишься к валидации продуктовых гипотез при помощи а/б-тестов?

Я и без теста соглашусь. Но этот тест в лучшем случае докажет, что лучше рассказать о приложении онбордингом, чем никак. А я говорю, что можно рассказать лучше, чем онбордингом.

Валидация продуктовых гипотез — это не совсем про хороший интерфейс. Иногда можно ухудшить интерфейс, но поднять метрики: снизив информативность для принятия невыгодного человеку решения; запутав в вариантах; усложнив отписку. Хороший интерфейс иногда важен для успеха продукта, а иногда — нет, достаточно посмотреть на Фейсбук или Букинг.ком. Я бы не хотел иметь ничего общего с созданием этих очень успешных продуктов.

В большом продукте с прагматичным менеджментом онбординг может быть действительно наиболее подходящим решением. Он никак не взаимодействует с остальным приложением, не добавляет никаких новых логических связей, его можно «просто поставить», за него даже может отвечать отдельная команда. Это намного проще, быстрее и дешевле, чем думать, как улучшить образовательные свойства самого продукта.

Но не все бизнесы работают на выжимание метрик любой ценой. У некоторых другая система ценностей, где-то качество и удовольствие пользователей имеют значение. Иногда получается подумать, а не просто сделать как все.

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

Да, сделать хорошо обычно сложнее, чем сделать как придётся, но и эффект может оказаться больше.

А можно ещё вопрос

— Илья, всё логично, но у нас появилась действительно крутая фича, над которой мы работали два года. Мы даже сняли видеоролик про неё! Мы хотим поставить его в онбординг, потому что нам важно, что его посмотрели все-все-все!

Здорово, что вы сделали действительно крутую фичу, гордитесь ею и хотите всем рассказать! Если вы поставите её в онбординг, вы просрёте эту возможность. Как рассказать о фиче так, чтобы все были в восторге? Уделите этому вопросу хотя бы долю того внимания, которое вы уделили самой фиче.

На интерфейсном курсе: уважать ли интерфейсные традиции разных платформ?

Илья Бирман — Mon, 19 Dec 2022 19:39:03 +0500

Илья Бирман:

Можно уважать традиции платформы: на Айфоне делать по-айфоновски, на Андроиде — по-андроидному. А можно везде делать по-своему. А можно наполовину. Как выбрать между этими вариантами? Заодно наезжаю на дебильную гуглевскую анимацию, которую он затащил даже в Айфон, хотя никто не просил. И вспоминаю Айтюнс под Виндоус. 5 минут:

Это фрагмент № 83 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 10 июня 2022 года.

До 27 января идёт запись на курс, который пройдёт с 28 января по 26 февраля.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: жму синюю кнопку на автомате, не читая

Илья Бирман — Tue, 01 Nov 2022 22:00:00 +0500

Илья Бирман:

У участника курса в интерфейсе проблема, связанная с темой «Привычка». Пользователь видит синюю кнопку и жмёт, не читая (такая же проблема была при удалении файла в Гугль-доке). Формулируем проблему и сразу исправляем. 5 минут:

Это фрагмент № 77 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 11 февраля 2022 года.

Сейчас запись на курс закрыта, но на его странице можно оставить почту, чтобы мы вам написали, когда запись откроется:

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: что, если на реализацию хорошего интерфейса нет времени

Илья Бирман — Wed, 20 Oct 2021 10:58:53 +0500

Илья Бирман:

Мы знаем, что подтверждения типа «вы уверены?» не работают, и надо вместо этого делать анду. Но подтверждение реализовать легко, а анду нужно программировать целую вечность! А продукт-то надо запускать! Ещё немного рассуждений об управлении проектом, продуктовом дизайне и вот этом всём. Не обходится без упоминания Колиного управленческого курса. 3 минуты:

Это фрагмент № 48 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 17 марта 2021 года.

До 24 октября идёт запись на курс, который пройдёт с 30 октября по 28 ноября.

Почитать о курсе

Программа, отзывы, запись

На интерфейсном курсе: двусмысленная иконка и проверка венгерским языком

Илья Бирман — Tue, 23 Feb 2021 17:03:08 +0500

Илья Бирман:

Иконка неоднозначная, и приходится читать текст. Если бы интерфейс был на незнакомом языке, человек бы не понял, что всё в порядке. А вот была бы зелёная галочка — было бы сразу всё ясно:

00:00 Двусмысленная иконка
00:39 Представь, что интерфейс на венгерском

Это фрагмент № 31 онлайн-курса «Пользовательский интерфейс и представление информации». Записано на курсе 20 ноября 2020 года.

Заметка про проверку венгерским

До 7 марта идёт запись на курс, который пройдёт с 13 марта по 9 апреля:

Почитать о курсе

Программа, отзывы, запись