Всё, что нужно знать менеджеру продукта про пользовательский опыт

Всё, что нужно знать менеджеру продукта про пользовательский опыт

Отличная подборка полезных ресурсов и запись вебинара с Михаилом Грековым про UX.

Процитирую несколько крутых мыслей:

✔️Пользовательского опыта не существует, пока у продукта нет аудитории. Это главная причина начать получать обратную связь в процессе разработки как можно раньше (тестирование прототипов, коридорные тесты, запуск через MVP)

✔️Пользовательский опыт неоднороден. У разных частей продукта может быть совсем разный UX (попробуйте найти в Zoom настройки видео). И для разных аудиторий UX может быть разным (1С очень удобен в глазах опытного бухгалтера)

✔️Хороший UX это баланс между удобством (помогаем пользователю дойти до цели кратчайшим путём) и интересами бизнеса (на примере Яндекс Go, продвигаем другие сервисы за счёт простой задачи вызова такси)

✔️Пирамида пользовательских ценностей (см картинку👇🏻). Нет смысла заниматься проблемами на верхних уровнях, если в продукте не решены критичные проблемы на нижних.

Также в презентации есть разбор требований работодателей к менеджерам продукта, связанным с UX, и хороший список рекомендаций как прокачивать эти навыки. Однозначно в избранное!

Чтобы обратиться к какому-либо узлу, его сначала надо найти

Для этого есть разные методы, но в современном прототипировании чаще всего применяются два метода:

let el = document.querySelector(selector)
и
let elems = document.querySelectorAll(selector)

Оба метода получают на вход CSS-селектор элемента. Например:

let el = document.querySelector(".someClass b");

Отличие их в том, что querySelector вернёт один узел, который попался первым, а querySelectorAll вернёт список всех узлов на странице, соответствующих селектору.

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

Если же вам всё-таки нужен метод map, то вы можете преобразовать список узлов в массив при помощи конструкции [...nodeList]:

let arr = document.querySelecroAll("a");
[...arr].map(el => el.innerText);

Подробнее в видео: https://youtu.be/KIBv7QMToP4
И в примере с кодом: https://codepen.io/detepr/pres/mQqKZO

Сила комментария

Сила комментария

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

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

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

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

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

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

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

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

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

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

Три важных слова

ОБСУЖДЕНИЕ ПРОЕКТА ТОЛЬКО НАЧАЛОСЬ, И У РЕБЯТ ЗА СТОЛОМ ЕЩЁ МНОГО ОТЛИЧНЫХ ИДЕЙ. Но мне нравится та версия, с которой на встречу пришел я сам. Она мне кажется просто безупречной, и лучше придумать им явно не удастся. Так иногда бывает, что ты вроде участвуешь в разговоре, слушаешь доводы и аргументы, но внутри уже все решено. И ты камень. Скала. Какие бы ни возникали идеи, они для скалы как капли дождя. Как ветер или тонкий слой пыли. Снаружи могут покрыть, но внутрь проникнуть – нет. Благодарю всех, заканчиваю встречу и предлагаю перейти к реализации моего плана, предвкушая большой успех.

Чем старше мы становимся, тем больше разного нам удается делать хорошо. Быть разумными, надевать шапку, принимать спокойные решения и выбирать важное вместо срочного. А когда ты знаешь, что многое делаешь хорошо, легко стать заложником своего авторитетного мнения. И чем ты кажешься себе сильнее, тем сложнее сказать тебе три простых слова, цена которых может быть очень высока. Можно потратить уйму времени, ресурсов, поставить под угрозу людей, углубиться в самые дебри и запутать все окончательно. Лишь бы не расставаться с ней. Со своей точкой зрения, защищая ее любой ценой. И если ты только кажешься сильным, то, скорее всего, будет именно так. А вот действительно, есть ли сила внутри, узнать очень просто. Только сильный может сказать всем вокруг три важных слова: «Простите, я ошибся».


Это был фрагмент из письма Splat №152

Искусство задавать вопросы

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

История
В середине 60-х в США в маркетинговую компанию обратился магазин мебели с целью повысить свои продажи.
Маркетологи начали свою работу с того, что стали задавать вопросы:
Как происходит процесс продажи?
Продажа происходит по каталогам.
Как вы доставляете эти каталоги?
Их кладут в почтовые ящики
Что с ними происходит дальше?
Люди забирают рекламные каталоги и хранят их дома.
Чем ваша продукция отличается от конкурентов?
Особо ничем не отличается — у конкурентов представлен схожий ассортимент.
Тогда как покупатели выбирают, где сделать покупку?
Чаще всего люди просто берут первый попавшийся буклет и делают заказ.

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

Искусство задавать вопросы от Жени:
• Спрашивать только про опыт — как человек занимался чем-либо. Например, вместо вопроса — что вы думаете об этой функции, лучше спросить — когда вы в последний раз пользовались этой функцией?
• Если респондент обобщает — значит он врет. Маркерами могут являться такие фразы как: «в целом мне все нравится», «если разобраться, то ничего сложного нет» и т.д.
• Если человек не пытается решить проблему — значит её нет.
• Задать 5 почему подряд

Чем отличается результативность, продуктивность и эффективность друг от друга?

Если привести пример на человеке, которые изготавливает какую-либо продукцию, то получится следующая картина:

Результативность — это когда 100 гаек за 8 часов.

Продуктивность — это когда те же 100 гаек, но за 6 часов.

Эффективность — когда мастер, прежде чем браться за работу, анализирует и говорит — а зачем вам 100 гаек? — давайте лучше использовать сварку.

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

Время — невосполнимый ресурс

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

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

Что вы станете делать, если баннеры до сих пор не готовы, а уже 7 октября? Вы будете искать способы закончить раньше. Этих способов не так уж и много — либо пожертвовать проработкой макетов (запустить меньше посылов, сделать макеты проще), либо пожертвовать себестоимостью, наняв, к примеру, пять дополнительных дизайнеров.

Единственное, что вы не сможете сделать, когда опаздываете — это добавить себе ещё неделю, чтобы закончить проект: машину времени пока не изобрели. Пожертвовать деньгами или качеством — можно. Уменьшить проработку — можно. Добавить себе срок — нет.

Время стоит беречь не только в проектах, но и в личной жизни. Всё так же — если уже 20:00, а вы ещё не ходили в спортзал, то вы никак не можете сделать так, чтобы сейчас стало 18:00 — вы можете только не пойти в спортзал. Если вы приехали на работу в метро, а по дороге слушали музыку или изучали новинки в Arcades — вы просто приехали на работу на метро. А эти же 40 минут можно было потратить на чтение книги или спокойно поспать.

Берегите время.