ЗоЮ | Забота о юзерах
1.02K subscribers
518 photos
38 videos
2 files
626 links
Для продактов, дизайнеров, редакторов, предпринимателей — всех, кто хочет понимать, почему сайт (не) работает.

Про UX/CX, тексты и здравый смысл: инсайты, разборы, исследования, сценарии, примеры из жизни.

Product Experience Lead → @uiuxaudit
Download Telegram
💼💼 Маленький кейс про маленькие тексты

Вот такие скрины из приложения Airba fresh (доставка свежих продуктов в Алматы и Астане).
Текст на баннерах и текст в Авторизации.

«Только для вас»
«Закупитесь на неделю»
«Введите ваш номер, так мы поймём…»

❓Для обоих скринов, какой вопрос надо задать себе, чтобы понять, что не так с текстами?
Что же не так с текстами?

(разбор в коментах)

#кейс #UXtext
ЗоЮ и клоны: Дзен | VK
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔7❤2
This media is not supported in your browser
VIEW IN TELEGRAM
💡💡 Останавливать фоновое видео oninput

На видео пример сайта с фоновым видео.

Я люблю подобные видео-фоны, т.к. они «залипательные» и можно показать не только кучу картинок вместо одной, но и вызвать сильные эмоции. Да, очень часто, они такие же ни о чём, но это уже проблема реализации.

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

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

Я бы предложил автоматически ставить на паузу видео-фон, когда фокус ввода (и/или мышка) на полях формы. Вводишь что-то → видео автоматом останавливается. Юзер уже занялся другим делом, зачем его отвлекать и бесить 🤷‍♀️

Или видео-фоны — вообще зло?

#идея
ЗоЮ и клоны: Дзен | VK
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔9👍4
🔎🔎🔎 Дизайн-макет сайта бистро

Прямой эфир был 12 марта. Разбирали дизайн-макет сайта сети бистро: UX, юзабилити, тексты, сценарии юзеров и бизнес. Получилось на 1 час 48 минут.
На эфире была Вероника (дизайнер).

Запись эфира:
• Rutube
• ВК-видео

👁👁👁
• Понять интересы бизнеса.
Акцент на доставке — в разных местах упоминаем, что «доставим за 15 минут». Напоминаем про адреса доставки (легко изменить в любой момент). Треккер доставки и контакт с курьером (Лавка, Самокат).
Акцент на блюдах — очень вкусно показываем блюда + акцент на меню и конструкторах (Крошка-картошка).
Есть фирменный стиль — на фотках / видео показываем кусочки фирменного стиля, у нас круто, приятно, подаём не «на лопате» (Крошка-картошка).

• Адреса в шапке.
Понять, зачем они юзеру. Для доставки, для выбора рестика, для глобальных фильтров?

• Промики только на русском.
Потому что удобнее печатать без переключения клавы; проще запомнить. (здесь было про смешные промокоды)

• Главная для …
Помнить про постоянных клиентов, что показывать им на главной, если они вдруг не заказывают ничего из тех разделов, которые у вас сейчас.

• Карточка товара — инструмент для юзера.
Быстро понять состав, добавить / убрать (не)нужное.

• Личная оценка блюда.
На еде нет оценок и рейтингов (слишком предвзято), но постоянному клиенту хочется дать свою оценку блюду и потом быстро вспомнить (оценки, коменты, любимое).

Кстати, год назад в рамках Жизайна мы разбирали сайт одного ресторанного агрегатора (Рутуб, ВК).


Накидывайте в коменты вопросы, пожелания, мнения

───
Вы тоже можете прислать что-то на разбор


#разбор ЗоЮ
Please open Telegram to view this post
VIEW IN TELEGRAM
❤11🔥3👍2
Опросы про цифровые продукты

Вы когда-нибудь спрашивали юзеров: «Какая функция для вас самая полезная?» или «Оцените важность чего-то там по 10-бальной шкале»?

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

Написал небольшую статейку, как составлять опросы для цифровых продуктов (с примерами).

Что внутри:
• Почему вопрос «Если бы...» ведет в никуда.
• Как вопрос про фичу маскирует настоящую проблему.
• И главное: как спрашивать, чтобы получать факты, а не мнения.

📖Читать (5 мин)

Если ваш последний опрос не помог принять решение — велкам в коменты

#мнение #шпаргалка
ЗоЮ и клоны: Дзен | VK | МАХ
❤5✍3🤔3
Всё что надо знать о «национальных» сервисах (которые активно лоббирует государство).

«и такая дребедень целый день» во ВСЕХ подобных сервисах — баги и мат до небес при использовании. А без мата совсем грустно уже 🤷‍♀️

#юмор
ЗоЮ и клоны: Дзен | VK | МАХ
Реестр запрещённых сайтов попал в реестр запрещённых сайтов, поскольку содержит информацию о запрещённых сайтах
Please open Telegram to view this post
VIEW IN TELEGRAM
❤9🤡5😱2
📢📢📢
На следующей неделе обсудим:

• кейс про страницу чекаута;
• что делать, если юзеры отключают уведомления;
• стратегию для сайтов проф переподготовки.

🍀 #анонс | ЗоЮ
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍2
💼💼 Страница оформления заказа

Это дизайн-макет страницы оформления заказа в каком-то кафе.

❓Сегодня ваша очередь, что здесь не так (UX, юзабилити, тексты)?

Делайте скидку на то, что это дизайн-макет и некоторые тексты рыбные 😇

(разбор в коментах)

#кейс
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔5
ℹ️ℹ️ Клоны и площадки

В связи с очередным «железным занавесом» 😡, есть ещё несколько площадок, где пока ещё можно читать ЗоЮ

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

• Сетка — соцсеть от hh.ru для нетворкинга. IT-аудитория.
Постинг автоматом из телеги. Есть коменты.
Мнение: Не очень удобно. ~65% материалов про ИИ, работу и HR-брендинг от крупной корпы.

• ВК (Сообщество)
Есть коменты. Ручная публикация, могут попадать не все посты из телеги.
Мнение: Тупейшее использование очень крутого функционала. Глючит. Аудитория очень размазанная и невнятная.

• Дзен
Есть коменты. Ручная публикация, могут попадать не все посты из телеги.
Мнение: Бедненький функционал, пока терпимо.

• МАХ (тот самый 🤬)
Без кометов ☢️
Мнение: Отвратная, глючная хренотень! Форматирование глючит. Посты нельзя ни удалить, ни редактировать через 3 дня 😱
Господи, ну почему всё от МейлРу такое всратое 🤦‍♂️

• RSS
Только редкие инфо-материалы и статейки. В некоторых RSS-ридерах (типа Inoreader) есть свои коменты, хз как это работает и буду ли я их видеть.

• Сайт
Просто маленький сайт, там все статьи и кое-что из телеги.

✉️ Ещё можно писать на почту: info@uiuxaudit.site

Такие дела 😢

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

Экзамен в школе КГБ.
— Предъявите претензии, фонарному столбу!
— Что стоишь, провода развесил, Би-би-си, небось, слушаешь?!
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥8👍6❤3
Юзеры отключают уведомления, что делать?

Мы присылаем «только полезное», а нас всё равно банят.

Разобрал несколько способов удержания доверия юзеров.
• Чем важно первое уведомление.
• Как возвращать отключившихся.
• Динамические настройки и разделение на типы.
• Как не бесить и оставаться в контакте.

Спойлер: секрет в контексте и уважении к личным границам. Хотим, чтобы наши пуши читали, а не смахивали → 📖 Читать


❓Признавайтесь, отключаете все уведомления? 😏

#мнение #шпаргалка
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Мадам заблокировала меня везде. Наверно хочет видеть лично
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍4✍2🔥2
Стратегия для сайтов проф переподготовки и повышения квалификации

Если у вас учебный центр по переподготовке инженеров, технологов, педагогов или рабочих — забудьте про вайб Нетологии или Яндекс-Практики. Клиент приходит с конкретной профессией в голове, он хочет «получить корочку, чтобы пройти проверку технадзора» или «срочно повысить разряд до 1 апреля».

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

Собрал рекомендации: как переделать Главную, Страницы курсов, Новости, чтобы не распугивать «индустриальных» клиентов и повысить конверсию в заявки.

📖 Забирайте, если ваш сайт до сих пор начинается со слов «Мы — команда профессионалов…»

#мнение
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
— Ну что ж, тройка вас устроит?
— Устроит!
— Вот и идите, устраивайтесь.
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥6❤3
В ожидании отключения телеги… да и вообще любой хрени 🚽

— А мы в прошлом или будущем? — спросила Алиса.
— Мы в жопе, — ответил кролик.
— А "жопа" — это настоящее?
— "Жопа" — это у нас символ вечности.


Думаем о вечном 🤔
Если с телегой совсем плохо, то выбираем альтернативу

#юмор
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Please open Telegram to view this post
VIEW IN TELEGRAM
🤣7💯42
💼💼 Продуктовая проблема Главной страницы

Сайт какой-то фирмы по оптовой продаже тканей.

❓Сегодня ваша очередь, какая здесь продуктовая (бизнес) проблема (на ваш взгляд)? Ну и про другие можете сказать, если найдёте 😉

Может считаете, что здесь всё норм. Давайте порассуждаем в коментах.
Кстати, объясните мне, плиз, нафига юзеру в карточке товара точка с цветом? Ну на фотке же и так показан цвет ткани 🤷‍♀️

(разбор в коментах)

#кейс
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Please open Telegram to view this post
VIEW IN TELEGRAM
🤔4
Проблема с глазами: что показывать на иконке глазика, когда надо скрыть данные

Речь про кнопку «глазика», которая, например, скрывает / показывает остатки на счетах.

Для затравки, вот вам несколько вариантов из разных банков (скрин 1). А ещё есть «зачёркнутый глаз» и «закрытый глаз», которые вроде бы про одно и то же, но это ещё больше усугубляет ситуацию. Как видите, даже крупные банки не могут определиться, какой же показывать глазик в разных состояниях.


Так что не так с глазами?
«Глазик» — это кнопка-состояние, по типу кнопок ▶️ (Play) / ⏸️ (Pause) на плеере. Показывает, что будет ПОСЛЕ нажатия. Музыка играет (слышим) → видим кнопку ⏸️ (или ⏹️, «хочу остановить», ассоциация неподвижности). Не играет (не слышим) → видим кнопку ▶️ («хочу запустить», ассоциация движения).

Обратите внимание, что на иконках не человеческое ухо или иная прямая ассоциация с физическим слушанием, а абстрактные символы, которые относятся к состоянию звука (играет, звуковая волна движется), а не восприятия (слышимость). Вот так договорились и за 60 лет въелось в подкорку.


А теперь с глазиком. Например, на фотке (скрин 3) мы видим открытый глаз, какие у вас первые ассоциации? → человек НА ФОТКЕ СЕЙЧАС смотрит, видит. Т.е. это не мы смотрим, а нарисованный смотрит. Примерно то же может происходить с иконкой глаза: некоторые юзеры не ассоциируют глазик с собой, типа это глаз системы, она (не) видит. Отсюда и когнитивный диссонанс у юзеров и такой «разброд и шатания» в интерфейсах (скрин 1).

Если строить аналогию с Play / Pause, то «хочу видеть» (сейчас всё скрыто, юзер не видит) → нарисован открытый глаз;
«хочу не видеть / скрыть» (сейчас всё читается) → нарисован закрытый / зачёркнутый глаз. И правильным сейчас считается именно такое отображение (скрин 2).


❓Вас не сбивает с толку этот глазик, сразу понимаете?

#меняпрёт #рефы
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
— Доктор, что-то у меня с глазом плохо!
— А без глаза, думаешь, будет лучше?!
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5🔥3🤔3❤1
Нашёл вам действующий ретро-сайт.
Зато он с «бесконечной» лентой и открывается за 1 секунду 😎

Обратите внимание на «Есть» вместо скучного «В наличии» (в карточках товаров), ну не прелесть ли 😘

Наслаждаемся тут https://www.logobook.ru/
ну или на скрине

#юмор #полезнаяссылка
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Please open Telegram to view this post
VIEW IN TELEGRAM
❤4👍2
Разбор ваших проектов и тестовых

Присылайте в коменты сайты, приложения или макеты (RU/EN), по которым хотели бы получить разбор UX, юзабилити или текстов. Показываю слабые места, где теряете деньги клиентов, что не так, почему, зачем и как исправлять 😎

Беру ссылки из коментов по порядку и разбираю по четвергам в 15:00 (по Москве), на ~1 час в Яндекс Телемост. Свободный микрофон.

Про vpn — пояснения в коментах.

───
Профессиональный взгляд со стороны на ваш проект, точно поймёте, что не работает, почему и что делать. Замечаний хватит на пару месяцев работы, а то и больше 💃

Я ничего вам не продаю — только показываю проблемы и возможные решения.

В таком формате уже разобрали:
• Дизайн-макет сайта сети бистро
• Стартап музыкального сервиса
• Настройка уведомлений для разных сервисов
• Посадочная для игры CS
• Сайт Почты России
• и несколько тестовых


Ещё помогаю с тестовыми заданиям — личная консультация

Велкам в коменты 🤷‍♀️

ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Please open Telegram to view this post
VIEW IN TELEGRAM
❤3🔥3👍2
Продуктовая задача: Как объединить на одной платформе IT-консультации и эзотерику без потери доверия?

Разобрал:
• Конверсию с Главной.
• ИИ, как помощника.
• Смещение акцентов.

📖 Забирайте, если хотите скрестить ежа с ужом ))

#мнение
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
Please open Telegram to view this post
VIEW IN TELEGRAM
✍4❤2👍2
👤👤👤 Зачем нужны артикулы

В недавнем обсуждении у нас случился классический батл UX и SEO: нужно ли пихать артикул товара в название (H1) и заголовок карточки?

UX не существует в отрыве от настоящей командной работы. Сегодня с нами SEO Ленка, SEO-специалист, работающий последние 6 лет только с продающими сайтами, и её взгляд на проблему артикулов, которая оказывается вовсе и не проблема 😉

UX-редактор: «Непонятные цифры — это визуальный мусор!».
SEO-специалист: «Вы чего, поисковый трафик по артикулам огромный, и он дает лучшую конверсию!».

Кто прав? Оба. Конфликт легко решается, если перестать называть все наборы цифр одинаково. Разделим их на два типа.

1️⃣ Внутренние ID магазина или маркетплейса.
Никто в здравом уме не гуглит «кроссовки Ozon 1-911_201787». Выводить эти цифры в заголовок — реально плохой UX.

Как подружить с SEO: прячем код «под капот». Отдаем поисковикам через URL, Title, мета-теги и микроразметку (или JSON-LD). Страница отлично индексируется, а дизайн карточки остается чистым.​

2️⃣ Артикулы производителя и чертежные номера (B2B).
В промышленном оборудовании, спецтехнике или запчастях ситуация обратная. Названия у дилеров часто отличаются, поэтому снабженец ищет деталь строго по заводскому коду.

Здесь артикул — это суть запроса (скрин 1). Его нужно выводить в H1 и делать самым заметным элементом. Пользователь должен за секунду визуально подтвердить: «Да, это та самая деталь из моей сметы». Используйте микроразметку (или JSON-LD), чтобы поиск сразу красиво показал: название с артикулом, описание, цену и даже картинку (скрин 1).


Что можно вытащить из аналитики:
• Много заходов по артикулу + высокая конверсия: юзер точно знает, что ищет. Ему не нужны эмоции, дайте цену, статус наличия и сроки.

• Высокий трафик, но нет продаж (скрин 2): скорее всего, вас используют как справочник или сравнивают цены. Часто такое встречается, если цены не указаны ввиду специфики продукции.

• Один юзер маниакально ищет десятки артикулов подряд: типичный B2B-клиент переносит спецификацию руками. По-хорошему, такому клиенту нужна умная загрузка Excel-файла сразу в корзину. Но давайте смотреть правде в глаза: парсинг таблиц с онлайн-проверкой остатков в ERP/1С — это очень дорогая разработка.

Если бюджета нет, спасут дешевые UX-костыли. Сделайте большое текстовое поле «Поиск по списку» (куда можно разом вставить столбец скопированных артикулов) или заметную форму «Прикрепить смету», которая просто улетит вашему менеджеру.


Главное правило: артикул не обязан засорять визуал. Но если в вашей нише по нему реально ищут, он должен идеально читаться поисковиками в коде (для роботов) и стоять на самом видном месте, чтобы еще в поисковой выдаче было понятно — вы предлагаете то, что человек ищет.


#мнение #коллаб
ЗоЮ и клоны: Сетка | Дзен | VK | МАХ
────
Вы тоже можете предложить своё видение UX/юзабилити и заботы о юзерах в любой сфере. Пишите, обсудим.
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
👍5✍3🤔2❤1