Аня учится пилить проекты

👛 Про WB Кошелек Я работаю в финтехе, поэтому не могла пройти мимо новинки Вайлдберриз.  Что понравилось: 🔸 открывается в один клик — нет подтверждений и смс-кодов. Уж не знаю, как обошли требования закона, но это явно плюс для конверсии.  🔸 элегантно поступили с неймингом — на ВБ был баланс, а теперь он как бы часть кошелька.  🔸 на чекауте кошелек классно выделен по сравнению с другими способами оплаты.  🔸 прямая скидка — лучший мотиватор для использования.  Не понравились неясности и разнобой в терминах. Например: 🔹 есть кнопка «Увеличить лимит», но не написано, что это и какой у меня сейчас (вдруг и так устраивает!). 🔹 при переводе появляется лимит вывода, а у него подсказка — но я совсем не поняла, что это такое. Что за сумма вернулась и откуда карта, если вывод через СБП? 🔹 при увеличении лимита открывается шторка с информацией о кошельке. Тут номер и способ уведомления об операциях — я их подтверждаю? Или зачем они нужны, если я буду подтверждать данные на Госуслугах? #подсмотрела_у_других

📆 Чем заняться в первые рабочие дни года  Каждый раз перед селф-ревью понимаю, что описать задачи трудно. Нужно сесть и вспомнить, что ты делал полгода, на чем был фокус, какие ставили цели. В этот раз попробую действовать на опережение — собрать базу прямо в начале полугодия. Все равно в первые дни непросто собрать себя в кучку и погрузиться в тексты. Как это упражнение выглядит сейчас: 🔶 Планы продукта. Я знаю своих основных заказчиков и заранее выяснила, на чем они планируют сфокусироваться. Это еще не конкретные задачи, скорее вектор: например, хотим запустить такие-то фичи или поработать над конверсией на определенном шаге воронки. 🔶 Цели команды. Редакция Авито находится внутри дизайн-департамента, и у него есть тоже свои цели и желание перестроить некоторые процессы. Я обсудила их с нашим дизайн-лидом и примерно прикинула, где понадобится мое участие. 🔶 Личные проекты. Это что-то, на что мне никто не ставил задачу, но я сама вижу потребность. Например, в прошлом году это была редполитика моего продукта. А в этом я подумываю о мастер-классе для команды. 🔶 Собрать все в одном месте. Я сделала таблицу, где в строках — основные проекты, в столбцах — что хотим, на какую цель это работает, что делаем, ответственное лицо и результаты.  У меня получилось 10 основных задач. Из них 7 — это то, что планирует развивать бизнес. Еще две основаны на целях дизайн-команды. А последняя — что я бы хотела сделать вне основной работы. Главная идея в том, чтобы дополнять эту табличку прямо по ходу работы. Сделали большой кусок — записать, собрали первую аналитику — сохранить циферки. Если все будет хорошо, это потом сильно поможет подвести итоги. *** Такая табличка — чистый эксперимент. Я не знаю, сработает ли идея или уже через месяц я про нее забуду. Да и список проектов явно будет меняться, что-то отвалится, а что-то появится новое. Но время в любом случае потрачено не зря: когда есть вижен, идти вперед намного проще.

📂 Как создавать и использовать текстовые шаблоны Об этом на UX-Марафоне рассказал Алексей Тихонов из Альфа-Банка и канала «Тут дел на 5 минут», а я делюсь своими заметками с доклада.  🔹 Обычно в продукте одна команда не знает, что делает другая — тогда всем приходится заново изобретать велосипед. Чтобы избежать этого, в Альфа-Банке стараются приводить все сценарии к шаблонам или подгонять шаблоны под сценарии.  🔹 Шаблонизировать можно все, что больше одного раза встречается в продукте. Например: — результирующие экраны (успех, неуспех, ошибка, пустое состояние) — типовые сценарии (прерывание сценария, возвращение на главную, завершение сессии) — модальные окна (сохранение, удаление, подтверждение) — нотификации обо всем на свете 🔹 Чем конкретнее шаблон, тем лучше. «Заголовок + Описание в две строки + Кнопка» — не шаблон, потому что текст все равно писать с нуля. В Альфа-Банке шаблоны сделаны в виде блок-схем с описанием, когда что использовать. 🔹 Шаблоны нужно хранить в фигме и делать на компонентах дизайн-системы. Маловероятно, что за ошибкой или пустым состоянием разработчик зайдет в ваш гуглдок — в первую очередь он пойдет в фигму к дизайнеру.  🔹 Мало придумать шаблон, нужно его распространить и убедить пользоваться. С этим помогают страничка в ноушене со списком шаблонов, пропаганда и воркшопы, обновление по мере выхода новых кейсов.  🔹 Шаблоны не ухудшают пользовательский опыт. Наоборот, шаблонный текст помогает формировать полезные привычки, связанные с продуктом. 🔹 На практике шаблоны — более ценный инструмент, чем редполитика. Потому что она исключительно редакторский артефакт, наши энциклопедии с абстрактными примерами бесполезны дизайнеру или разработчику.  🔹 Шаблонизация помогает правильно выстраивать процессы в команде. Создавая шаблоны, редактор работает сразу со всеми командами. В итоге он становится точкой сборки не только всех текстов, но и в принципе совместных решений. #чужой_опыт

🎄 Новогодний спецпроект Шедеврума В конце каникул развлекаюсь с нейросетью от Яндекса. Пара секунд и щепотка новогодней магии — и вот придуманная тобой игрушка висит на виртуальной елке прямо на главной поисковика. Кайфую и в который раз понимаю, что больше всего эмоций дарят простые идеи, а не сложносочиненные спецпроекты с кучей условий, уровней и прочего. #подсмотрела_у_других

💰 Кейс: обновление страницы для банковского перевода на Авито В Авито была проблема: пользователи через банковский перевод отправляли нам деньги для продвижения объявлений, а мы никак не могли понять, чьи они. В итоге их нельзя ни пользователям отдать, ни себе оставить. Это называется нераспознанный платёж. Чтобы таких зависших денег было меньше, летом мы обновили страницу со счётом на оплату и сам счёт. Вот что из этого вышло ↓ https://annaakulova.ru/blog/all/case-avito-unrecognized-payments/ ___________________ Анна Акулова для выставки достижений редакционного хозяйства — 2023

📅 Как давать коллегам обратную связь на ревью Вслед за постом про подготовку к ревью встречайте формулу обратной связи коллегам. Да, я лихо перескочила через этап выбора задач и коллег. Но что поделать, если посты я пишу медленнее, чем проходит ревью в Авито 😆 Когда мне впервые пришлось писать отзывы, я была в ступоре. Что говорить, что важно, что не важно? Да и сейчас это не самое простое занятие. Но в этот раз мне помогает такая формула: факты по проекту + личные эмоции + пожелания = отличный отзыв Как это устроено, рассказываю в карточках 🌸 #про_лайфхаки

🚪 В чем состоит работа UX-редактора на примере двери В выходные читала на Т-Ж дневник трат UX-редактора, где героиня очень классно объясняет суть свой работы. Не могу это не сохранить 🤩

Представим, что мой продукт — это дверь. Моя задача — сделать так, чтобы пользователи ее легко, безболезненно и желательно с первого раза открывали. Так как мой рабочий инструмент — это тексты, я пишу табличку: «От себя». Проходит время, ко мне приходят аналитики и говорят: так и так, у 90 из 100 пользователей не получается открыть нашу дверь. Проблема определенно есть, надо понять, почему она возникает. Тогда я смотрю, как люди сами ее формулируют, и прихожу к новому решению: пишу на двери вместо «От себя» — «Толкай». Через время смотрю аналитику снова и замеряю эффект от изменений. Если теперь с проблемой сталкивается только 50 пользователей из 100 и нас это устраивает, задачу закрываю. Если не устраивает, придумываю что-то еще. Иногда можно прийти к выводу, что текстом ничего не решить и проблема в самом продукте. Тогда нужно подсветить это продуктовой команде, и они уже будут думать, что делать: нанимать швейцара или превращать дверь в арку.

Скажите, здорово? Возможно, такая бытовая аналогия поможет мне наконец-то объяснить маме, чем я занимаюсь 😃

Плагин для синхронизации Фигмы и гугл-таблиц Чтобы все сработало, нужно настроить у таблицы доступ по ссылке для всех, а слои в фигме назвать по принципу «#заголовок_столбца». Останется запустить плагин и добавить в него ссылку. Я пока не тестила, но наши дизайнеры уже опробовали в бою. Говорят, что так удобно для юиксов наполнять макеты данными, близкими респонденту. Например, чтобы на тестировании выдачи товаров продавцу авто показать машины, а продавцу мебели — диваны. Попробовать плагин 👉 Google Sheets Sync #про_фигму

🍊 Мандариновое настроение в Авито Да, в этом году мы бросаем всем новогодний вызов. А вообще, хотела поделиться статьей о том, как делать хорошие чейнджлоги — ее написал автор текста с этого скрина. Она старая, но актуальности не теряет. Прочитать на Хабре #подсмотрела_у_других

📋 Как в Госуслугах научились оцифровывать качество контента Для этого ребята сделали калькулятор в Excel-таблице — по факту это такой интерактивный чек-лист. Узнала о нем из подкаста «Наташин UX» с Варварой Тихоновой и Наталией Богатырёвой.  🔷 Какую задачу решали Важная метрика Госуслуг — индекс качества FAQ или соотношение лайков и дизлайков. Нужно было снизить количество дизлайков, тогда понадобился инструмент для объективной оценки.  🔷 Как делали калькулятор В первую очередь ребята сформулировали обязательные и дополнительные критерии хорошего текста. Их много, но все они складываются из 10 требований: 📍 Решение проблемы пользователя — должна быть четкая инструкция, что делать, какие документы нужны и сколько это стоит.  📍 Визуальная подача — заголовки, подзаголовки, схемы.  📍 Точка выхода — кнопка или ссылка, где человек решит свою задачу.  📍 Простой и понятный язык — без канцелярита и бюрократии.  📍 Оформление по редполитике — правильные кавычки, тире, названия и прочее.  📍 Сбалансированный объем — какая оптимальная длина у всего FAQ, отдельного предложения и подзаголовка. 📍 Пояснения на примерах — где это возможно. 📍 Полнота — на случай перехода не из сервиса, а из поиска.  📍 Честность — написано как в жизни, а не в регламенте из ведомства (!). 📍 Актуальность — соответствует законодательству на дату проверки.  Каждому критерию назначен вес. В строках калькулятора редактор проставляет Да, Нет или Неприменимо, а формула считает баллы и говорит, можно ли публиковать.  🔷 Что в итоге За год работы над FAQ с таким калькулятором удалось снизить количество дизлайков на всем портале в 3 раза. 🔷 Где узнать больше про калькулятор Вот пост про него в канале «Коллеги, вам самим-то нравится» — его ведут ребята из Госуслуг. В конце есть ссылка на сам калькулятор, а следующим постом идет презентация с подробностями. #чужой_опыт

📅 Как я готовлюсь к полугодовому ревью Сегодня я отправила своему руководителю селф-ревью. Поняла, что описать все задачи за полгода — в любом случае долго и сложно. Но без этих лайфхаков процесс для меня был бы еще труднее. 🔹 Делать заметки на продуктовых встречах Здорово, когда получается подсветить в ревью, как твоя работа повлияла на цели продукта или команды. Мне в этом помогают синки, где продакты обсуждают цели и результаты квартала. Я записываю все в блокнотик, потому что потом эти цели декомпозируются в задачи на дизайн-команду. Например, мы хотели увеличить долю оплат через СБП, что потом вылилось в мои тултипы и подсказки. Если таких встреч нет, полезную инфу и циферки можно выцепить на регулярках с руководителем или больших встречах типа All Hands. А еще просто пойти и спросить продакта. 🔹 Собирать все драфты за полгода Почти все задачи я делаю в фигме. Придумала у себя в драфтах завести по файлу на крупный стрим. В нем под каждую задачу в Jira отдельная страничка, внутри — мои тексты для каждой итерации и комменты. Так вижу всю картину по проекту, а когда полгода заканчиваются, завожу новый файл и заполняю его с нуля. По такому же принципу можно собрать папки в гуглдоках: одна папка = один проект с задачами за полгода. Раньше я так и делала) Знаю, что еще можно просто фильтровать задачи в Jira за полгода, но там нужно знать правильный запрос, использовать всякие теги или поиск — а у меня лапки. 🔹 Сохранять себе удачные примеры Если на этапе оценки коллег мне нравится чье-то описание задачи, структура или прием, сохраняю себе скриншот. Потом такие референсы помогают справиться со страхом белого листа. #про_лайфхаки

Если в «РЖД Пассажирам» смотришь расписание на ту же дату, на которую куплены билеты, приложение об этом напомнит ненавязчивым блоком. Там можно открыть детали и перейти к самим билетам. По-моему, удобно. #подсмотрела_у_других

Недавно показывала, как Тинькофф предлагает обновить приложение. Сегодня пример поинтереснее — на этот раз от СберБанка. Я не знаю, это просто поехала верстка или такой дезигн, но проблемки в любом случае. Если смотреть только на смысл Здесь нет никаких аргументов скачать новую версию. Ну устарело приложение, и что? Работает же! Если смотреть только на форму Я здесь сначала заметила часть заголовка «Ваше приложение сильно», потом кнопку «Скачать». Потом прочитала белую часть дескрипшена. И только когда ничего не поняла, увидела остальной текст. Так получается, потому что текст на экране люди не читают подряд, а сканируют. Обычно редакторы это учитывают и стараются подружить заголовок с кнопкой, чтобы они словно сложились в одно предложение. Высший пилотаж — сделать их так, чтобы все было понятно и без дескрипшена, потому что его не все прочитают. А здесь процесс сканирования еще и усложняется шрифтами. #подсмотрела_у_других

👩‍🎓 Про развитие дизайнеров и редакторов Мы готовимся к зимнему ревью — это такая оценка работы за полгода на основе собственного мнения и фидбека коллег и руководителя. Поэтому то тут, то там всплывают темы, как описывать задачи, презентовать результаты и в конечном счёте расти.  Недавно как раз на общем синке наш дизайн-лид делился своим взглядом на фокусные точки в работе дизайнера — по факту, что он будет оценивать у своей команды. И начал он с фразы «Аня, тебе как редактору возможно это будет неинтересно».  А мне интересно. Потому что я все больше убеждаюсь, что в здоровой продуктовой команде редактор и дизайнер во многом похожи — разве что инструменты разные.  🔵 Похожий набор компетенций. По крайней мере в Авито матрица грейдов во многом совпадает: разве что нет блока с UI и сильно меньше всего продуктового, а работа над задачами, коммуникации и все такое оценивается примерно одинаково.  🔵 Похожий подход к презентации проекта. Достаточно посмотреть на портфолио UX-редактора — обычно оно сильно напоминает дизайнерское по структуре и подаче.  🔵 Похожее развитие профессии. Рынок развивается так, что UX-редактору все больше нужно погружаться в дизайн: что еще недавно было базой дизайнеров, становится необходимым и редактору. Например, дизайнеры давно сами тестируют интерфейсы, а теперь и у редакторов ценятся самостоятельные исследования. Прототипы в основном собирают дизайнеры, но уже пару раз я видела этот скил в редакторских вакансиях.  Когда я размышляла об этом, мне пришла в голову такая аналогия: достижения продуктовых дизайнеров и их вектор развития докатывается до редакторов, как мода в провинцию — вроде все такое же, только на пару сезонов позже.

Как Яндекс Музыка рассказывает об изменениях По редакторским каналам разлетелся онбординг про коллекции да новость о редизайне Музыки. Решила не отставать и зафиксировать пару мыслей: 🔶 техническая кнопка вроде «Ясно», «Понятно» и «Закрыть» — неплохое место для самовыражения редактора продуктового голоса. 🔶 мне понравился новый логотип и то, как ребята о нем рассказывают. Вместе с анимацией вспышки при запуске приложения он создает какой-то драйв и клубное настроение — думаю, расчет был как раз на такие эмоции. 🔶 как только поставила эти два экрана на одну картинку, так не могу избавиться от желания поменять кнопки местами: к коллекциям нейтральное «Хорошо», а к лого — про красоту 😃 #подсмотрела_у_других #тут_онбординг

🔍 Как исследовать текст в интерфейсе  Подходящий метод зависит от того, что именно мы хотим проверить. Сохранила список возможных вариантов из статьи Анны Мурашовой, UX-исследователя М.Видео-Эльдорадо.  🔹 Встраивание текста в процесс → этнография или дневниковое исследование Этнография — это просто наблюдение за пользователем в естественной среде, например, как он применяет на кассе программу лояльности. А дневниковый метод — когда сами респонденты в течение длительного времени взаимодействуют с интерфейсом и описывают впечатления.  🔹 Время на задание и долю ошибок → опросник с вопросами о тексте Вопросы на другие темы для оценки текста не подойдут, потому что время и успешность прохождения по сценарию могут слишком сильно зависеть от нетекстовых элементов. 🔹 Понятность → highlighter test или cloze test Во время highlighter test пользователи одним цветом размечают понятный текст, а другим — непонятный. А при cloze test нужно заполнить пропуски в текстах — обычно это каждое 6 слово.  🔹 Субъективная удовлетворенность → опросник после прочтения Nielsen Norman Group предлагает оценку по шкале от 1 до 10 по 4 критериям: воспринимаемое качество, простота использования, привлекательность и влияние на пользователя.  🔹 Запоминаемость → вопросы после прочтения или 5-секундный тест В первом случае мы не ограничиваем время и считаем долю правильных ответов, а во втором — получаем качественные данные о том, что запомнилось при поверхностном чтении.  🔹 Ассоциации и соответствие tone of voice → карточки реакций и семантический дифференциал Тесты похожи, но первый предполагает выбор карточки с прилагательным, а второй — расположить реакцию на шкале (например, «простой» — «сложный»). #чужой_опыт

Решила потестировать новенькое приложение от X5 Group — доставку продуктов из магазина «Чижик».  Первое время радовалась, какой классный tone of voice выбрали, как живо пишут и с душой относятся к клиентам (картинка 1). А потом стала замечать, что отовсюду на меня выпрыгивают восклицательные предложения и в итоге кажется, будто приложение пытается быть своим в доску, но выходит натужно (картинка 2).  #подсмотрела_у_других

Интересно наблюдать, как Тинькофф Банк меняет степень нажима — спустя месяц нейтральное предложение меняется на крик, а в ход идет тяжелая артиллерия в виде оранжевого цвета и батареи сторис по ссылке «Что нового в Тинькофф». #подсмотрела_у_других

💡 Про языки дизайна Любую мысль можно донести с помощью языка. Он не обязательно вербальный — например, иногда проще нарисовать интерфейс, чем долго описывать его словами. Таких языков довольно много: например, Женя Арутюнов в книге «Сложный дизайнер» выделил пять. 🔷 Язык композиции Он довольно универсальный: везде есть такие понятия, как масштаб, ритм, акцент, цвет, контраст, равновесие. С их помощью можно управлять вниманием и выявлять взаимосвязи. 🔷 Язык данных На нем мы не только работаем с числами, формулами, таблицами и схемами. Его главная задача — найти закономерности и рассказать через них историю. 🔷 Язык взаимодействия Он помогает фокусироваться на процессе использования и смотреть на все, как на интерфейс. В этом смысле придумать правила конкурса или механику отклика на вакансию — тоже задачи на взаимодействие. 🔷 Язык букв Он чуть ли не самый главный, потому что дизайна без текста не бывает. Любой визуальный формат можно заменить текстом: вместо иконки — подпись, вместо фото — описание. Нужно короче — пожалуйста, длиннее — не вопрос. 🔷 Язык мемов Этот язык самый капризный и в то же время самый сильный — ему сложно противостоять. Его основная функция — сделать отсылку к кусочку информации, событию, персоне, или шире — к стилистике, эпохе, культурному явлению или тренду. И задействовать ассоциации, которые у человека уже есть. *** Зачем это всё UX-редактору Будет ошибкой думать, что мы работаем только с вербальным языком. Я бы сказала, что мы мало влияем лишь на язык композиции, а все остальное как раз инструментарий редактора. Чем больше из этих языков редактор знает — тем больше разного может сказать.

📈 Про метрики и A/B-тесты У нас в Авито почти все решения и релизы основаны на метриках, их огромное количество разных типов и есть стандарты в их создании. Признаюсь честно, я ещё не настолько преисполнилась, чтобы во всём этом разбираться и всегда понимать продактов и аналитиках на синках. Поэтому не могла пройти мимо обзорной лекции, которую аналитики провели для дизайнеров и редакторов. Собрала тут несколько тезисов. 📍 Порой кажется, что все эти цифры — это что-то далёкое, но на самом деле даже самое маленькое изменение вроде перекрашенной кнопки или замены слова может сильно повлиять на метрики. 📍 Мнение членов команды и даже отдельных пользователей может отличаться, поэтому если есть шанс проверить решение — лучше это сделать. 📍 Почти невозможно провести тест так, чтобы прокрасились в зелёный абсолютно все показатели. На старте важно определить одну или несколько целевых метрик, по которым делаем выводы. 📍 Не всегда цель эксперимента — это рост метрик. Иногда для выкатки достаточно, чтобы они не упали. 📍 В стартапах от одного эксперимента можно получить рост на 10-20-30%, а большие компании борются за каждый 0,1%. Представьте, сколько это от месячной аудитории Авито в 62,3 млн?