Семь грехов приложения ZARA
#разбор
Все ринулись делать приложения, ZARA тоже ринулась. Давайте посмотрим, как у неё дела с UX-текстом. Если покажется, что я хаотично накидал скриншотов и только поэтому там сплошная каша, то сразу успокою. Для пользователя точно такая же каша. А ещё вот такие шалости:
1. Сноски звёздочками. Мало того что в приложениях сноски звёздочками использовать тупо, так и сам текст сноски сразу после звёздочки пишут. В чём смысл этого магического ритуала — непонятно.
2. Многоуровневые списки. Всем известно, что такие списки убивают читаемость. Чтобы добить, один значок для разных уровней, не ожидали?
3. На случай, если привыкнете — на каждой странице своя система списков. Как будто каждую страницу делал отдельный редактор, изолированный в бетонной бочке.
4. Пустая корзина, пустая история заказов без каких-либо комментариев и кнопок. А, нет. Есть кнопка «чат». Интересно, что это за клиентский путь такой?
Здравствуйте, у меня совсем пустая корзина, не могли бы вы мне помочь?
5. Кнопка с текстом «ДА» под условиями использования. Никогда не повторяйте этого дома. На кнопку сразу выносите действие («соглашаюсь с условиями», «принять условия»). «Да». Что да? Кнопка должна читаться изолированно.
6. Заголовки, непонятные без контекста. «Наличие». Не знаю, о каком наличии речь, но точно не наличие грамотного локализатора. Думаете, всё объяснит первый абзац? Нет, он тут просто чтобы сообщить никому не нужный очевидный факт, не относящийся к делу.
7. Призывы, которые непонятно к чему относятся — ни ссылки, ни кнопки к ним не приложено.
Да, проблемы с локализацией вносят свою лепту, но большую часть проблем невозможно списать на локализацию. То же «Наличие» явно было в таком виде и в оригинале.
ZARA, если ты меня слышишь, найми кого-нибудь из моих подписчиков, пожалуйста!
#разбор
Все ринулись делать приложения, ZARA тоже ринулась. Давайте посмотрим, как у неё дела с UX-текстом. Если покажется, что я хаотично накидал скриншотов и только поэтому там сплошная каша, то сразу успокою. Для пользователя точно такая же каша. А ещё вот такие шалости:
1. Сноски звёздочками. Мало того что в приложениях сноски звёздочками использовать тупо, так и сам текст сноски сразу после звёздочки пишут. В чём смысл этого магического ритуала — непонятно.
2. Многоуровневые списки. Всем известно, что такие списки убивают читаемость. Чтобы добить, один значок для разных уровней, не ожидали?
3. На случай, если привыкнете — на каждой странице своя система списков. Как будто каждую страницу делал отдельный редактор, изолированный в бетонной бочке.
4. Пустая корзина, пустая история заказов без каких-либо комментариев и кнопок. А, нет. Есть кнопка «чат». Интересно, что это за клиентский путь такой?
Здравствуйте, у меня совсем пустая корзина, не могли бы вы мне помочь?
5. Кнопка с текстом «ДА» под условиями использования. Никогда не повторяйте этого дома. На кнопку сразу выносите действие («соглашаюсь с условиями», «принять условия»). «Да». Что да? Кнопка должна читаться изолированно.
6. Заголовки, непонятные без контекста. «Наличие». Не знаю, о каком наличии речь, но точно не наличие грамотного локализатора. Думаете, всё объяснит первый абзац? Нет, он тут просто чтобы сообщить никому не нужный очевидный факт, не относящийся к делу.
7. Призывы, которые непонятно к чему относятся — ни ссылки, ни кнопки к ним не приложено.
Да, проблемы с локализацией вносят свою лепту, но большую часть проблем невозможно списать на локализацию. То же «Наличие» явно было в таком виде и в оригинале.
ZARA, если ты меня слышишь, найми кого-нибудь из моих подписчиков, пожалуйста!
Орфограммка успокаивает, когда проверка затянулась #разбор
Что хорошо: позаботились о боли «аааа, всё пропадет!» и написали, что делать.
Что плохо: капец длинно и мутно. Зачем нужен этот сложный кейс с повисшей вкладкой, если можно всё объединить с более частой ситуацией «я устал ждать»? Можно же написать что-то типа:
Если хотите, можете закрыть сайт — результат появится в Истории проверок.
Зайди туда, закрой то, сделай три приседания, ну ребят.
(за скрин спасибо Роману С.)
Что хорошо: позаботились о боли «аааа, всё пропадет!» и написали, что делать.
Что плохо: капец длинно и мутно. Зачем нужен этот сложный кейс с повисшей вкладкой, если можно всё объединить с более частой ситуацией «я устал ждать»? Можно же написать что-то типа:
Если хотите, можете закрыть сайт — результат появится в Истории проверок.
Зайди туда, закрой то, сделай три приседания, ну ребят.
(за скрин спасибо Роману С.)
Новым подписчикам
Вот что произошло. Вы подписались на авторский канал про редактуру. Веду его я, UX-редактор Вова Лалош — раньше редачил в Сбере, МТС и QIWI, а сейчас в свободном плавании.
В основном пишу про редактуру интерфейсов, потому что больше в ней понимаю. Но и об универсальном копирайтерском тоже. Вот какие есть рубрики:
#совет — проверенные опытом советы по редактуре,
#мысливслух — внезапные идеи после утренних пробежек,
#ответ — ответы на вопросы из бота (жду ваших!),
#разбор — перемываю косточки чужим UX-текстам.
welcome, bem-vindo, მობრძანებით 💜
Вот что произошло. Вы подписались на авторский канал про редактуру. Веду его я, UX-редактор Вова Лалош — раньше редачил в Сбере, МТС и QIWI, а сейчас в свободном плавании.
В основном пишу про редактуру интерфейсов, потому что больше в ней понимаю. Но и об универсальном копирайтерском тоже. Вот какие есть рубрики:
#совет — проверенные опытом советы по редактуре,
#мысливслух — внезапные идеи после утренних пробежек,
#ответ — ответы на вопросы из бота (жду ваших!),
#разбор — перемываю косточки чужим UX-текстам.
welcome, bem-vindo, მობრძანებით 💜
This media is not supported in your browser
VIEW IN TELEGRAM
Подсказки к оценкам на Нетфликсе #разбор
Что тут интересного: подсказку к двойному лайку усилили (даже есть восклицательный знак), а вот привычное «не нравится» наоборот смягчили.
Почему? Моя гипотеза — чтобы захватить более нейтральные оценки. Нам редко что-то не нравится настолько, чтобы ставить дизлайк. Гораздо чаще мы колеблемся от «ну такое» до «круто». Посмотрите на распределение оценок на IMDB — там сильное смещение в сторону 8-ки.
С редким и строгим вердиктом «Не нравится» алгоритму понадобится больше времени, чтобы понять ваш вкус.
Но могут быть и другие объяснения. Что думаете?
Что тут интересного: подсказку к двойному лайку усилили (даже есть восклицательный знак), а вот привычное «не нравится» наоборот смягчили.
Почему? Моя гипотеза — чтобы захватить более нейтральные оценки. Нам редко что-то не нравится настолько, чтобы ставить дизлайк. Гораздо чаще мы колеблемся от «ну такое» до «круто». Посмотрите на распределение оценок на IMDB — там сильное смещение в сторону 8-ки.
С редким и строгим вердиктом «Не нравится» алгоритму понадобится больше времени, чтобы понять ваш вкус.
Но могут быть и другие объяснения. Что думаете?
Forwarded from Кремниевая Галина || Ритейл + E-com (G RιSHλN-Y4)
Пока на улице холодало, а ноябрь планомерно готовил нас к самым лёдосодержащим месяцам в году, со всех сторон на нас валились словно снег лавины новостей. НО! У гика при себе всегда цифровая лопата, поэтому самые лучшие из них я аккуратно подобрал и взял в наш традиционный аудитодайджест. Это не блины, конечно, но всё равно налетайте.
А в качестве эксперта сегодня у нас Владимир Лалош, UX-писатель и автор канала «Плавучая редакция». Поехали слушать!
А в качестве эксперта сегодня у нас Владимир Лалош, UX-писатель и автор канала «Плавучая редакция». Поехали слушать!
Экран успеха в Яндекс Деньгах
#разбор
Давайте разберём этот старый экранчик Яндекс Денег. Со стороны здесь всё просто — один экран с номером кошелька и привязкой карты. Но вообще-то тут прячется два сценария на несколько типов клиентов. И всё это в одном лёгком разговорном флоу.
Что вообще мы видим:
— Хвост сценария регистрации кошелька (экран успеха + выданный номер).
— Старт сценария привязки карты.
1. Почему просто не написать «Ура, кошелёк создан»? Пользователь заводит кошелёк не от скуки, а чтобы получить на него деньги или оплатить какой-то сервис. Для того и другого сценария следующий шаг — скопировать номер своего кошелька и вставить в другом окошке. Показываем номер, чтобы было удобно скопировать (ещё кнопку копирования можно добавить).
2. Зачем два сценария на одном экране? Начинать новый сценарий сразу после предыдущего — хорошая идея. Потому что стоит чуть потерять внимание клиента на какой-нибудь лишний клик, и мы замучаемся его ловить снова. Лучше брать горяченьким.
3. А зачем вообще тут привязка? Привязывать карту не обязательно — кошелек будет работать и без неё. Но привязанная карта важна для бизнеса (больше переводов). Пользователю привязка тоже может облегчить жизнь, только он об этом не знает. Сначала надо продать.
4. Обратите внимание на CTA в заголовке («Привяжите карту»), который сразу затягивает в следующий сценарий, не давая опомниться. Я бы ещё вынес сразу какую-то пользу привязки в заголовок, но можно и так.
5. Кнопка отвечает на заголовок, поэтому описание функции можно не читать — это сэкономит время тем, кто уже знает, как всё работает. Абзац после заголовка — для тех, кто не знает про функцию ничего.
6. Сам абзац тоже содержит два довода для двух разных клиентов. Одному достаточно оплаты прямо со счёта карты, другим важна безопасность платежей. Подумали об обоих, круто.
7. А вот как быть тем, кто не хочет ничего привязывать — непонятно. Нет никакой кнопки типа «Не сейчас». Видимо только кликать в меню на главную. Серый паттерн — мы такое не любим.
#разбор
Давайте разберём этот старый экранчик Яндекс Денег. Со стороны здесь всё просто — один экран с номером кошелька и привязкой карты. Но вообще-то тут прячется два сценария на несколько типов клиентов. И всё это в одном лёгком разговорном флоу.
Что вообще мы видим:
— Хвост сценария регистрации кошелька (экран успеха + выданный номер).
— Старт сценария привязки карты.
1. Почему просто не написать «Ура, кошелёк создан»? Пользователь заводит кошелёк не от скуки, а чтобы получить на него деньги или оплатить какой-то сервис. Для того и другого сценария следующий шаг — скопировать номер своего кошелька и вставить в другом окошке. Показываем номер, чтобы было удобно скопировать (ещё кнопку копирования можно добавить).
2. Зачем два сценария на одном экране? Начинать новый сценарий сразу после предыдущего — хорошая идея. Потому что стоит чуть потерять внимание клиента на какой-нибудь лишний клик, и мы замучаемся его ловить снова. Лучше брать горяченьким.
3. А зачем вообще тут привязка? Привязывать карту не обязательно — кошелек будет работать и без неё. Но привязанная карта важна для бизнеса (больше переводов). Пользователю привязка тоже может облегчить жизнь, только он об этом не знает. Сначала надо продать.
4. Обратите внимание на CTA в заголовке («Привяжите карту»), который сразу затягивает в следующий сценарий, не давая опомниться. Я бы ещё вынес сразу какую-то пользу привязки в заголовок, но можно и так.
5. Кнопка отвечает на заголовок, поэтому описание функции можно не читать — это сэкономит время тем, кто уже знает, как всё работает. Абзац после заголовка — для тех, кто не знает про функцию ничего.
6. Сам абзац тоже содержит два довода для двух разных клиентов. Одному достаточно оплаты прямо со счёта карты, другим важна безопасность платежей. Подумали об обоих, круто.
7. А вот как быть тем, кто не хочет ничего привязывать — непонятно. Нет никакой кнопки типа «Не сейчас». Видимо только кликать в меню на главную. Серый паттерн — мы такое не любим.
Сломал иерархию — обманул людей
#разбор
Странные дела в приложении для аудиокниг Storytel. Выбирая вкладку «Авторы», я автоматически ограничиваю поиск только по авторам. Но если из этой вкладки вбить в поиск название книги, как мне советует подсказка, — ничего не найдётся! А всё потому, что нарушается информационная иерархия.
Заголовок вкладки определяет, что будет на экране, потому что он более высокого порядка (выше только раздел):
Раздел
↓
Вкладка
↓
Экран внутри вкладки
А в поиске Storytel наборот. Надпись внутри вкладки касается не самой этой вкладки, а всего раздела в целом:
Раздел
↓
Экран внутри вкладки
↓
Вкладка
Особенно странно, что в другом разделе, в «Книжной полке», они это предусмотрели: эмпти стейты внутри вкладки только про саму вкладку («прослушано — вы не прослушали»).
📼 Полный видеоразбор UX-текста Storytel на бусти
#разбор
Странные дела в приложении для аудиокниг Storytel. Выбирая вкладку «Авторы», я автоматически ограничиваю поиск только по авторам. Но если из этой вкладки вбить в поиск название книги, как мне советует подсказка, — ничего не найдётся! А всё потому, что нарушается информационная иерархия.
Заголовок вкладки определяет, что будет на экране, потому что он более высокого порядка (выше только раздел):
Раздел
↓
Вкладка
↓
Экран внутри вкладки
А в поиске Storytel наборот. Надпись внутри вкладки касается не самой этой вкладки, а всего раздела в целом:
Раздел
↓
Экран внутри вкладки
↓
Вкладка
Особенно странно, что в другом разделе, в «Книжной полке», они это предусмотрели: эмпти стейты внутри вкладки только про саму вкладку («прослушано — вы не прослушали»).
Please open Telegram to view this post
VIEW IN TELEGRAM
Онбординг от Радио Arzamas
#разбор
Берите за референс, если вам нужен разговорный стиль подачи. Тут почти эталон.
🔅 Кнопка-затравка на первом экране: «В каком смысле?».
🔅 В кейсах использования не трусят упомянуть «неблагополучные районы», «апокалипсис» и «скучные вечеринки».
🔅Кнопки «О да!» и «Нее» вместо обычных — почему нет?
Единственное, что смущает — подача никак не вяжется с контентом приложения. Это курсы и подкасты по истории, литературе, культуре на глубоком, почти университетском уровне.
Тут же как будто решили — будем весёлыми, иначе никого к себе не затащим. Но ведь веселье тоже можно сделать тематическим?
#разбор
Берите за референс, если вам нужен разговорный стиль подачи. Тут почти эталон.
🔅 Кнопка-затравка на первом экране: «В каком смысле?».
🔅 В кейсах использования не трусят упомянуть «неблагополучные районы», «апокалипсис» и «скучные вечеринки».
🔅Кнопки «О да!» и «Нее» вместо обычных — почему нет?
Единственное, что смущает — подача никак не вяжется с контентом приложения. Это курсы и подкасты по истории, литературе, культуре на глубоком, почти университетском уровне.
Тут же как будто решили — будем весёлыми, иначе никого к себе не затащим. Но ведь веселье тоже можно сделать тематическим?
Чистенькие треды
#разбор
Тут новый клабхаус подъехал, давайте заглянем внутрь.
Пока мета-твиттер очень напоминает прилизанную и чистенькую версию своего предка. Если инстаграм и твиттер уже дико перегружены всякими опциями и настройками, то Threads сделали без всякого хлама. Есть ощущение новизны.
С другой стороны — чего мы там не видели? Писать короткие посты, длинные треды, прикреплять фоточки, комментировать всё подряд — это настолько база, что даже скучно. UX-текст тоже совершенно стерильный.
Интересно, как будет сделана связка с инстаграмом — пока только есть кнопки перехода.
Но вы всё равно добавляйтесь, попробую постить что-то интересное и в меру кринжовое.
#разбор
Тут новый клабхаус подъехал, давайте заглянем внутрь.
Пока мета-твиттер очень напоминает прилизанную и чистенькую версию своего предка. Если инстаграм и твиттер уже дико перегружены всякими опциями и настройками, то Threads сделали без всякого хлама. Есть ощущение новизны.
С другой стороны — чего мы там не видели? Писать короткие посты, длинные треды, прикреплять фоточки, комментировать всё подряд — это настолько база, что даже скучно. UX-текст тоже совершенно стерильный.
Интересно, как будет сделана связка с инстаграмом — пока только есть кнопки перехода.
Но вы всё равно добавляйтесь, попробую постить что-то интересное и в меру кринжовое.
Спотифай объясняет новую функцию
#разбор
Соскучились по UX-экспериментам от Spotify? Давайте покажу, как они плавно объяснили мне новую функцию «Умное перешивание». Следите за руками:
1. Нажимаю на шафл, но вместо привычного включения вижу выбор из двух режимов. Под новым режимом шафла пояснялка (это самое слабое место в этом сценарии, кмк). Можно не понять и пойти в Learn More.
2. Learn More вызывает окошко, объясняющее принцип работы более красочно.
3. Возвращаюсь, нажимаю шафл снова, включается обычный → но если навести, ховер-подсказка сообщает, что по нажатию переключусь на Умный шафл.
4. Нажимаю, умный шафл включен. Об этом даёт понять иконка + всплывающее сообщение внизу.
5. Если снова нажать на кнопку, шафл выключится и новая всплывашка скажет, что теперь играем без рекомендаций.
Всё! Самое интересное, что с этого момента диалогового выбора режима как на 1 скрине — уже не будет. Это был такой онбординг.
Как вам?
#разбор
Соскучились по UX-экспериментам от Spotify? Давайте покажу, как они плавно объяснили мне новую функцию «Умное перешивание». Следите за руками:
1. Нажимаю на шафл, но вместо привычного включения вижу выбор из двух режимов. Под новым режимом шафла пояснялка (это самое слабое место в этом сценарии, кмк). Можно не понять и пойти в Learn More.
2. Learn More вызывает окошко, объясняющее принцип работы более красочно.
3. Возвращаюсь, нажимаю шафл снова, включается обычный → но если навести, ховер-подсказка сообщает, что по нажатию переключусь на Умный шафл.
4. Нажимаю, умный шафл включен. Об этом даёт понять иконка + всплывающее сообщение внизу.
5. Если снова нажать на кнопку, шафл выключится и новая всплывашка скажет, что теперь играем без рекомендаций.
Всё! Самое интересное, что с этого момента диалогового выбора режима как на 1 скрине — уже не будет. Это был такой онбординг.
Как вам?
Непонятно зимуют
Милое сообщение от Whoosh, но вот с понятностью какая-то беда. Давайте будет #разбор
— Всё будет как раньше: у сервиса? Или у пользователя? Про себя же только что говорили.
— Если она есть: местоимение, которое ссылается на элемент в длинном списке, придётся внимательно читать.
— Активируется: это настоящее время или будущее? Тяжеловато.
спасибо Galka за скрин
Милое сообщение от Whoosh, но вот с понятностью какая-то беда. Давайте будет #разбор
— Всё будет как раньше: у сервиса? Или у пользователя? Про себя же только что говорили.
— Если она есть: местоимение, которое ссылается на элемент в длинном списке, придётся внимательно читать.
— Активируется: это настоящее время или будущее? Тяжеловато.
спасибо Galka за скрин
Прислушайтесь
#разбор
Понравился онбординг в lossless-формат у Яндекс Музыки:
🔸 Сам призыв «прислушаться» необычный, привлекает внимание. При этом звучит вполне уместно.
🔸 Очень доступно объяснили, что за lossless, без погружения в технические воды.
🔸 Вместо сложных инструкций типа «перейдите в настройки» → «нажмите на шестеренку в плеере»
🔸 В конце не просто «Хорошо» или «Попробовать», а кнопка на специальный плейлист.
Что могло быть лучше:
🔹 Заголовок «Колонки мощнее, интернет безлимитнее» можно прочесть как одно из преимуществ формата. Разумеется, это требование.
#разбор
Понравился онбординг в lossless-формат у Яндекс Музыки:
🔸 Сам призыв «прислушаться» необычный, привлекает внимание. При этом звучит вполне уместно.
🔸 Очень доступно объяснили, что за lossless, без погружения в технические воды.
🔸 Вместо сложных инструкций типа «перейдите в настройки» → «нажмите на шестеренку в плеере»
🔸 В конце не просто «Хорошо» или «Попробовать», а кнопка на специальный плейлист.
Что могло быть лучше:
🔹 Заголовок «Колонки мощнее, интернет безлимитнее» можно прочесть как одно из преимуществ формата. Разумеется, это требование.