Фан и польза ошибки 404
Мы давно привыкли, что страницу 404 используют как стендап-микрофон. Наверное, чувствуем себя обязанными как-то смягчить сердце пользователя, попавшего в тупик.
Качество шуток нестабильное. Чаще всего дизайнеры заигрывают со спецификой сайта (за свежие примеры от студии керамики и Mosgym спасибо Анне и Елене).
Но мне кажется, это плохое решение. Не потому что юмор — это плохо, а потому что так мы даже не пытаемся закрыть задачу, с которой пришёл пользователь. Просто глупо улыбаемся в трудную минуту.
Гораздо больше мне нравятся попытки как-то помочь юзеру выйти на исходную дорожку:
Помочь вернуться на главную. Это необходимый минимум. Кнопку многие вставляют, иногда дают ссылку (как Медуза). В чём идея: с главной проще найти точку входа в незавершённый сценарий, потому что часто она выступает как каталог.
Предложить страницы, которые могут быть интересны. Прикрепил примеры от Medium и Adobe. Я бы пошёл чуть дальше и выяснил, куда идут пользователи после 404 — и предлагать соответствующие страницы или хотя бы разделы.
Дать поисковую строку. Адекватно, потому что не все найдут поиск в меню. Поможет тем, кто более-менее понимает, куда собирался попасть, а остальным — не очень, так что лучше совмещать с другими способами.
Подсказать решение проблемы. Можно дать инструкцию, что делать, если попадаешь на 404. Кардинальный пример от Orange coat: показывают дерево решений, как перестать ходить по битой ссылке. Но можно придумать и что-то более дружелюбное.
А Паша Молянов так вообще предлагает крутить на 404 рекламу. Это уже, конечно, не про возврат к джобу, а попытка как-то поймать трафик за хвост. Но если всё остальное проваливается, то почему бы и нет.
В общем, думать о цели. Ну, вот похвастались мы чувством юмора (или кринжом), а что дальше? Может, лучше что-то сделать для пользователя или бизнеса?
Мы давно привыкли, что страницу 404 используют как стендап-микрофон. Наверное, чувствуем себя обязанными как-то смягчить сердце пользователя, попавшего в тупик.
Качество шуток нестабильное. Чаще всего дизайнеры заигрывают со спецификой сайта (за свежие примеры от студии керамики и Mosgym спасибо Анне и Елене).
Но мне кажется, это плохое решение. Не потому что юмор — это плохо, а потому что так мы даже не пытаемся закрыть задачу, с которой пришёл пользователь. Просто глупо улыбаемся в трудную минуту.
Гораздо больше мне нравятся попытки как-то помочь юзеру выйти на исходную дорожку:
Помочь вернуться на главную. Это необходимый минимум. Кнопку многие вставляют, иногда дают ссылку (как Медуза). В чём идея: с главной проще найти точку входа в незавершённый сценарий, потому что часто она выступает как каталог.
Предложить страницы, которые могут быть интересны. Прикрепил примеры от Medium и Adobe. Я бы пошёл чуть дальше и выяснил, куда идут пользователи после 404 — и предлагать соответствующие страницы или хотя бы разделы.
Дать поисковую строку. Адекватно, потому что не все найдут поиск в меню. Поможет тем, кто более-менее понимает, куда собирался попасть, а остальным — не очень, так что лучше совмещать с другими способами.
Подсказать решение проблемы. Можно дать инструкцию, что делать, если попадаешь на 404. Кардинальный пример от Orange coat: показывают дерево решений, как перестать ходить по битой ссылке. Но можно придумать и что-то более дружелюбное.
А Паша Молянов так вообще предлагает крутить на 404 рекламу. Это уже, конечно, не про возврат к джобу, а попытка как-то поймать трафик за хвост. Но если всё остальное проваливается, то почему бы и нет.
В общем, думать о цели. Ну, вот похвастались мы чувством юмора (или кринжом), а что дальше? Может, лучше что-то сделать для пользователя или бизнеса?
👍36❤5🔥5
Текст vs дизайн
Интересный факт, который хорошо иллюстрирует, в каких отношениях часто находятся буквы и физические решения.
Оказывается, раньше у жестяных банок для напитков полностью отрывался язычок от крышки. Это было удобно (не нужен был специальный нож), но острые язычки валялись повсюду, резали ноги на пляжах и вообще отравляли природу.
Сначала проблему пытались решить самым быстрым и дешевым способом — текстом. Написали прямо у ярлычка «Пожалуйста, не мусорьте» ("Please don't litter"). Как вы догадываетесь, это не помогло. И тогда за дело взялись инженеры, которые придумали новый язычок, не отрывающийсяя от банки — который мы видим и сейчас.
В общем, текст это здорово, но если проблему можно решить дизайном — решаем дизайном, это всегда надёжнее.
Интересный факт, который хорошо иллюстрирует, в каких отношениях часто находятся буквы и физические решения.
Оказывается, раньше у жестяных банок для напитков полностью отрывался язычок от крышки. Это было удобно (не нужен был специальный нож), но острые язычки валялись повсюду, резали ноги на пляжах и вообще отравляли природу.
Сначала проблему пытались решить самым быстрым и дешевым способом — текстом. Написали прямо у ярлычка «Пожалуйста, не мусорьте» ("Please don't litter"). Как вы догадываетесь, это не помогло. И тогда за дело взялись инженеры, которые придумали новый язычок, не отрывающийсяя от банки — который мы видим и сейчас.
В общем, текст это здорово, но если проблему можно решить дизайном — решаем дизайном, это всегда надёжнее.
👍72❤13👏1
Айсберг UX-текста
То, что считают основной работой UX-писателя (главный экран, авторизация, онбординг) — обычно самая меньшая часть всего, что написано в продукте.
80% текста прячется где-то в глубине. Чтобы его увидеть, придётся как следует пожить с сервисом. Но это не значит, что можно забить.
На картинке — как я вижу распределение UX-текста: от того, что на поверхности до самых тёмных уголков, в которые мало кто суётся 🌚
То, что считают основной работой UX-писателя (главный экран, авторизация, онбординг) — обычно самая меньшая часть всего, что написано в продукте.
80% текста прячется где-то в глубине. Чтобы его увидеть, придётся как следует пожить с сервисом. Но это не значит, что можно забить.
На картинке — как я вижу распределение UX-текста: от того, что на поверхности до самых тёмных уголков, в которые мало кто суётся 🌚
🔥67❤13⚡5
Плавучая редакция
Айсберг UX-текста То, что считают основной работой UX-писателя (главный экран, авторизация, онбординг) — обычно самая меньшая часть всего, что написано в продукте. 80% текста прячется где-то в глубине. Чтобы его увидеть, придётся как следует пожить с сервисом.…
UX_iceberg_big.png
4.4 MB
UX-айсберг файликом побольше — для эстетов)
👍19🥰9❤5🔥3
Орфограммка успокаивает, когда проверка затянулась #разбор
Что хорошо: позаботились о боли «аааа, всё пропадет!» и написали, что делать.
Что плохо: капец длинно и мутно. Зачем нужен этот сложный кейс с повисшей вкладкой, если можно всё объединить с более частой ситуацией «я устал ждать»? Можно же написать что-то типа:
Если хотите, можете закрыть сайт — результат появится в Истории проверок.
Зайди туда, закрой то, сделай три приседания, ну ребят.
(за скрин спасибо Роману С.)
Что хорошо: позаботились о боли «аааа, всё пропадет!» и написали, что делать.
Что плохо: капец длинно и мутно. Зачем нужен этот сложный кейс с повисшей вкладкой, если можно всё объединить с более частой ситуацией «я устал ждать»? Можно же написать что-то типа:
Если хотите, можете закрыть сайт — результат появится в Истории проверок.
Зайди туда, закрой то, сделай три приседания, ну ребят.
(за скрин спасибо Роману С.)
👍40👎3❤1
Когда-то в статье о FAQ написал, что из вопросов-ответов часто получаются идеальные лендинги.
И вот мне попался свежий пример лендинга, целиком построенного на ответах. Ребята просто прошлись по всем популярным возражениям, на выходе получили убедительную страницу.
Но фигме это едва ли поможет, конечно 🌚
И вот мне попался свежий пример лендинга, целиком построенного на ответах. Ребята просто прошлись по всем популярным возражениям, на выходе получили убедительную страницу.
Но фигме это едва ли поможет, конечно 🌚
👍10❤3
Вы — нужны
После 21.09 думал, что теперь-то уже никого не надо будет убеждать на переезд. Но всё равно остаются страхи, которые ребят парализуют. Давайте отбросим последний распространённый страх — что за рубежом айтишным редакторам нечего ловить. Вот почему это не так:
Вы знаете, что такое хороший сервис. В отечественном IT научились делать качественные сервисы. Чтобы конкурировать с зарубежными сервисами, Яндекс, VK, Авито и другие подняли очень высокую планку в плане UX. И свой опыт они активно распространяют. Отсюда у наших юиксеров насмотренность и умение по-настоящему думать об удобстве пользователя.
Не обязательно знать язык в совершенстве. В большинстве сервисов хотят, чтобы их понимали люди с любым бэкграундом: мигранты, школьники, пожилые, сторонники Q-anon. Поэтому сложные построения фраз и термины исключаются. Вот история из первых рук от релоцировавшейся UX-писательницы, которая превратила свой ненативный уровень английского в преимущество.
Понимание UX важнее словесного мастерства. Наши соперники не Хемингуэй и не Теннисон. Умение подобрать 100 синонимов к одному слову или написать текст ошибки, способный растрогать любого — даже не в топ-10 юикс-редакторских скиллов. Куда важнее способность раскопать реальную задачу пользователя и объяснить её на пальцах. Для этого не нужна словесная виртуозность, скорее знание дизайн-принципов и логика.
В мире очень много русскоязычных команд. И их становится всё больше. Если боитесь, что не сможете обсуждать задачи с командой на английском, попробуйте постучаться в компании родом из РФ или РБ, осваивающие зарубежный рынок.
А вот две свежие вакансии, чтобы далеко не ходить, можете начать с них — раз, два (спасибо Ире Моториной).
Нет, легко тоже не будет. Придётся привыкать к другой корпоративной культуре. Что-то учить заново. Но это всё равно реальнее, чем ждать чего-то хорошего от российского IT в ближайшие 10 лет.
После 21.09 думал, что теперь-то уже никого не надо будет убеждать на переезд. Но всё равно остаются страхи, которые ребят парализуют. Давайте отбросим последний распространённый страх — что за рубежом айтишным редакторам нечего ловить. Вот почему это не так:
Вы знаете, что такое хороший сервис. В отечественном IT научились делать качественные сервисы. Чтобы конкурировать с зарубежными сервисами, Яндекс, VK, Авито и другие подняли очень высокую планку в плане UX. И свой опыт они активно распространяют. Отсюда у наших юиксеров насмотренность и умение по-настоящему думать об удобстве пользователя.
Не обязательно знать язык в совершенстве. В большинстве сервисов хотят, чтобы их понимали люди с любым бэкграундом: мигранты, школьники, пожилые, сторонники Q-anon. Поэтому сложные построения фраз и термины исключаются. Вот история из первых рук от релоцировавшейся UX-писательницы, которая превратила свой ненативный уровень английского в преимущество.
Понимание UX важнее словесного мастерства. Наши соперники не Хемингуэй и не Теннисон. Умение подобрать 100 синонимов к одному слову или написать текст ошибки, способный растрогать любого — даже не в топ-10 юикс-редакторских скиллов. Куда важнее способность раскопать реальную задачу пользователя и объяснить её на пальцах. Для этого не нужна словесная виртуозность, скорее знание дизайн-принципов и логика.
В мире очень много русскоязычных команд. И их становится всё больше. Если боитесь, что не сможете обсуждать задачи с командой на английском, попробуйте постучаться в компании родом из РФ или РБ, осваивающие зарубежный рынок.
А вот две свежие вакансии, чтобы далеко не ходить, можете начать с них — раз, два (спасибо Ире Моториной).
Нет, легко тоже не будет. Придётся привыкать к другой корпоративной культуре. Что-то учить заново. Но это всё равно реальнее, чем ждать чего-то хорошего от российского IT в ближайшие 10 лет.
❤59💩16👍8🤔6❤🔥4👎3😁2
Вести за ручку
#совет
Одна из аксиом хорошего UX — максимально сокращать количество действий, которые пользователю придётся сделать самостоятельно. Инструментов для этого много: можно срезать путь, брать на себя часть шагов. А можно тупо провести за ручку:
— Если текст пользователю нужно скопировать — вставляем кнопку «Копировать».
— Надо отправить на другую страницу — сразу даём ссылку или кнопку.
— Хотим показать картинку или видео — показываем на месте.
— Просим проверить введенную инфу — выводим её на экран, а не отправляем куда-то искать.
Чем меньше ручных действий и лишних шагов, тем вероятнее, что пользователь не потеряется по дороге. А значит, будет заходить к вам ещё.
#совет
Одна из аксиом хорошего UX — максимально сокращать количество действий, которые пользователю придётся сделать самостоятельно. Инструментов для этого много: можно срезать путь, брать на себя часть шагов. А можно тупо провести за ручку:
— Если текст пользователю нужно скопировать — вставляем кнопку «Копировать».
— Надо отправить на другую страницу — сразу даём ссылку или кнопку.
— Хотим показать картинку или видео — показываем на месте.
— Просим проверить введенную инфу — выводим её на экран, а не отправляем куда-то искать.
Чем меньше ручных действий и лишних шагов, тем вероятнее, что пользователь не потеряется по дороге. А значит, будет заходить к вам ещё.
❤39👍8
Маковские шорткаты для редактора
Каждый редактор должен уметь применять эти сочетания не задумываясь. Мне они когда-то ускорили работу с текстом чуть ли не в два раза. Вообще не представляю, как без них жить: мышкой туда-сюда курсор перетаскивать? Сохраните себе и тренируйтесь:
⌥ + ← или ⌥ + →
Переносит курсор на предыдущее или следующее слово
⌘ + ← или ⌘ + →
Переносит курсор на начало или конец строки
⇧ + ← или ⇧ + →
Выделяет предыдущий или следующий символ
⌥ + ⇧ + ← или ⌥ + ⇧ + →
Выделяет предыдущее или следующее слово
⌘ + ⇧ + ← или ⌘ + ⇧ + →
Выделяет предыдущую или следующую строку
⌥ + ⌫
Удаляет предыдущее слово
⌘ + ⌫
Удаляет предыдущую строку
fn + ⌫
Удаляет следующий символ (кайф)
⌥ + fn + ⌫
Удаляет следующее слово (кайф)
⇧ + ⌥ + ⌘ + V
Вставляет текст без форматирования (к-к-к-комбо!)
Каждый редактор должен уметь применять эти сочетания не задумываясь. Мне они когда-то ускорили работу с текстом чуть ли не в два раза. Вообще не представляю, как без них жить: мышкой туда-сюда курсор перетаскивать? Сохраните себе и тренируйтесь:
⌥ + ← или ⌥ + →
Переносит курсор на предыдущее или следующее слово
⌘ + ← или ⌘ + →
Переносит курсор на начало или конец строки
⇧ + ← или ⇧ + →
Выделяет предыдущий или следующий символ
⌥ + ⇧ + ← или ⌥ + ⇧ + →
Выделяет предыдущее или следующее слово
⌘ + ⇧ + ← или ⌘ + ⇧ + →
Выделяет предыдущую или следующую строку
⌥ + ⌫
Удаляет предыдущее слово
⌘ + ⌫
Удаляет предыдущую строку
fn + ⌫
Удаляет следующий символ (кайф)
⌥ + fn + ⌫
Удаляет следующее слово (кайф)
⇧ + ⌥ + ⌘ + V
Вставляет текст без форматирования (к-к-к-комбо!)
👍34❤🔥19❤3👎1🤩1
Любимый канал о UX-тексте
#рекомендация
Чего не хватает в UX-редактуре, так это подтверждения данными. Одно дело сказать — вот этот текст «огонь» (я и сам таким грешу). Совсем другой уровень — уметь ответить на вопрос: «А чем докажешь?».
Вот Кнопочка — сильный канал, потому что раскапывает интересные подтверждения редакторских решений в научных работах и крупных исследованиях. Занимается этим Рита Хохлова из Профи — вы почти наверняка видели её статьи и подкасты с её участием, а может быть даже выполняли её тестовое: она часто публикует редакторские вакансии.
Единственный минус — в последние месяцы посты выходят редко. Но Рита мне пообещала, что реанимирует канал, если придут новые подписчики 😉 Так что давайте подписываться, а пока можно почитать лучшие посты:
🔸 Какие смс мотивируют пользователей
🔸 Как правильно делать комплименты пользователю
🔸 Клиника с помощью текста снизила неявку к врачам
Подпишись на Кнопочку — https://news.1rj.ru/str/microcopy/
#рекомендация
Чего не хватает в UX-редактуре, так это подтверждения данными. Одно дело сказать — вот этот текст «огонь» (я и сам таким грешу). Совсем другой уровень — уметь ответить на вопрос: «А чем докажешь?».
Вот Кнопочка — сильный канал, потому что раскапывает интересные подтверждения редакторских решений в научных работах и крупных исследованиях. Занимается этим Рита Хохлова из Профи — вы почти наверняка видели её статьи и подкасты с её участием, а может быть даже выполняли её тестовое: она часто публикует редакторские вакансии.
Единственный минус — в последние месяцы посты выходят редко. Но Рита мне пообещала, что реанимирует канал, если придут новые подписчики 😉 Так что давайте подписываться, а пока можно почитать лучшие посты:
🔸 Какие смс мотивируют пользователей
🔸 Как правильно делать комплименты пользователю
🔸 Клиника с помощью текста снизила неявку к врачам
Подпишись на Кнопочку — https://news.1rj.ru/str/microcopy/
❤15👍1
⛵️ Лучшее за сентябрь в канале ⛵️
Начинаю делать дайджест постов, которые вышли в канале за прошедший месяц. Вот что вы могли пропустить в сентябре:
Записывать! Мы часто топчемся на месте, зацикливаемся на одних и тех же идеях, вместо того чтобы пробовать новое. Чтобы выйти из порочного круга, стоит как можно больше фиксировать в заметки — вы удивитесь, сколько профита это даёт.
Страницу 404 все считают бесполезным местом для пасхалок. Разобрал это навязчивое заблуждение и набросал варианты, как можно ещё использовать эту ошибку.
Текст в глубине. Большая часть информации в приложении таинственно прячется. Но какого типа эта информация? Попытался набросать Айсберг текста — какие элементы заметны сразу, а какие только случайному путнику.
Хороших выходных 💜
Начинаю делать дайджест постов, которые вышли в канале за прошедший месяц. Вот что вы могли пропустить в сентябре:
Записывать! Мы часто топчемся на месте, зацикливаемся на одних и тех же идеях, вместо того чтобы пробовать новое. Чтобы выйти из порочного круга, стоит как можно больше фиксировать в заметки — вы удивитесь, сколько профита это даёт.
Страницу 404 все считают бесполезным местом для пасхалок. Разобрал это навязчивое заблуждение и набросал варианты, как можно ещё использовать эту ошибку.
Текст в глубине. Большая часть информации в приложении таинственно прячется. Но какого типа эта информация? Попытался набросать Айсберг текста — какие элементы заметны сразу, а какие только случайному путнику.
Хороших выходных 💜
👍18❤3
Текстовые уравнения
#совет
Вставлять посторонние знаки в текст — идея сомнительная. Непривычные знаки плохо читаются, ломают текст, вносят путаницу. Но если уж очень хочется представить свою мысль в виде уравнения, давайте хотя бы делать это правильно.
Самое главное — математический знак не заменяет соответствующее ему слово. Нельзя просто взять и написать «больше» вместо >, «равно» вместо = и «плюс» вместо +. Получаются ребусы, а ребусы мы оставим специалистам.
× Вариант 1 > Варианта 2
× Я > не твой Андрейка
× Будет большим +
Уравнение помогает визуально подчеркнуть отношения между двумя объектами. Но чтобы в голове это отношение считалось, правильно будет обе части поставить в именительный падеж. Или в инфинитив, если глагол.
✓ Результат > Усилия
✓ Страдать = Любить
✓ Архитектура + грамотное управление
Ну а то, что знак минуса не стоит использовать в таких уравнениях, вы, наверное, догадываетесь.
#совет
Вставлять посторонние знаки в текст — идея сомнительная. Непривычные знаки плохо читаются, ломают текст, вносят путаницу. Но если уж очень хочется представить свою мысль в виде уравнения, давайте хотя бы делать это правильно.
Самое главное — математический знак не заменяет соответствующее ему слово. Нельзя просто взять и написать «больше» вместо >, «равно» вместо = и «плюс» вместо +. Получаются ребусы, а ребусы мы оставим специалистам.
× Вариант 1 > Варианта 2
× Я > не твой Андрейка
× Будет большим +
Уравнение помогает визуально подчеркнуть отношения между двумя объектами. Но чтобы в голове это отношение считалось, правильно будет обе части поставить в именительный падеж. Или в инфинитив, если глагол.
✓ Результат > Усилия
✓ Страдать = Любить
✓ Архитектура + грамотное управление
Ну а то, что знак минуса не стоит использовать в таких уравнениях, вы, наверное, догадываетесь.
🔥41
This media is not supported in your browser
VIEW IN TELEGRAM
Эмоциональные качели в UX 🎭
Когда пользователь движется по интерфейсу, он испытывает эмоциональные качели: здесь любопытно, а тут скучно, здесь успех, а там бесячее препятствие. Это происходит быстро, редко осознаётся самим пользователем, поэтому дизайнеру бывает сложно поверить, что такие качели вообще могут быть.
На видео — забавный пример, как пользователь мог бы вербализовать свои эмоции от сценария. Разумеется, не всем повезет с таким сенситивным клиентом на ю-тестах, поэтому важно следить за невербаликой и прямо спрашивать, что пользователь чувствует прямо сейчас.
Зачем это нужно редактору? Чтобы подбирать подходящую тональность для каждого шага — как минимум понимать, где подстелить соломку, а где похлопать по плечу.
Когда пользователь движется по интерфейсу, он испытывает эмоциональные качели: здесь любопытно, а тут скучно, здесь успех, а там бесячее препятствие. Это происходит быстро, редко осознаётся самим пользователем, поэтому дизайнеру бывает сложно поверить, что такие качели вообще могут быть.
На видео — забавный пример, как пользователь мог бы вербализовать свои эмоции от сценария. Разумеется, не всем повезет с таким сенситивным клиентом на ю-тестах, поэтому важно следить за невербаликой и прямо спрашивать, что пользователь чувствует прямо сейчас.
Зачем это нужно редактору? Чтобы подбирать подходящую тональность для каждого шага — как минимум понимать, где подстелить соломку, а где похлопать по плечу.
👍36🔥10😁6🤩2