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

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

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

Сотрудничество — @GrekovM
Download Telegram
Не чувствовать себя идиотом

Вчера в канале 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
Рассинхрон между разработкой и продуктом

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

Давайте разберёмся на примере приложения для сети магазинов О'КЕЙ.

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

Что происходит дальше?
Большинство пользователей "перенесут" карту лояльности в специальное приложение для карт лояльности, чтобы больше никогда не открыть приложение Окея.
Ведь без карты (без сердца) оно нафиг не нужно. Это называется отток.

Получается разработчики приложения заставили пользователя уйти из их приложения в аналоговые способы использования карты.
Но если счастье разработчиков завязать на возможность пользователя открыть карту лояльности быстро и легко всегда: когда нет интернета и когда устарела версия.
То такая возможность была бы.

Просто менеджмент сдался и не дожал после слов:
«Ну пусть обновятся — чего трудного? Делать карту доступной всегда — трудоёмко».

#ux
Про демократизацию UX-исследований

Исследователи в вертикалях Товары и Недвижимость в Авито Никита и Катя написали статью
Как научить продуктовую команду проводить UX-исследования и сократить time to market на 20%

Суть статьи — почему важно не зацикливать навык проведения исследований только на исследователях.
И это, как по мне, очень верный посыл 😉

Несколько хайлайтов (медиум за VPN закрыли, теперь не все и знают, что такое хайлайт 😂)

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

#UX
Ну так сделайте удобнее и здесь 😏
Не понимаю такие подкаты, когда через самозасер пытаются переманить в приложение.
Как элегантно звать в приложение, не засерая веб-версию?

#UX