Про удобство (Михаил Греков)
18.9K subscribers
204 photos
20 videos
2 files
519 links
Про продуктоводство, UX, работу с b2b-продуктом и здравый смысл.

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

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

РКН: https://clck.ru/3FeFq7

Сотрудничество — @GrekovM
Download Telegram
Впереди меня едет премиальный среднеразмерный кроссовер 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
Ну что, сынку, помогли тебе твои ляхи?

А давайте поговорим про реальный опыт массового использования генеративных нейросетей — это всякие чатГПТ, Майджорни, Гигачат и прочие-прочие-прочие.
Какой опыт использования я вижу повсеместно:

▫️Посредственные копирайтеры стали ещё более посредственными: тоннами генерятся тупейшие новости, статьи и обзоры.
▫️Посредственные креативщики стали ... : картинки, сгенерённые нейросетями заполонили рекламные щиты, баннеры, паблики ...
▫️Мошенникам раздолье: генерится нереальное количество фейков, звонков, генеративных комментаторов ...
▫️Генеративные отзывы в маркетплейсах.
▫️Студенты тоннами генерят дипломные и научные (НАУЧНЫЕ, гы-гы) работы.
▫️Появились авторы, которые с помощью ИИ пишут книги.
▫️Инфоцыгане зарабатывают на успешных историях «взлёта» благодаря использованию нейросетей.
Кто-то каждый день с помощью GPT решает, что новенькое приготовить из сыра, хлеба, сосиски, майонеза и пары яиц.

У меня ощущение, что вредных примеров использования массового ИИ сильно больше, чем полезных.
Я именно про массовые ИИ-сервисы, которые открыли широкому кругу пользователей.
Точечный дата-сайнс и использование ML в промышленности, здравоохранении, науке — это другая история.

#UX
Please open Telegram to view this post
VIEW IN TELEGRAM
​​Big screen first

Когда речь заходит об интерфейсах для постоянной работы: корпоративные системы (b2b- сегмент). То здесь часто важно помнить не про mobile first, а про “купили сотрудникам широкоформатные мониторы, чтобы они глаза не ломали” (big screen first) .

И вот сидит сотрудник перед своим большим монитором и смотрит на уродливо растянутые формы. Большой монитор — это супер для работы с таблицами, но вызов для работы с формами. Я не привожу параметры большого монитора — это почти любой современный офисный монитор-широкоформатник. Формы — это такое окошко с полями, в которые информация вносится (примечание для тех, кто лэндосы пилит).

Так вот, под большой монитор адаптировать порой сложнее, чем под мобильник.
Собрал несколько мыслей на тему — что делать с формами на широкоформатном мониторе:

🤦‍♂️1. Не надо растягивать поля. Самый большой капец — сделать полностью адаптивную форму. Было у вас в строке поле для ввода ИНН и вдруг оно превращается в длиннююющее поле для ввода ИНН.

🤦‍♂️2. pop-up не поможет. Pop-up сам по себе хреновое решение для отображения форм ввода информации, на которых больше 2-3 полей. Pop-up на большом экране становится и вовсе ужасен — куча свободного места слева и справа, нажатие на которое приводит к закрытию окна. А если вдруг вы сделали, что ваш pop-up не закрывается при тычке за его зоной, то пользователь всё равно боится нажать мимо, так как это паттерн.

🤷‍♂️ 3. Если есть возможность заморочиться — можно перекомпоновать поля. Было 2 поля в строке, а сделать при определённом размере экрана 3 (пример условный). Это лучше чем растянуть, но так себе — неудобно считывать форму (широкая).

🕺4. Масштабировать поля лишь частично, а остальное место (справа, как правило) оставлять пустым. Да, возможно, полэкрана будет пустым, но форма будет считываться и нормально заполняться. Если боитесь пустоты: можете на пустом месте пасхалку вывести, поздравив пользователя с хорошим монитором, или какие-то подсказки, или персонажа и т.п.

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

#UX из давно опубликованного
В Магнит ИИ подъехал в виде компьютерного зрения.
Был вчера приятно удивлён.

Кладёшь товар на весы, они тебе сами говорят, что именно ты купил, ты жмёшь ОК и забираешь штрих-код.
Удобно!
С бананами без пакета работает хорошо, остальное ещё не тестировал.

Но ананас сбивает с толку — я ожидал, что мои бананы будут вместо него посреди экрана, а они там где-то сбоку скромно.
Бабульки будут путаться.

#UX
Важное знание про UX

Подхожу вчера к мусорке выкинуть мусор [пока звучит логично].
А там два мужика в возрасте обсуждают [не бомжи]:
— Смотри, какой холодильник выкинули!
— Ого!
— Да! Вон что народ нынче выкидывает, я его уже себе приглядел.
— Эх. Хороший!
— Да, здесь же весь обвес целый. Вон и двигатель, и трубки все.
Давай я машину подгоню — поможешь загрузить. Я тебе заплачу.

Дальше я уже не слышал.

Так вот, важное знание про UX — пользовательский опыт — штука относительная.
Любой продукт может найти довольных пользователей и весь продуктовый вопрос к UX дальше сводится к двум вопросам:
— продукту достаточно этой аудитории, чтобы не сдохнуть?
— сможет ли продукт долго удерживать эту аудиторию?

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

#ux
Монополизация сервисов
Когда интернет только начинал активное продвижение в России, был большой выбор сервисов — любых.
Несколько поисковиков, множество почтовиков, куча соцсетей (даже Сокамерники), каталоги, интернет-магазины ...
Справедливости ради — большинство были хреновые.

И в каждом сегменте популярных сервисов развитие шло по примерно одинаковой траектории:
1. Хороший бесплатный продукт постепенно подавлял остальные и становился самым популярным (или был в двойке-тройке).
2. Популярный продукт начинал «продавать» пользователей рекламодателям.
3. Популярный напичканный рекламой продукт предлагал пользователям выкупить себя, заплатив за отключение рекламы.

Примеры: Яндекс Почта, Телеграм, VK, VC, и куча других ...

Вторая траектория для популярных околобизнесовых продуктов:
1. Бесплатный продукт предлагает слишком много для бесплатного, привлекая к себе пользователей.
2. Продукт монополизирует рынок, становится популярным.
3. Продукт начинает «выкручивать» руки пользователям, вводя тарифы на то, что было бесплатным и сокращая лимиты бесплатного.

Примеры: Яндекс Почта на домене, Яндекс Datalens, Гугл Диск, Figma, Notion ...

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

В общем, сегодня я в очередной раз в мобильной версии Яндекс Почты тыкнул в рекламу вместо письма, потому что она мимикрирует под письмо.
А в десктоп версии Яндекс Почты заметил, что рекламные интеграции стали ещё крупнее, а кнопка «Отключить рекламу» ещё заметнее.
М-монополизация.

Это неплохо. Каждый продукт мечтает быть самым монопольным.
Но пользователи всегда должны помнить — бесплатность может быть только временной.
Рано или поздно с вас спросят.

#UX
Вот это я понимаю Дата-дривен ))
Яндекс Музыка подвели для слушателей музыкальные итоги года.
Я, конечно, не очень хочу, чтобы «Лесоповал» был частью семьи 😂

Но довольно прикольно, когда сервис «привязывает» к себе через такие ниточки с впечатлениями.

Судя по музыкальным предпочтениям, самое время, чтобы начать таксовать для души 😂

#UX
UX-нетренды 2025

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

Я публиковал эти нетренды в начале 2020, 2021 и похоже надо повторить с небольшими дополнениями 😉

Корпоративные сайты
☝️ Пользователям по-прежнему будет всё равно на дизайн, если контент говно.
☝️ Если дизайн дополняет контент — пользователи оценят.
☝️ SEO-шум, маркетинговое словоблудие и GPT-тексты продолжат бесить. Люди ждут конкретику, не размазанную по "оптимизированным" текстам.
☝️ Описание услуг компании от души и с заботой — этого ждут потенциальные клиенты.
☝️ Статьи, напичканные MidJourney-картинками, быстро всех утомят (уже).

Интернет-магазины и прочий е-комерс
☝️ Если доставка или поддержка будут лажать, то всё клёвое на сайте будет перечёркнуто.
☝️ Если купленный товар окажется плох, то пользователь получит негативный опыт от магазина в целом (говно продают говнюки).
☝️ Пользователи не хотят получать кучу спама от красивого и модного магазина.
☝️ Любой магазин сравнивается по удобству с хитами (Озон, Вайлдберриз и т.п.) — надо быть на уровне.
☝️ Всё ускорилось в онлайне: пользователи ожидают доставку быстрее, подтверждения оперативнее, ответы поддержки точнее.

Массовые продукты (B2C)
☝️ Пользователи также легко откажутся от продукта, как и повелись на него, если увидят что-то получше/комплекснее.
☝️ Если сразу не осилил, то тяжело вернуться к продукту. Онбординг и простота старта — залог успеха.
☝️ Сарафанное радио лучший способ создать первое впечатление — бережное отношение к отзывам и грамотная обратная связь в помощь.
☝️ Безопасность рулит. Если в сарафан пройдёт информация о проблемах с безопасностью — отмыться будет сложно.
☝️ Пользователи, измученные уведомлениями и новостями о взломах, будут внимательнее смотреть, какие данные собирает сервис. Новичкам не стоит сразу вытягивать всё из пользователя и просить разрешения про запас.
☝️ Продукты, в попытке вырастить ретеншен (вовлечённость пользователя в продукт), будут со всех щелей напоминать пользователю о себе. Мало кто это будет делать изящно и с пользой, большинство будут делать тупо и бесить пользователей.

Интерпрайз и продукты для работы (B2B)
☝️ Пользователи продолжат плевать на скевоморфизм, материал или чтотамещё лежит в основе дизайна — они не знают ничего про это.
☝️ Пользователям будет всё равно на изысканность шрифтовых гарнитур.
☝️ Пользователи будут рады, если продукт не мешает работе, а ускоряет её.
☝️ Пользователи будут рады видеть в интерпрайз продуктах UX-паттерны из массовых продуктов — не надо отставать.
☝️ Скорость работы и отзывчивость продукта — больше всего помогут с созданием лучшего впечатления о продукте.

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

#UX
Пожалуй, самая большая слабость при разработке сложных систем — позволить себе сложность. Как только ты прощаешь себе сложность на уровне взаимодействия системы с пользователем — система становится не сложной, а неподъёмной. Это как с теорией разбитых окон: ты позволил себе сложность в одном месте, потом этих мест становится всё больше и больше. Становится нормой не упрощать взаимодействие (это сложно), а усложнять (это просто).

Главное правило проектирования взаимодействия система-пользователь: должно быть просто. Пользователь всякий раз должен понимать, что от него требуется, что произойдёт после выполнения действия, что будет дальше по процессу (это если кратко).

Силён тот, кто делает сложное простым.
Оглянись и посмотри: а не сильно ли сложно получается.

#UX из давнего

P.S. Смотрите в комменты — там классный бразильский опыт описан.