Про удобство (Михаил Греков)
17.6K subscribers
159 photos
17 videos
2 files
501 links
Про продуктоводство, UX, работу с b2b-продуктом, кейсы из жизни и пользование Озон.

Пишет Михаил Греков, Head of product BI Analytic Workspace aw-bi.ru

🔥 Второй канал: Продуктовошная @suda_smotri

Сотрудничество — @GrekovM
Download Telegram
Чек-лист прогонки дизайна

С хорошим дизайном такое правило:
дизайн должен пройтись не только по центру, но и залезть в уголки.

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

Принимаете дизайн? Планируете сдавать макет? Задайтесь следующими вопросами:

☑️ ПО МАКЕТАМ ВЫВОДА ИНФОРМАЦИИ (по всем элементам, группам):
В дизайне определён и показан вариант вывода максимального объёма информации?
Например:
показать самое длинное возможное название товара,
показать цену товара с максимальным количеством знаков,
показать страницу новости с длинной аннотацией (лид-абзац),
показать вывод таблицы, в которой много столбцов,
и т.п.

В дизайне определён и показан вариант вывода минимального объёма информации?
Например:
показать вывод новости, у которой не задано фото (а если таких несколько подряд?),
вывод таблицы, в которой пользователь скрыл все столбцы кроме 2–3,
вывод товара, у которого очень короткое описание,
и т.п.

В дизайне показаны варианты вывода разных возможных форматов информации?
Например:
вывод вертикальной фотографии среди горизонтальных в фотогалерее,
вывод картинки товара, у которой не прозрачный фон, а белый (или цветной),
вывод аватара, в котором не лицо, а весь человек (есть же и такие),
вывод картинки, на которой написан текст, в тёмной/светлой палитре.

☑️ ПО МАКЕТАМ ДЛЯ ИНТЕРАКТИВНЫХ ЭЛЕМЕНТОВ:
В дизайне показаны допустимые варианты взаимодействия?
Пользователь понимает, как взаимодействовать с элементом, какие значения возможны при взаимодействии: подсказки, маски и прочее.

В дизайне определен и показан процесс взаимодействия?
Например, прелоадер загрузки файла; галочка справа от поля, если всё ок; состояние кнопки после нажатия и т.п..

В дизайне показаны успешные варианты завершения взаимодействия?
Как преобразуется элемент после завершения взаимодействия. Например, выводится превью и название после загрузки файла.

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

В дизайне показаны варианты повторного взаимодействия?
Если окно закрылось, то ясно как его снова открыть. Если файл загружен — показано, как его изменить/удалить. Если выбран элемент в списке, то ясно как убрать выбор. И т.п.

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

#UX
Сергей Павлин — руководитель продуктовой команды репутационной системы в Авито — написал статью "Как изменить поведение продавцов на Авито и не испортить с ними отношения".

Внутри про систему лояльности, которая поощряет добросовестных продавцов на Авито. Цель мотивации: добросовестность должна быть выгоднее серых схем.

Что делали в Авито (без спойлера):

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

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

Донесли до продавцов смысл программы лояльности. Тестировали разные дизайны и подходы (в статье видно какие).

Надеюсь, что эта система уже скоро вовсю заработает на Авито, а то я замучался выбирать тех, кто щебень и песок привезёт — там демпинг на демпинге 🤔

Читайте целиком на VC — довольно интересный кейс.
Эфиры
Мне нравится, что сейчас я занимаюсь продуктом, про который можно рассказывать широкой аудитории.
И в последнее время я провёл относительно много эфиров, направленных на популяризацию нашего продукта AW (BI система Analytic Workspace).
2-3 эфира в месяц выходит.

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

Вот такие пироги ))
Кстати, 12 июля будет эфир про UX дашбордов с крутейшим экспертом — позову вас всех отдельно 😉
Не сбрасывать
Система не должна выкидывать пользователя из контекста – это всех бесит.

🤦‍♂️ Листаешь автоподгружаемый список с записями и перешёл к просмотру конкретной записи. Вернулся назад – попал снова в начало списка.

🤦‍♂️ Смотришь постраничный список, дошёл до 10 страницы. Открыл запись. Вернулся назад – снова первая страница.

🤦‍♂️ Выполнил многокритериальный поиск и получил список записей. Перешёл к конкретной, вернулся – поиск сброшен.

🤦‍♂️Настроил под себя дашборд (графики). Ушёл на другую страницу. Вернулся – снова умолчательный режим.

👉 Пользователя надо оградить от повторных бессмысленных телодвижений.

#UX из давно опубликованного
​​Кстати, вчерашний пост про запоминание состояний довольно наглядно показывает, что UX во многом зависит не от дизайнера.
Никакой (ок, почти никакой) дизайнер в макетах не предъявит требования к тому, чтобы система запоминала состояния — это сделает системный аналитик в рамках ТЗ, если подумает.

Даже если над продуктом будут работать самые именитые UX-дизайнеры — от них в части UX зависит относительно небольшая часть.
Посмотрите на картинку ниже — это пирамида UX-ценностей. Когда-то я её нарисовал для демонстрации идеи, что UX — это не про дизайн (не только про дизайн).
В основе пирамиды находятся критерии, нарушения которых максимально критично влияют на пользовательский опыт.
Да, если эти критерии не нарушены, то на них никто не обратит внимания, но если что-то пойдёт не так, то заметят все.

Безопасность, стабильность, скорость — на это большее влияние имеют программисты и девопсы.
Паттерность — аналитики, проектировщики, юиксеры. Вчерашний пост он про паттерн "запоминать состояние".
Сервисность — служба поддержки и заботы.
Модность и восхитительность — дизайнеры.

Короткая поговорка: Негоже упарываться в модность UI, ежели система тормозит дико.

#UX
Я недавно писал, что скоро будет анонс эфира про UX дашбордов.
Итак 🥁

Приглашаю всех 12 июля (среда) в 15:00 на совместный с Марией Гришиной онлайн мастер-класс: UX и эргономика дашбордов.
Мария эксперт по визуализации данных и автор любимого многими BI-аналитиками канала Power BI Design @Design_PowerBi (советую подписаться тем, кто касается в работе графиков и дашиков).

Это будет не говорящий эфир, а прям мастер-класс: Мария на деле покажет как собрать удобный дашборд и где обычно бывают промахи.
Будет много работы с аудиторией — можно будет свои кейсы приносить для обсуждения.
Показ будет непосредственно на Analytic Workspace, но UX-принципы для дашбордов не критично зависят от инструментария — рады будем всем.

Регистрация тут: analyticworkspace.ru/ux-dashboards

#UX #Анонс
Про скидки

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

Представьте: у вас есть 1 000 000 рублей на маркетинговые мероприятия.
У инфлюенсеров рекламу купить, статьи рекламные в изданиях, в мероприятиях поучаствовать, ...
Тот, кто проактивно работает над скидкой, за 1 000 000 рублей купит услуги, которые без скидки стоят 1 100 000.
Скидка — это ваш дополнительный бюджет.

Знаете сколько маркетологов у меня спрашивает про скидки, когда идут за рекламой в канал?
1 из 20.
95% маркетологов просто жгут бюджет, не пытаясь его увеличить.

1. Чем дороже стоит товар или услуга — тем больше шансов получить на него скидку.
2. У большинства менеджеров по продажам (у тех, кто продаёт вам услугу) есть право давать скидку в определённом диапазоне для удержания покупателя.
А у его руководителя есть право давать ещё большую скидку.
3. Если вам предлагают услугу уже со скидкой — это не значит, что нельзя получить скидку выше.

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

Вот несколько правил захода на скидку.
1. Не хвалите услугу-товар до обсуждения бюджета — даже если вам всё нравится.
2. Не "показывайте деньги". У вас нет никакого бюджета — всё надо согласовывать с таинственным руководством.
3. Вы выбираете. Если показать продавцу, что вы между ним и кем-то смотрите, то он будет вести себя иначе.
4. Намекайте на 20%, сойдётесь на 10%.

А вот несколько примеров захода на скидку (слова скидка, кстати, нигде нет):
1. Спасибо! Мы получили от вас информацию по тарифам.
Прежде чем пойду финально согласовывать с руководством — скажите, это финальная цена? Мы сейчас выбираем между разными мероприятиями и цена, конечно, имеет значение.

2. Для нас бюджет немного некомфортен. Мы можем оперативно согласовать сумму 200 000 (для примера), а у вас 240 выходит. Боюсь, что согласование может затянуться или вообще не состояться — надо вносить изменения в бюджет. Возможны ли варианты по цене?

3. Нам нужно время, чтобы подумать — по бюджету рассчитывали немного на иную сумму. Будем ещё смотреть. (этот вариант возможен только на конкурентном рынке — например, когда машину в салоне покупаешь).

Если не получилось получить скидку на первый заказ, то можно уточнить — если мы будем и дальше обращаться, то на какую скидку можем рассчитывать 😉
Product Sense и Нетология опубликовали итоги исследования продуктовых менеджеров — говорят, что это самое крупное исследование продуктового менеджмента в стране.
1121 респондентов.

Несколько любопытных фактов:

— Сотрудники крупных компаний от 1000 человек больше внимания обращают именно на бренд компании, а остальных сильнее впечатляет личность руководителя.
— Профессия менеджера продуктов в РФ очень молодая, и часто можно услышать, что к ней нет четких требований. Но на практике все — и компании, и сами специалисты — уже понимают, кто такой менеджер продуктов, какие знания и навыки ему нужны. То есть профессия сформировалась.
— Молодые продакты чаще работают в b2c-продуктах. При этом в b2b-продуктах большее количество продактов: 40% против 36% в b2c.
— 70% менеджеров продуктов готовы как минимум рассматривать офферы в другие компании.
— Топ-фактор, снижающий производительность: отсутствие понятных приоритетов и хаотичный менеджмент.

Большое внимание исследователи уделили HR-бренду, и тут самое интересное. Задавали вопросы, какие компании наиболее привлекательны для работы продактом, где сильные продуктовые команды и чья деятельность заметна в продуктовом сообществе. Авито оказался в топе сразу трех рейтингов, заняв второе место по всем пунктам. Всего перечислили 15-20 компаний, в том числе Яндекс, Озон, Сбер, Тинькофф.

В исследовании еще много всего любопытного — стоит почитать, будет полезно))
UX дашбодов для работы

Основные мысли с совместного вебинара с Марией Гришиной про UX дашбордов (запись будет, но позже).

Так как термин “дашборд” понимается по-разному, то в контексте этого поста — это страница с разными визуализациями и фильтрами к ним.

Пункты ниже касаются только дашбордов для работы — те, которые бизнес использует для анализа метрик и принятия решений. Если вы делаете “ВАУ!” дашборд, чтобы всех удивить — там можно и нужно иначе.

Итак:

1. Не выделывайтесь с видами визуализации. Чем проще — тем лучше. Акцент на информации, а не на красатулях.

2. От общего к частному. Показываем ключевые метрики выше/раньше, чем детали.

3. Между скроллом и несколькими листами выбирайте несколько листов: наглядность + проще фильтровать + листы делят логически информацию лучше.

4. Убирайте визуальный шум. Например, если для графика не нужны подписи осей — можно убрать. Но никогда не убирайте заголовки графиков.

5. Не пестрите с цветами. У одного показателя цвет должен (чаще всего) совпадать от графика к графику. Можно использовать colorscheme.ru (тетрада) для подбора цвета.

6. Не выделывайтесь с эффектами: переливания, градиенты, заливки и прочее. Полезны только тогда, когда помогают понять данные.

7. Если фильтров мало — выносите их на сам дашборд. Если много — можно вынести на вызываемую панель, но основные фильтры при этом лучше вытащить на сам дашик.

8. Используйте принцип Z-чтения: важность информации слева-направо и сверху-вниз. (Это не однозначно, есть ещё F-паттерн).

9. Делайте подсказки к графикам. Если есть риск, что кто-то не врубится в график или там сложная формула, то подсказка должна пояснить. Очевидные подсказки лучше не писать.

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

На картинке ДО/ПОСЛЕ применения базовых улучшений.

#UX
Переключение профиля

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

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

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

#UX
Хочу поделиться с вами радостью.
На прошлой неделе мы в Analytic Workspace (AW BI) запустили курс BI-аналитик.
Он бесплатный: там и теория, и практика — полный фарш для погружения в специальность и изучение инструмента.

И чтобы этот курс принёс максимум пользы и нам, и всем — мы его опубликовали на Stepik.

А теперь радости:
— за 11 дней у нас почти 400 учеников. Моя мечта “Обучить AW 1000” уже не кажется мечтой.

— мы получили 5-ки в отзывах и приятные комментарии от тех, кто проходит курс.

— сегодня выдали первый сертификат, хотя думали, что это случится ближе к началу августа.

Короче, я в восторге 🥳 Качаем продукт по полной!


А если вам хочется тоже погрузиться в анализ данных (продактам это точно полезно), но вы ещё не решились — я решил провести небольшой мастер-класс по анализу и визуализации данных.
Он будет в четверг 27 июля.
Подключим открытые данные МВД и построим карту преступности с разными показателями и фильтрами.
Не просто что-то сделаем с данными, а сразу и выводы получим: где больше всего краж, где убийств и т.д. В жизни пригодится 😉

Записаться на мастер-класс можно тут: analyticworkspace.ru/dashboard-za-chas
Умение рассказывать об итогах своей работы

Короче, у многих людей не развит навык преподносить итог своей работы.
Я насчитал три основных вида преподнесения итога:

— Смотрите сами (1 из 5).
На примере дизайнеров: я сделал макет, вот ссылка, жду комментарии.

На примере продактов: обзор конкурентов готов, вот ссылка.

— Расскажу словами то, что вы и сами увидите (3 из 5).

На примере дизайнеров: здесь я предлагаю так сделать, а здесь этак ….

На примере продактов: у нас 10 конкурентов, у них есть функции такие-то, …

— Представляю выводы, исходя от цели задачи (5 из 5).

На примере дизайнеров: этот вариант дизайна решает задачу максимально быстрого вовлечения пользователя в продукт, потому что …

На примере продактов: у нас 10 конкурентов. Мы можем позиционировать себя следующим образом, чтобы выгодно выделяться …

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

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

Двадцать лет назад, увидев чистенький и не битый Lexus RX первого поколения, большинство бы мечтательно посмотрело вслед проехавшему мимо красавцу.
А ведь с самим Lexus RX 1 ничего не произошло — он и сейчас, и тогда выглядит одинаково.
Изменилось окружение, изменились ожидания.

Популярная блоговая платформа ЖЖ (Живой журнал) тоже мало изменилась с момента своего пика в начале 2000-х, до сегодняшнего дня. Но тогда это был светоч Рунета, а сейчас умирающий гигант.

Я это к чему — свой продукт никогда нельзя оставлять в состоянии UX-покоя.
Следить за окружением, следить за ожиданиями → менять, улучшать, развивать всегда, не смотря на "мы лучшие".
#ux
​​В общем, я сделал математическую запись зависимости UX от UI через пределы.

Суть такая: чем меньше интерфейса встретит пользователь на своём пути к цели, тем лучший пользовательский опыт он получит.
Максимальный пользовательский опыт достигается при нулевом интерфейсе.

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

Нулевой интерфейс — это идеальное состояние интерфейса.

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

#ux
Дарья Тимофеева (продакт-менеджер в Авито) написала подробную статью-гайд о запуске в мессенджере Авито функциональности Быстрые ответы.
Это когда продавец на типовые вопросы отвечает шаблоном.
Собственно статья ценна тем, что показывает приличный путь запуска новой функциональности в крупном состоявшемся продукте:
— Изучение проблемы и подходов к её решению у конкурентов.
— Подготовка решения максимум и обрезка его до реализуемого в разумные сроки состояния.
— Запуск фичи в А/Б и сбор обратной связи.
— Полный запуск, аналитика итогов использования.

Узнал из статьи, что в Авито 15-20% профессиональных продавцов, один из конкурентов — WhatsApp Business, а спринт длится две недели.

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

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

Павел Стоянов выложил у себя в канале @okr_stoyanov чек-лист проверки своих целей по OKR:

Хорошая цель для OKR:
— Понятны пути её достижения
— Амбициозная, но выполнимая
— Мотивирует к действию
— Важна для бизнеса
— Измеримая

Плохая цель для OKR:
— Слишком общая (не ясно, как конкретно на неё влиять)
— Сложна для измерения (возможны манипуляции)

Если тема OKR вам интересна — канал Павла рекомендую точно @okr_stoyanov . Сам давно читаю 😉
Под постом с чек-листом можете запросить обратную связь по своим OKR — Павел поможет.
Как геосервисы помогают растить продажи (и не только)

Недавно я вам рассказывал про API Геосаджеста, который помогает пользователям быстро ввести адрес. Например, при оформлении доставки или заполнении веб-форм.

Так вот, это лишь один из множества сервисов API Яндекс Карт. С их помощью можно встраивать карты на сайт и в приложение, строить маршруты для курьеров, узнавать координаты по адресу пользователя и даже определять местоположение арендованных самокатов или автомобилей без использования GPS.

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

Мы с Яндекс Картами решили сделать небольшой коллаб, чтобы лучше разобраться в теме геосервисов и их применения в своих продуктах.
Антон Токбулатов, руководитель проектов API Яндекс Карт, ответит на вопросы которые у вас есть о геосервисах для бизнеса.

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

Собираем ваши вопросы до 23 августа, а Антон ответит на самые интересные в отдельном посте.

Формат эксклюзивный и на канале впервые, не пропустите 😉
Про нулевой интерфейс ч.2

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

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

Дизайнер может сколько угодно вылизывать форму регистрации, но проектировщик может предложить выкинуть её нафиг и входить через vk или смс, или ещё как-то.

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

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

В общем, чаще задавайте себе вопрос — «Как бы нам от этого отказаться, не потеряв в функциональности? ». Но чтобы ответить на него — надо иметь отличную насмотренность и напользованность.

---

Более подробно про нулевой интерфейс и не только буду рассказывать 5 сентября на конференции Flow 2023. Это конфа для системных и бизнес аналитиков. Моя тема: UX для аналитиков. Что нужно знать о пользовательском опыте, чтобы создавать удобные продукты.

Эксперт на моём рассказе — Дмитрий Сатин. Должна быть жаркая дискуссия.

Конфа платная, но у меня есть именной промокод — он дает повышенную скидку на билеты «Для частных лиц»:  MGrekov2023JRGpc

#ux