Без шелухи

2021-01-18 13:52:35 ​ Сила комментария

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

— На карточке клиента: за что предоставили скидку 20%
— На форме заказа: что в дверь звонить не надо
— В тикете техподдержки: ссылка на обсуждение в багтрекинге

Комментарии в интерфейсах недооценены. Аналитики, дизайнеры, программисты — все мы любим и умеем систематизировать информацию. Поэтому любой объект в интерфейсе представляем как набор полей с конкретным назначением: наименование, почтовый индекс, стоимость.

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

Например, на «Дадате» мы используем систему защиты от сетевых атак. У нее есть интерфейс, где можно заблокировать конкретный IP-адрес. Указываешь IP, жмешь «добавить в черный список», злодей получает бан. Что может быть проще?

Проблема в том, что непонятно, кто заблокировал IP и почему. В большинстве случаев это и неважно, но иногда пригодилось бы для разбора. Решить проблему элементарно — добавить поле «комментарий».

Но постойте, можно же сделать нормальные поля «сотрудник» и «причина блокировки»? Да, можно, но непонятно:

— точно ли нужны именно эти поля?
— действительно ли они нужны?

Добавлять поля просто «чтобы были» — так себе идея. А выяснить реальные сценарии как раз и поможет поле «комментарий». Потом, если что, можно заменить его на поля с конкретным назначением.

Комментарий — элемент хаоса. Но с ним система устойчивее. Открыть/Комментировать

2021-01-08 17:40:08 ​ Аптайм на статус-странице

Есть такая штука у облачных сервисов — «статус-страница». Это отдельный, независимый от основного сайт, на котором написано, работает основной сервис или нет.

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

У большинства сервисов статус-страница сделана по такому шаблону:

1. Общий статус (работает / нет)
2. Статус отдельных сервисов (сайт, мобильное приложение, API, ...)
3. Список инцидентов.

Пример Dropbox

Неплохая структура, отвечает на важный вопрос — «что-то сломалось?» Но не отвечает на второй важный вопрос — «насколько вы вообще надежные?».

Удивительно, но сервисы редко раскрывают общие показатели доступности. Хорошо, если покажут за 90 дней, за год — почти никогда.

Я думаю, нормальный подход — показывать доступность за день, неделю, месяц и год. На «Дадате» мы так и сделали.

В любом случае, даже плохая статус-страница лучше, чем никакой. Тем более, что подключить ее несложно — есть куча готовых инструментов. Даже бесплатные, вроде UptimeRobot или Upptime

Рекомендую! Открыть/Комментировать

2020-05-19 11:16:03 Как человек решает задачи в интерфейсе

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

1. Сформулировать задачу. Я подписан на один канал в Телеграме. Он хороший, но надоел оповещениями. Хочу их отключить.

2. Выполнить действие. Полагаю, это делается где-то в самом канале. Захожу в ленту, тыкаю на канал. Вижу внизу большую кнопку Mute. Ага, это наверняка она. Нажимаю.

3. Оценить результат. Кнопка изменилась: Mute → Unmute. Рядом с названием канала появилась иконка с перечёркнутым динамиком. Полагаю, оповещения выключены.

На каждом шаге интерфейс может помогать, а может вставлять палки в колёса. Вот как это бывает:
https://antonz.ru/user-actions/ Открыть/Комментировать

2020-05-12 11:53:16 Простой интерфейс

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

Если обмануть ожидания — человек будет воспринимать интерфейс как сложный, что вы с ним ни делайте. Не поможет ни онбординг, ни обучающие ролики, ни красочные картинки и игривый текст.

А вот как не обмануть:
https://antonz.ru/simple-ui/ Открыть/Комментировать

2020-04-29 11:29:01 Юлия → Iuliia. Всё о транслитерации

Транслитерация — это запись кириллических слов латиницей (Анна → Anna, Самара → Samara). Её используют в загранпаспортах, водительских удостоверениях, трансграничной доставке, библиотечных каталогах и множестве других международных процессов.

В интерфейсах транслитерацию обычно реализуют как придётся. Взял программист первую попавшуюся в гугле библиотеку (или ещё хуже — сделал свою) и вперёд.

Я недавно окунулся в эту тему, а в Википедии она раскрыта слабо. Поэтому расскажу, что к чему (спойлер — если вы думаете, что с транслитерацией всё плохо, то на самом деле всё ещё хуже).

Как обстоят дела и что с этим делать:
https://antonz.ru/iuliia/ Открыть/Комментировать

2019-07-05 15:12:23 Про манипуляции

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

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

Но не все манипуляции этичны. Например, сервис онлайн-курсов Udemy постоянно продаёт своё добро с «90%-скидкой». Мне неприятно, когда держат за идиота, поэтому я Udemy не пользуюсь.

А бывают более «пограничные» случаи. Например, известный в рунете курс продуктовой аналитики «Go Practice».

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

Вот манипуляции, которые он с ходу применяет:

— Не показывает цену, пока не зарегистрируешься.
— Показывает цену со «скидкой», очевидно фейковой (но далеко не 90%).
— Если не купил — пишет письмо с темой «Важный вопрос про ваш опыт в Симуляторе», в котором нежно интересуется, чего это ты.

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

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

Не пытаюсь сказать, что сам я «весь в белом». Вполне допускаю, что у «Дадаты» где-то встречаются аналогичные приёмы (если наталкивались на них — напишите в личку). Но мне кажется, что отрасль станет только лучше, если мы будем от них избавляться.

А вы что думаете о подобных манипуляциях (вопрос об этичности, не эффективности)? Опрос следует.

P.S. Сэкономлю кому-то время: курс стоит 38К ₽ Открыть/Комментировать

2019-06-15 16:45:30 ​ Копировать у конкурентов

Шансы на то, что вы делаете уникальный продукт — мизерные. У любого сервиса наверняка есть конкуренты и аналоги. А значит, можно и нужно подсматривать у лучших из них.

Удивительно, что не все этим пользуются. Вот, например, сериальный сервис «Амедиатека». Даже далёкие от темы люди знают, что самый популярный в мире аналог — «Нетфликс». Казалось бы, заплати $10, посмотри, как у них всё устроено, и перенимай хорошие решения. Но нет.

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

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

Или вот функция «продолжить воспроизведение». Как это работает у Амедиатеки:

1. Тыкаешь на серию, которую уже смотрел раньше.
2. Вылезает попап (натурально, модальное окно!) с надписью «Continue playback?» и кнопками «Continue» и «Start Over».

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

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

режиссёрская версия Открыть/Комментировать

2019-03-11 13:04:56 Всё, что я думаю об этом вашем продакт-менеджменте

Спасибо огромное всем, кто неделю назад пришёл в твитер продактов — без вас там было бы совсем тухло ツ

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

— продукт и фичи
— B2B и кровавый энтерпрайз
— API и документация
— техподдержка
— разработка
— интерфейс
— люди

Если что-то из этого вам тоже интересно, загляните:
https://antonz.ru/productology/ Открыть/Комментировать

2019-02-25 09:41:26 Всю неделю буду вести коллективный твитер продуктоводов — https://twitter.com/produnderhood

Если тема вам интересна, подписывайтесь, задавайте вопросы, делитесь опытом и вообще всячески участвуйте :–) Открыть/Комментировать