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

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

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

Сотрудничество — @GrekovM
Download Telegram
Стал замечать, что отзывы к товарам на Озоне всё больше превращаются в мусорку: "Упаковка была целая, ещё не успели воспользоваться, но товар рекомендую".
Агентская проблема продакта в действии: мотивация к отзывам людей, которые по сути ещё не могут дать глубинный отзыв.

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

На скрине вариант мотивации к написанию отзыва — по сути отзывы покупают.
А что я могу написать, если я только получил товар, но даже не успел его понять? Правильно: "Упаковка была целая, ещё не успели воспользоваться, но товар рекомендую".

#UX
Пока тема с шарингом папок в Телеге ещё актуальна поделюсь своей папкой UX/UIhttps://tttttt.me/addlist/Qmbu_AeYXegxOTgy
🔥 Внутри 17 каналов про UX/UI, которые читаю, авторов которых знаю.
В разное время я большинство из этих каналов уже рекомендовал штучно, а теперь оптом.
Подключайте себе.

И уже накопились ЧАВО по работе с папками:

Если я не могу подключить, телега ругается.
Скорее всего, надо обновить телегу.
Если не помогло, попробуйте перезагрузить роутер 😉

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

Я не хочу подключать все каналы из папки.
При подключении вы можете выбрать, что именно оставить в папке.

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

Задолбали уже со своими папками.
Извините. То, что мы делаем сейчас, откликается в вечности.

#ux
Не чувствовать себя идиотом

Вчера в канале Data Driven культура делали эфир про особенности внедрения BI-систем.
Мне очень понравилась мысль, сказанная моим коллегой Арсланом Катеевым:
"Хорошо, если при работе в новой системе пользователь получает ощущение, что он полностью реализует в ней свой потенциал. Т.е. он не чувствует себя идиотом, а видит, что у него получается нормально работать в системе.
Когда говорят, что современные дети настолько умные, что в 3 года осваивают технику от Эпл, то это надо понимать так: инженеры Эпл такие молодцы, что их технику осваивают даже трёхлетние дети
".

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

#UX
Не пропушишь — не проживёшь

Пропушить — напомнить кому-то, запросить повторно информацию и т.д.

Пуши от продуктов

Обращаю внимание как продукты меня пушат — я не про push-уведомления в приложениях, а в целом про попытки меня вовлечь, не потерять. Мотаю на ус, собираю практики.

👉 Напоминания на почту.
Ну такое, слабо работают, чтобы привлечь. Мягко говоря, почти не работают.

👉 СМС-ки.
Всё ещё работают, но поток большой в последнее время.
Работают обычно 2-м номером: сперва почта, а если я проигнорил — СМС.

👉 Таргетированная реклама.
Догоняют и просят закончить начатое. Яндекс-Практикум через ретаргет просил допройти курс 😂

👉 Звонки. Работают, если продукт мне знаком:
— Альфа (живой человек) звонит и напоминает о продлении ОСАГО (запрашиваю продление и сразу на почту присылают ссылку для оплаты),
— Скаенг (в записи) звонит и напоминает, что оплаченные уроки скоро кончатся (иду и пополняю),
— Вадик из Зерокодинга (в записи) позвонил и позвал на интенсив (не пошёл, но удивился пушу),
— Хостинг. Звонили (в записи) напоминали, что вот-вот и всё закончится (побежал продлевать). Перед этим были почта и СМС, на которые я благополучно забил.

👉 Телеграм-Боты. У продукта есть бот для напоминаний — он пушит. Главное, мягко заставить пользователя на него подписаться.

Если продукт пушит меня умело — я только за. Мне нравится, что звонит робот Скаенга, и оператор из Альфы. А если продукт не умеет умело пушить — не прожить ему в современном мире.


Пуши в работе менеджера
Быть пушером — очень ценное для работы, да и для жизни, качество. По сути, быть пушером — это быть проактивным в вопросе получения информации, которая тебе нужна. Мне периодически пишут в личку всякие рекламные предложения и т.п. — сразу видно, где наняли пушера на работу, а где застенчивый человек. Пушер 10 раз напомнит, запросит, спросит пока не получит ответ. А застенчивый разведёт руками: "Ну я уже напомнил, а мне так и не ответили. Что же я могу сделать ...".

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

#UX #softskills из давно опубликованного
Чек-лист прогонки дизайна

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

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

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

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

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

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

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

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

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

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

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

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

#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 #Анонс
UX дашбодов для работы

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

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

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

Итак:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#UX
Впереди меня едет премиальный среднеразмерный кроссовер Lexus RX ...первого поколения.
Чистенький, не битый, но сразу видно, что это устаревшая машина.

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

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

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

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

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

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

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

#ux
Про нулевой интерфейс ч.2

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

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

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

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

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

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

---

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

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

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

#ux
Очень не люблю попапы (всплывающие окна) как решение для внесения информации, состоящей более чем из двух полей.
Это же минное поле — случайно тыкнешь мимо формы и она закрывается 😔

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

У меня есть целая статья про UX-форм на medium
https://designpub.ru/ed64e2e367b4

Говорят, что хорошая и полезная 😉

#UX
Сбер, прям, красивые и удобные новые терминалы сделали 👏 А после оплаты успешной ещё и смайлик на секундочку появляется, превращаясь дальше в прелоадер.

#ux
Пуши, акции, стори в приложениях

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

Всегда бесят:
— приложения магазинов (Магнит, Пятёрочка...), когда на кассе надо код карты показать, а они давай акциями закидывать.

— Озон, когда зашёл в ПВЗ и вот тебе надо показать штрих-код заказа, а тебе акции и обновления летят.

— Приложение ВТБ, которое всегда запускается с каким-нибудь уведомлением, когда тебе надо QR-кодом расплатиться. Всегда!
Оно же бесит ещё из-за того, что кнопка "Оплатить по QR" резко сползает вниз, когда сверху догрузятся какие-то ещё кнопки — ты нёс свой палец к QR, а вот уже попал в другое место.

А потому что апсейл важен для роста LTV. Вот и изгаляются.

#UX
UX-рейтинг интернет-магазинов запустили «Рейтинг Рунета» и агентство KISLOROD.
https://im.ratingruneta.ru/

Сайты оценивались по чек-листам, отдельному для каждой категории.
Чек-листы составлены с опорой на исследования Nielsen Norman Group и Baymard Institute, экспертов e-com.

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

#UX
Тут Озон опубликовал свою редполитику — это свод правил про подходы к написанию интерфейсных текстов.

Отмечу два момента:
— всё сделано на Figma. Т.е. Figma в данном случае — это сайт с редполитикой, а не инструмент дизайнера.
— понравилось про точку. На картинке к посту выдержка из редполитики Озона о точке. "Не ставим точку в конце блока и последнего предложения".
Я почему-то к точке в конце короткой коммуникации отношусь как к прохладе или обращению сквозь зубы: "Добрый день."
Но, похоже, что не только я :)

У нас есть небольшой чатик ребят-авторов UX-каналов, там мнения о точке разделились, но большинство за то, чтобы не ставить.

В общем, если нравится коммуникация Озона — забирайте себе редполитику и не изобретайте велик 🤫
https://s.ozon.ru/V7186r5

#UX
Please open Telegram to view this post
VIEW IN TELEGRAM