А вот как другие компании используют эмодзи в интерфейсах:
🔹 Вкусвилл добавляет их в навигацию
🔹 приложение Шедеврум (это нейросеть Яндекса) ставит в конце некоторых текстов
На мой взгляд, в обоих случаях это уместно.
#подсмотрела_у_других
🔹 Вкусвилл добавляет их в навигацию
🔹 приложение Шедеврум (это нейросеть Яндекса) ставит в конце некоторых текстов
На мой взгляд, в обоих случаях это уместно.
#подсмотрела_у_других
Интересно следить, как Яндекс Маркет экспериментирует с блоком для Сплита. Особенно зацепила вариация на 6 месяцев. Вижу два недостатка:
🔹 вроде цифры привлекают, но 152×6 сбивает с толку — порядок отличается от бейджика, поэтому как будто чуток выбивается из ряда
🔹 фраза «далее 6 платежей ежемесячно» дает ощущение, что нужно каждый месяц делать по 6 платежей
Но в любом случае это отличный пример емкой конструкции. Мы как раз решаем подобную задачку, поэтому сохраняю в копилку.
#подсмотрела_у_других
🔹 вроде цифры привлекают, но 152×6 сбивает с толку — порядок отличается от бейджика, поэтому как будто чуток выбивается из ряда
🔹 фраза «далее 6 платежей ежемесячно» дает ощущение, что нужно каждый месяц делать по 6 платежей
Но в любом случае это отличный пример емкой конструкции. Мы как раз решаем подобную задачку, поэтому сохраняю в копилку.
#подсмотрела_у_других
Как Сбер обрабатывает ошибки
Похоже, банк пытается бороться со своим имиджем строгого и заплесневевшего гиганта: вон и словечки разговорные, и иконки веселенькие... Хотя как по мне, начинать надо с процессов — тогда и tone of voice подтянется.
#подсмотрела_у_других
#тут_ошибка
Похоже, банк пытается бороться со своим имиджем строгого и заплесневевшего гиганта: вон и словечки разговорные, и иконки веселенькие... Хотя как по мне, начинать надо с процессов — тогда и tone of voice подтянется.
#подсмотрела_у_других
#тут_ошибка
Страница 404 у Яндекс Дзена
Мне кажется, это одна из самых сложных задач — придумать такую страницу. Вроде и пользы мало можно дать, разве что ссылку на главную. И страница не так важна, чтобы бизнес вкладывал в сложные решения. И креативить не всем дано и не всем нужно, будем честны.
А вот Дзен постарался. Забавные фразочки, разные иллюстрации и целый набор экранов для 404 — кайф. Правда я не знаю, может вечно можно не только смотреть на эту страницу, но и обновлять ее?)
#подсмотрела_у_других
#тут_ошибка
Мне кажется, это одна из самых сложных задач — придумать такую страницу. Вроде и пользы мало можно дать, разве что ссылку на главную. И страница не так важна, чтобы бизнес вкладывал в сложные решения. И креативить не всем дано и не всем нужно, будем честны.
А вот Дзен постарался. Забавные фразочки, разные иллюстрации и целый набор экранов для 404 — кайф. Правда я не знаю, может вечно можно не только смотреть на эту страницу, но и обновлять ее?)
#подсмотрела_у_других
#тут_ошибка
Еще один залипательный пример обнаружился у Яндекс Доставки. Тут правда ездят машинки и ходят курьеры 📦
#подсмотрела_у_других
#тут_ошибка
#подсмотрела_у_других
#тут_ошибка
🔥2
📒 Всегда сохранять все варианты
Как-то мне пришлось делать интерфейс для оплаты через СБП. Особенность оплаты через СБП в том, что она за пределами нашего биллинга: мы как бы отправляем запрос и ждем ответ от банка, подтвердил человек платеж или нет. На нашей стороне есть окно ожидания, а на нем — стрелочка для выхода из всего сценария. Например, если пользователь устал ждать.
Интерфейс делали на базе уже существующего флоу, поэтому часть решений переиспользовали. Одно из них оказалось спорным: при клике на эту стрелочку интерфейс почему-то спрашивал «Отменить заказ?». Хотя на самом деле оплата еще может пройти. Так мы создавали неверные ожидания, и я предлагала изменить текст на что-то вроде «Закрыть окно? Мы сообщим, если оплата пройдёт». Но в итоге решили оставить существующий текст, чтобы не повлиять на результаты AB-теста.
Спустя время проблема с этим экраном вернулась и мы стали думать, что же делать: убрать стрелочку совсем, поменять формулировки или что-то еще. Собрали целую встречу, чтобы это обсудить.
И вот тут я как фокусник из цилиндра достала текст, сделанный еще для предыдущей итерации. Мы согласовали его за 5 минут, и задачка быстро ушла в прод.
💡 Вывод: всегда полезно где-то у себя в драфтах сохранять отброшенные варианты. Какие-то просто не попали в релиз, какие-то не прошли по требованиям — но в любом случае может возникнуть необходимость к ним вернуться.
#про_лайфхаки
Как-то мне пришлось делать интерфейс для оплаты через СБП. Особенность оплаты через СБП в том, что она за пределами нашего биллинга: мы как бы отправляем запрос и ждем ответ от банка, подтвердил человек платеж или нет. На нашей стороне есть окно ожидания, а на нем — стрелочка для выхода из всего сценария. Например, если пользователь устал ждать.
Интерфейс делали на базе уже существующего флоу, поэтому часть решений переиспользовали. Одно из них оказалось спорным: при клике на эту стрелочку интерфейс почему-то спрашивал «Отменить заказ?». Хотя на самом деле оплата еще может пройти. Так мы создавали неверные ожидания, и я предлагала изменить текст на что-то вроде «Закрыть окно? Мы сообщим, если оплата пройдёт». Но в итоге решили оставить существующий текст, чтобы не повлиять на результаты AB-теста.
Спустя время проблема с этим экраном вернулась и мы стали думать, что же делать: убрать стрелочку совсем, поменять формулировки или что-то еще. Собрали целую встречу, чтобы это обсудить.
И вот тут я как фокусник из цилиндра достала текст, сделанный еще для предыдущей итерации. Мы согласовали его за 5 минут, и задачка быстро ушла в прод.
💡 Вывод: всегда полезно где-то у себя в драфтах сохранять отброшенные варианты. Какие-то просто не попали в релиз, какие-то не прошли по требованиям — но в любом случае может возникнуть необходимость к ним вернуться.
#про_лайфхаки
🔥2
Случайно ткнула в рекламу на Озоне и увидела милую шторку с объяснением, что это за штука такая. Мне понравился текст и сам подход: вот у нас есть реклама, она помогает продавцам, а вот кстати, кто заказал именно этот баннер. Еще и с пользой для части аудитории: если ты продавец и тоже хочешь на главную приложения, вот тебе ссылочка.
Ради интереса пошла проверить, как такой же блок оформили на Маркете. Оказалось — практически никак. И вроде сказали все, что попросили юристы, но на контрасте как-то грустненько.
#подсмотрела_у_других
Ради интереса пошла проверить, как такой же блок оформили на Маркете. Оказалось — практически никак. И вроде сказали все, что попросили юристы, но на контрасте как-то грустненько.
#подсмотрела_у_других
Оказывается, свои дизайн-системы были даже у книгопечатников
Первая датированная книга, напечатанная в России, это «Апостол». На некоторых четных страницах там были гравюры со святыми. Изготовление их — дело трудоемкое, и Иван Федоров придумал, как облегчить процесс.
Секрет в том, что гравюры были составные. Для фигуры святого делали одну доску, а для триумфальной арки, в которой он находится, другую. Так можно где угодно использовать ту же арку, а менять только человеческие фигуры. Ну чем не прообраз компонентов в Фигме?
Этот факт я узнала на экскурссии по музею книги в Ленинке. Кроме него там проводят по библиотеке, показывают каталоги, читальные залы и устройства для перемещения книг. Советую сходить.
Первая датированная книга, напечатанная в России, это «Апостол». На некоторых четных страницах там были гравюры со святыми. Изготовление их — дело трудоемкое, и Иван Федоров придумал, как облегчить процесс.
Секрет в том, что гравюры были составные. Для фигуры святого делали одну доску, а для триумфальной арки, в которой он находится, другую. Так можно где угодно использовать ту же арку, а менять только человеческие фигуры. Ну чем не прообраз компонентов в Фигме?
Этот факт я узнала на экскурссии по музею книги в Ленинке. Кроме него там проводят по библиотеке, показывают каталоги, читальные залы и устройства для перемещения книг. Советую сходить.
🔥4
Классный виджет для статусов в Фигме
При работе в Фигме у меня есть две привычки:
— сохранять разные варианты
— оставлять заметки на стикерах
Сегодня я столкнулась с еще одной болью — когда вариантов много, хочется как-то пометить свой фаворит. Можно сделать стикер и на нем написать, но... Я нашла виджет, в котором уже предустановлены куча статусов. Например, драфт, есть риски, нужна помощь, готово и проч. Все разных цветов, с иконками и даже можно поставить фотоподпись.
Пока не знаю, приживется ли, но все равно оставляю ссылку 👉 StatusStamp
#про_фигму
При работе в Фигме у меня есть две привычки:
— сохранять разные варианты
— оставлять заметки на стикерах
Сегодня я столкнулась с еще одной болью — когда вариантов много, хочется как-то пометить свой фаворит. Можно сделать стикер и на нем написать, но... Я нашла виджет, в котором уже предустановлены куча статусов. Например, драфт, есть риски, нужна помощь, готово и проч. Все разных цветов, с иконками и даже можно поставить фотоподпись.
Пока не знаю, приживется ли, но все равно оставляю ссылку 👉 StatusStamp
#про_фигму
👍2
📝 Когда звать в проект UX-редактора
Мне тут попалась статья в блоге Практикума о том, что такое UI- и UX-дизайн. И там была вот такая схема, глядя на которую я задумалась.
Дизайнера, который занимается интерфейсами, обычно называют UX/UI-дизайнером. Это потому, что он работает сразу над UX и UI — то есть ведет проект от этапа получения задачи до тестирования прототипа.
Редакторов, которые пишут для интерфейсов, называют UX-редактором. Само название подсказывает, что это специалист, который работает над пользовательским опытом — User Experience.
Как это примерно выглядит:
📍 получение задачи — разбирается в проблеме, задает вопросы бизнесу
📍 исследование — изучает боли пользователей, смотрит на решения конкурентов, ищет подходящее позиционирование
📍 прототипирование — вместе с дизайнером прорабатывает логику, ищет подходящее решение
📍 проектирование визуальной части дизайна — пишет текст, фиксирует договоренности в редполитику/гайд/глоссарий проекта
📍 проверка решения — провести свое исследование или сходить на юиксы, увидеть столкновение своего текста с реальностью, что-то переделать
📍 разработка — ответы на вопросы команды, быстрая поддержка, если чего-то не хватает или сломалось
Все вот это можно делать, только если начинать работу вместе с дизайнером. А значит, важно подключаться как можно раньше, а не когда уже готовы макеты — по крайней мере до тех пор, пока профессия не будет называться UI-редактор.
Мне тут попалась статья в блоге Практикума о том, что такое UI- и UX-дизайн. И там была вот такая схема, глядя на которую я задумалась.
Дизайнера, который занимается интерфейсами, обычно называют UX/UI-дизайнером. Это потому, что он работает сразу над UX и UI — то есть ведет проект от этапа получения задачи до тестирования прототипа.
Редакторов, которые пишут для интерфейсов, называют UX-редактором. Само название подсказывает, что это специалист, который работает над пользовательским опытом — User Experience.
Как это примерно выглядит:
📍 получение задачи — разбирается в проблеме, задает вопросы бизнесу
📍 исследование — изучает боли пользователей, смотрит на решения конкурентов, ищет подходящее позиционирование
📍 прототипирование — вместе с дизайнером прорабатывает логику, ищет подходящее решение
📍 проектирование визуальной части дизайна — пишет текст, фиксирует договоренности в редполитику/гайд/глоссарий проекта
📍 проверка решения — провести свое исследование или сходить на юиксы, увидеть столкновение своего текста с реальностью, что-то переделать
📍 разработка — ответы на вопросы команды, быстрая поддержка, если чего-то не хватает или сломалось
Все вот это можно делать, только если начинать работу вместе с дизайнером. А значит, важно подключаться как можно раньше, а не когда уже готовы макеты — по крайней мере до тех пор, пока профессия не будет называться UI-редактор.
👍1
Синтаксис интерфейса на примере «Хочу скидку»
На Озоне есть прикольная функция: если товар кажется дорогим или планируется оптовая закупка, можно попросить скидку у продавца. А он уже примет решение: отклонит, согласует или предложит другую сумму — например, скинет 200 вместо 500 руб.
Со смыслом тут все хорошо, а вот заголовки полей в форме меня зацепили своей неоднородностью: «моя цена», но «планируете купить».
На мой взгляд, здесь стоит:
📍 сделать заголовки однородными, ведь поля в анкете — это тот же список;
📍 остановиться на втором лице, потому что с точки зрения синтаксиса поля ввода — это скорее дополнение. В отличие от кнопки, их не принято делать в виде реплики пользователя.
#подсмотрела_у_других
На Озоне есть прикольная функция: если товар кажется дорогим или планируется оптовая закупка, можно попросить скидку у продавца. А он уже примет решение: отклонит, согласует или предложит другую сумму — например, скинет 200 вместо 500 руб.
Со смыслом тут все хорошо, а вот заголовки полей в форме меня зацепили своей неоднородностью: «моя цена», но «планируете купить».
На мой взгляд, здесь стоит:
📍 сделать заголовки однородными, ведь поля в анкете — это тот же список;
📍 остановиться на втором лице, потому что с точки зрения синтаксиса поля ввода — это скорее дополнение. В отличие от кнопки, их не принято делать в виде реплики пользователя.
#подсмотрела_у_других
👍4
А вот как такая же фича сделана в Авито. Делала этот экран не я, так что отсылку к примеру считаю честной 🌟
#подсмотрела_у_других
#подсмотрела_у_других
👍2
Привет! 💚
Обо мне. Я Аня Акулова, продуктовый редактор в Авито: отвечаю за финтех, занимаюсь интерфейсами и рассылками, вместе с дизайнерами проектирую пользовательский опыт.
До этого была тимлидом в Ozon Marketplace: мы с командой писали все тексты интерфейсов в b2b-направлении и статьи в Помощь для продавцов.
Узнать больше можно в интервью для «Кто студента»
Канал. Он про тексты в интерфейсе, работу в большой компании и все, что помогает сделать ее комфортнее.
Навигация. Вот какие теги тут сейчас есть:
#подсмотрела_у_других — скриншоты приложений и мои заметки о них. Некоторые дополняю тегами вроде #тут_ошибка #тут_лендинг #тут_пустое_состояние #тут_экран_ожидания #тут_онбординг
#про_лайфхаки — разные приемчики и размышления о том, как писать классно, работать продуктивно и вот это все
#про_книги — мои рекомендации или то, что я только планирую почитать с пользой для работы
#про_фигму — любимые плагины, виджеты и настройки, которыми я пользуюсь
#чужой_опыт — заметки из статей, подкастов и выступлений
Контент по заявкам. Если хотите о чём-то спросить или попросить совета, напишите мне в анонимную гуглформу. Если мне будет, что сказать, то я отвечу отдельным постом.
Добро пожаловать 🐱
Обо мне. Я Аня Акулова, продуктовый редактор в Авито: отвечаю за финтех, занимаюсь интерфейсами и рассылками, вместе с дизайнерами проектирую пользовательский опыт.
До этого была тимлидом в Ozon Marketplace: мы с командой писали все тексты интерфейсов в b2b-направлении и статьи в Помощь для продавцов.
Узнать больше можно в интервью для «Кто студента»
Канал. Он про тексты в интерфейсе, работу в большой компании и все, что помогает сделать ее комфортнее.
Навигация. Вот какие теги тут сейчас есть:
#подсмотрела_у_других — скриншоты приложений и мои заметки о них. Некоторые дополняю тегами вроде #тут_ошибка #тут_лендинг #тут_пустое_состояние #тут_экран_ожидания #тут_онбординг
#про_лайфхаки — разные приемчики и размышления о том, как писать классно, работать продуктивно и вот это все
#про_книги — мои рекомендации или то, что я только планирую почитать с пользой для работы
#про_фигму — любимые плагины, виджеты и настройки, которыми я пользуюсь
#чужой_опыт — заметки из статей, подкастов и выступлений
Контент по заявкам. Если хотите о чём-то спросить или попросить совета, напишите мне в анонимную гуглформу. Если мне будет, что сказать, то я отвечу отдельным постом.
Добро пожаловать 🐱
🔥13👍2
Аня учится пилить проекты pinned «Привет! 💚 Обо мне. Я Аня Акулова, продуктовый редактор в Авито: отвечаю за финтех, занимаюсь интерфейсами и рассылками, вместе с дизайнерами проектирую пользовательский опыт. До этого была тимлидом в Ozon Marketplace: мы с командой писали все тексты интерфейсов…»
📈 Про метрики и A/B-тесты
У нас в Авито почти все решения и релизы основаны на метриках, их огромное количество разных типов и есть стандарты в их создании. Признаюсь честно, я ещё не настолько преисполнилась, чтобы во всём этом разбираться и всегда понимать продактов и аналитиках на синках.
Поэтому не могла пройти мимо обзорной лекции, которую аналитики провели для дизайнеров и редакторов. Собрала тут несколько тезисов.
📍 Порой кажется, что все эти цифры — это что-то далёкое, но на самом деле даже самое маленькое изменение вроде перекрашенной кнопки или замены слова может сильно повлиять на метрики.
📍 Мнение членов команды и даже отдельных пользователей может отличаться, поэтому если есть шанс проверить решение — лучше это сделать.
📍 Почти невозможно провести тест так, чтобы прокрасились в зелёный абсолютно все показатели. На старте важно определить одну или несколько целевых метрик, по которым делаем выводы.
📍 Не всегда цель эксперимента — это рост метрик. Иногда для выкатки достаточно, чтобы они не упали.
📍 В стартапах от одного эксперимента можно получить рост на 10-20-30%, а большие компании борются за каждый 0,1%. Представьте, сколько это от месячной аудитории Авито в 62,3 млн?
У нас в Авито почти все решения и релизы основаны на метриках, их огромное количество разных типов и есть стандарты в их создании. Признаюсь честно, я ещё не настолько преисполнилась, чтобы во всём этом разбираться и всегда понимать продактов и аналитиках на синках.
Поэтому не могла пройти мимо обзорной лекции, которую аналитики провели для дизайнеров и редакторов. Собрала тут несколько тезисов.
📍 Порой кажется, что все эти цифры — это что-то далёкое, но на самом деле даже самое маленькое изменение вроде перекрашенной кнопки или замены слова может сильно повлиять на метрики.
📍 Мнение членов команды и даже отдельных пользователей может отличаться, поэтому если есть шанс проверить решение — лучше это сделать.
📍 Почти невозможно провести тест так, чтобы прокрасились в зелёный абсолютно все показатели. На старте важно определить одну или несколько целевых метрик, по которым делаем выводы.
📍 Не всегда цель эксперимента — это рост метрик. Иногда для выкатки достаточно, чтобы они не упали.
📍 В стартапах от одного эксперимента можно получить рост на 10-20-30%, а большие компании борются за каждый 0,1%. Представьте, сколько это от месячной аудитории Авито в 62,3 млн?
🔥5
💡 Про языки дизайна
Любую мысль можно донести с помощью языка. Он не обязательно вербальный — например, иногда проще нарисовать интерфейс, чем долго описывать его словами. Таких языков довольно много: например, Женя Арутюнов в книге «Сложный дизайнер» выделил пять.
🔷 Язык композиции
Он довольно универсальный: везде есть такие понятия, как масштаб, ритм, акцент, цвет, контраст, равновесие. С их помощью можно управлять вниманием и выявлять взаимосвязи.
🔷 Язык данных
На нем мы не только работаем с числами, формулами, таблицами и схемами. Его главная задача — найти закономерности и рассказать через них историю.
🔷 Язык взаимодействия
Он помогает фокусироваться на процессе использования и смотреть на все, как на интерфейс. В этом смысле придумать правила конкурса или механику отклика на вакансию — тоже задачи на взаимодействие.
🔷 Язык букв
Он чуть ли не самый главный, потому что дизайна без текста не бывает. Любой визуальный формат можно заменить текстом: вместо иконки — подпись, вместо фото — описание. Нужно короче — пожалуйста, длиннее — не вопрос.
🔷 Язык мемов
Этот язык самый капризный и в то же время самый сильный — ему сложно противостоять. Его основная функция — сделать отсылку к кусочку информации, событию, персоне, или шире — к стилистике, эпохе, культурному явлению или тренду. И задействовать ассоциации, которые у человека уже есть.
***
Зачем это всё UX-редактору
Будет ошибкой думать, что мы работаем только с вербальным языком. Я бы сказала, что мы мало влияем лишь на язык композиции, а все остальное как раз инструментарий редактора.
Чем больше из этих языков редактор знает — тем больше разного может сказать.
Любую мысль можно донести с помощью языка. Он не обязательно вербальный — например, иногда проще нарисовать интерфейс, чем долго описывать его словами. Таких языков довольно много: например, Женя Арутюнов в книге «Сложный дизайнер» выделил пять.
🔷 Язык композиции
Он довольно универсальный: везде есть такие понятия, как масштаб, ритм, акцент, цвет, контраст, равновесие. С их помощью можно управлять вниманием и выявлять взаимосвязи.
🔷 Язык данных
На нем мы не только работаем с числами, формулами, таблицами и схемами. Его главная задача — найти закономерности и рассказать через них историю.
🔷 Язык взаимодействия
Он помогает фокусироваться на процессе использования и смотреть на все, как на интерфейс. В этом смысле придумать правила конкурса или механику отклика на вакансию — тоже задачи на взаимодействие.
🔷 Язык букв
Он чуть ли не самый главный, потому что дизайна без текста не бывает. Любой визуальный формат можно заменить текстом: вместо иконки — подпись, вместо фото — описание. Нужно короче — пожалуйста, длиннее — не вопрос.
🔷 Язык мемов
Этот язык самый капризный и в то же время самый сильный — ему сложно противостоять. Его основная функция — сделать отсылку к кусочку информации, событию, персоне, или шире — к стилистике, эпохе, культурному явлению или тренду. И задействовать ассоциации, которые у человека уже есть.
***
Зачем это всё UX-редактору
Будет ошибкой думать, что мы работаем только с вербальным языком. Я бы сказала, что мы мало влияем лишь на язык композиции, а все остальное как раз инструментарий редактора.
Чем больше из этих языков редактор знает — тем больше разного может сказать.
🔥2👏2