🎧 Плейлист для UX-редактуры
Не знаю как у вас, для меня рабочий спринт по настоящему начинается, только когда я надеваю наушники и ставлю какую-нибудь интересную электронику.
Долго пытался придти к идеальному формату. Стоковые плейлисты для работы — какой-то старческий отстой, по крайней мере в спотифае. А требования у меня простые:
— никаких слов, потому что они занимают в голове речевые слоты, уже занятые UI;
— треки должны задавать ритм, а не усыплять;
— никакого расслабляющего пианино;
— иногда должно встречаться что-то необычное в мелодии или ритме — для латерального мышления.
Короче, собрал плейлист, под который мне приятно вертеть интерфейсы. В нём можно найти все составляющие работы UX-писателя: скрип передвигаемого фигмовского фрейма, синкопы кликов тачпада, загадочные волны семантического моря, неровные очереди клавишного набора и, конечно, трубный рёв приближающегося дедлайна.
Добавляйте себе в Spotify или в Яндекс.Музыке
Не знаю как у вас, для меня рабочий спринт по настоящему начинается, только когда я надеваю наушники и ставлю какую-нибудь интересную электронику.
Долго пытался придти к идеальному формату. Стоковые плейлисты для работы — какой-то старческий отстой, по крайней мере в спотифае. А требования у меня простые:
— никаких слов, потому что они занимают в голове речевые слоты, уже занятые UI;
— треки должны задавать ритм, а не усыплять;
— никакого расслабляющего пианино;
— иногда должно встречаться что-то необычное в мелодии или ритме — для латерального мышления.
Короче, собрал плейлист, под который мне приятно вертеть интерфейсы. В нём можно найти все составляющие работы UX-писателя: скрип передвигаемого фигмовского фрейма, синкопы кликов тачпада, загадочные волны семантического моря, неровные очереди клавишного набора и, конечно, трубный рёв приближающегося дедлайна.
Добавляйте себе в Spotify или в Яндекс.Музыке
🔥42🐳20👍8
Ошибки серьёзных людей
Я много готовил статей и интерфейсов вместе с серьёзными и уважаемыми людьми — инженерами, программистами, юристами. Чуть ли не главной задачей было приземлять их строгость, чтобы не распугать людей менее строгих — пользователей и читателей. Вот некоторые примеры таких приземлений для вашего вдохновения, когда вам тоже понадобится договариваться.
🤖 «Процесс разработки в части тестирования»
Программисты любят точность, и часто переносят эту точность в текст. Объект «Тестирование» входит в родительский объект «Разработка» — ну как об этом можно не сказать? Но читатели не ловят exception, им не нужно каждый раз видеть всю родословную объекта, чтобы понять, что такое «Тестирование».
🚫 «Отсутствует возможность»
Звучит очень солидно, не поспоришь. Целая драма, в которой есть действующее лицо и некий акт, который оно совершает — ОТСУТСТВУЕТ. Но ребят, всю эту драму можно уместить в одно короткое слово — «Невозможно».
⚙️ «Обеспечить перевод»
Признаю, за простым переводом денег часто скрывается хитроумный обеспечивающий механизм, в который вложено много труда. Согласен, хочется подойти к нему с уважением. Но давайте расскажем об этом на Хабре, а в интерфейсе просто напишем «Перевести».
А какие у вас любимые примеры типа «сложно → просто»?
Я много готовил статей и интерфейсов вместе с серьёзными и уважаемыми людьми — инженерами, программистами, юристами. Чуть ли не главной задачей было приземлять их строгость, чтобы не распугать людей менее строгих — пользователей и читателей. Вот некоторые примеры таких приземлений для вашего вдохновения, когда вам тоже понадобится договариваться.
🤖 «Процесс разработки в части тестирования»
Программисты любят точность, и часто переносят эту точность в текст. Объект «Тестирование» входит в родительский объект «Разработка» — ну как об этом можно не сказать? Но читатели не ловят exception, им не нужно каждый раз видеть всю родословную объекта, чтобы понять, что такое «Тестирование».
🚫 «Отсутствует возможность»
Звучит очень солидно, не поспоришь. Целая драма, в которой есть действующее лицо и некий акт, который оно совершает — ОТСУТСТВУЕТ. Но ребят, всю эту драму можно уместить в одно короткое слово — «Невозможно».
⚙️ «Обеспечить перевод»
Признаю, за простым переводом денег часто скрывается хитроумный обеспечивающий механизм, в который вложено много труда. Согласен, хочется подойти к нему с уважением. Но давайте расскажем об этом на Хабре, а в интерфейсе просто напишем «Перевести».
А какие у вас любимые примеры типа «сложно → просто»?
👍36
This media is not supported in your browser
VIEW IN TELEGRAM
Я управление регионами Джека 🚨
Короче, мало придумать хороший концепт — важно проследить, что им правильно воспользуются.
Короче, мало придумать хороший концепт — важно проследить, что им правильно воспользуются.
😁25🔥3
Поле обратной связи
#совет
Допустим, вы собираете отзывы, комментарии, развёрнутые ответы — любую неструктурированную обратную связь. Для пользователей это всегда самая сложная часть анкеты, а значит, нужно постараться облегчить им творческий процесс.
Что у нас есть для этого в арсенале? Подпись, пространство, плейсхолдер.
Подпись над полем. Не всегда легко сообразить, какой именно комментарий от меня ждут. Понятная и точная подпись подскажет, что писать: про заказ или про красивые глаза создателей продукта.
Пространство. Размер поля даёт понять пользователю, сколько от него примерно ждут текста. Если вы хотите отзыв длиннее двух-трех слов — дайте для этого пространство. В однострочное поле напишут ровно одну строку, даже если это это ограничение чисто визуальное. А слишком большое поле может отпугнуть, как пустой А4 на экзамене.
Плейсхолдер. Ещё одна возможность, которую не стоит упускать — предзаполнить поле примером типичного текста. Это иногда намного лучше объясняет, какого типа сообщение от него ждут. Пусть это будет и узкий пример, но реалистичный. Может быть, напомнит что-то, о чём пользователь забыл подумать.
И кое-что ещё. Не рекомендую делать универсальные поля «для всего». Например, одно поле для отзывов и для пожеланий. Лучше сделать отдельными полями, чтобы не путать людей. Если разделить не вариант, то хотя бы перечислить возможные типы сообщения в подписи или плейсхолдере.
#совет
Допустим, вы собираете отзывы, комментарии, развёрнутые ответы — любую неструктурированную обратную связь. Для пользователей это всегда самая сложная часть анкеты, а значит, нужно постараться облегчить им творческий процесс.
Что у нас есть для этого в арсенале? Подпись, пространство, плейсхолдер.
Подпись над полем. Не всегда легко сообразить, какой именно комментарий от меня ждут. Понятная и точная подпись подскажет, что писать: про заказ или про красивые глаза создателей продукта.
Пространство. Размер поля даёт понять пользователю, сколько от него примерно ждут текста. Если вы хотите отзыв длиннее двух-трех слов — дайте для этого пространство. В однострочное поле напишут ровно одну строку, даже если это это ограничение чисто визуальное. А слишком большое поле может отпугнуть, как пустой А4 на экзамене.
Плейсхолдер. Ещё одна возможность, которую не стоит упускать — предзаполнить поле примером типичного текста. Это иногда намного лучше объясняет, какого типа сообщение от него ждут. Пусть это будет и узкий пример, но реалистичный. Может быть, напомнит что-то, о чём пользователь забыл подумать.
И кое-что ещё. Не рекомендую делать универсальные поля «для всего». Например, одно поле для отзывов и для пожеланий. Лучше сделать отдельными полями, чтобы не путать людей. Если разделить не вариант, то хотя бы перечислить возможные типы сообщения в подписи или плейсхолдере.
👍34❤5🔥4
Предложи контент для канала
Одна голова — хорошо, а тысячи светлых голов — в тысячи раз лучше, правда?
Решил, что пора не только собирать вопросы, но и вообще всё, что вам хочется увидеть в канале. Разумеется, с помощью бота — @editboat_bot. Можете отправлять боту:
— интересные скрины c UX,
— вопросы про редактуру и жизнь,
— предложения и смешанные чувства,
— фотографии смешных котят.
Интересные скрины будем обсуждать, на вопросы отвечать, предложения обдумывать, а котята... котята просто немного согреют душу админу канала 💜
Почти анонимно, бесплатно, без смс, 24/7. Пишите — https://news.1rj.ru/str/editboat_bot
Одна голова — хорошо, а тысячи светлых голов — в тысячи раз лучше, правда?
Решил, что пора не только собирать вопросы, но и вообще всё, что вам хочется увидеть в канале. Разумеется, с помощью бота — @editboat_bot. Можете отправлять боту:
— интересные скрины c UX,
— вопросы про редактуру и жизнь,
— предложения и смешанные чувства,
— фотографии смешных котят.
Интересные скрины будем обсуждать, на вопросы отвечать, предложения обдумывать, а котята... котята просто немного согреют душу админу канала 💜
Почти анонимно, бесплатно, без смс, 24/7. Пишите — https://news.1rj.ru/str/editboat_bot
👍13
Канал о здоровье цифрового труда
#рекомендация
Стивен Кинг говорит, что люди почему-то любят читать о работе. Верю — могу читать о рабочем бесконечно. Но только если подано интересно.
Очень удивляет, когда о рабочей цифровой гигиене пишут душно, как в маршрутке Махачкала — Дербент. Алло! Диджитал — это вообще-то занятие, для которого захват внимания и запоминаемость — необходимый профессиональный минимум.
А вот как писать надо — как ребятки из агентства NODE PR. Завели канал и в сжатой и яркой форме несут всем цифровым нам решение вечных рабочих проблем. Здесь и об отношениях с клиентами и коллегами, и о борьбе с выгоранием, и о синдроме самозванца. Чтобы далеко не ходить:
— Как не злиться на клиентские правки, а использовать их?
— Как отстаивать личные границы, если коллеги подставляют?
— Почему заимствовать чужие идеи — это нестыдно?
В общем, хороший, незаслуженно маленький канал. Пора это исправить
#рекомендация
Стивен Кинг говорит, что люди почему-то любят читать о работе. Верю — могу читать о рабочем бесконечно. Но только если подано интересно.
Очень удивляет, когда о рабочей цифровой гигиене пишут душно, как в маршрутке Махачкала — Дербент. Алло! Диджитал — это вообще-то занятие, для которого захват внимания и запоминаемость — необходимый профессиональный минимум.
А вот как писать надо — как ребятки из агентства NODE PR. Завели канал и в сжатой и яркой форме несут всем цифровым нам решение вечных рабочих проблем. Здесь и об отношениях с клиентами и коллегами, и о борьбе с выгоранием, и о синдроме самозванца. Чтобы далеко не ходить:
— Как не злиться на клиентские правки, а использовать их?
— Как отстаивать личные границы, если коллеги подставляют?
— Почему заимствовать чужие идеи — это нестыдно?
В общем, хороший, незаслуженно маленький канал. Пора это исправить
👍7❤2👎1🔥1
Как научиться UX-копирайтингу быстрее всего?
#совет
Просто открываете тильду и делаете новый сайт. Любой: личную страничку-портфолио или сайт для вымышленного или существующего сервиса.
Можете взять готовый шаблон и переделывать его под себя: менять блоки на те, что больше нравятся; переставлять местами; добавлять элементы. Лучше не брать лендинг, с ним слишком всё просто, а что-то чуть посложнее — с анкетой, переходами, личным кабинетом или корзиной. Можно некрасиво и криво, но чтобы было понятно.
А потом попросите кого-то из друзей сделать несколько проходов по сайту: придумайте несколько целей (покупка, регистрация, смена данных и т. п.), и пусть друзья попробуют их выполнить.
В чем смысл? Пока вы всё это сделаете, вы столкнетесь с 90% проблем, с которыми работают юикс-писатели. Для каждой мелочи придётся придумать внятный текст. Тут у вас будут и кнопки и плейсхолдеры, и попапы, и экран успеха, и информационная архитектура. А потом ещё и отработаете непонимание пользователями простых вроде бы действий.
Гарантирую, после этого вы выйдете с большим количеством скиллов, чем после двухнедельного курса. А ещё и в портфолио сразу будет что положить.
#совет
Просто открываете тильду и делаете новый сайт. Любой: личную страничку-портфолио или сайт для вымышленного или существующего сервиса.
Можете взять готовый шаблон и переделывать его под себя: менять блоки на те, что больше нравятся; переставлять местами; добавлять элементы. Лучше не брать лендинг, с ним слишком всё просто, а что-то чуть посложнее — с анкетой, переходами, личным кабинетом или корзиной. Можно некрасиво и криво, но чтобы было понятно.
А потом попросите кого-то из друзей сделать несколько проходов по сайту: придумайте несколько целей (покупка, регистрация, смена данных и т. п.), и пусть друзья попробуют их выполнить.
В чем смысл? Пока вы всё это сделаете, вы столкнетесь с 90% проблем, с которыми работают юикс-писатели. Для каждой мелочи придётся придумать внятный текст. Тут у вас будут и кнопки и плейсхолдеры, и попапы, и экран успеха, и информационная архитектура. А потом ещё и отработаете непонимание пользователями простых вроде бы действий.
Гарантирую, после этого вы выйдете с большим количеством скиллов, чем после двухнедельного курса. А ещё и в портфолио сразу будет что положить.
🔥60👍22❤3🤩2
Исследование рынка продуктовой редактуры
Друзья из Циана проводят полезное исследование про зарплаты и нагрузку всех, кто пишет тексты в IT. Давайте поможем им собрать реальную картинку?
Знать актуальные зарплатные вилки и обязанности на рынке полезно, когда вы устраиваетесь или собираетесь просить повышение. Потом ребята пришлют все результаты, обсудим их обязательно.
Если вы как-то связаны с продуктовым текстом, пройдите опрос, пожалуйста 💜
Друзья из Циана проводят полезное исследование про зарплаты и нагрузку всех, кто пишет тексты в IT. Давайте поможем им собрать реальную картинку?
Знать актуальные зарплатные вилки и обязанности на рынке полезно, когда вы устраиваетесь или собираетесь просить повышение. Потом ребята пришлют все результаты, обсудим их обязательно.
Если вы как-то связаны с продуктовым текстом, пройдите опрос, пожалуйста 💜
Google Docs
Текст в продуктовых компаниях
Привет. Помогите нам немного разобраться, как дела на рынке. Опрос полностью анонимный, мы нигде не сохраняем вашу почту. Мы попросили вас авторизоваться, только чтобы вы прошли опрос один раз.
🔥20
Снова к вам со спотифаем, но очень уж смешная #пасхалка
Если в режиме караоке включить песню, для которой в базе нет текста, то вам заботливо подскажут, что слова придётся угадывать самостоятельно 🙃
UPD: в комментах прислали ещё примеров и как писали раньше
Если в режиме караоке включить песню, для которой в базе нет текста, то вам заботливо подскажут, что слова придётся угадывать самостоятельно 🙃
UPD: в комментах прислали ещё примеров и как писали раньше
❤32
Два разных подхода к тональности в тексте ошибок. Но если честно, оба так себе. Как думаете, почему?
💩33🤔1
В первой серии сериала «Дом Дракона» случайно проиллюстрировали суть UX-редактуры 😏
🔥52😁32🤔4👍1
Разница между UX-писателем и копирайтером
#конспект
Они сошлись, волна и камень, стихи и проза, ворд и фигма... Страшный грех — отправить копирайтера писать интерфейс, а UX-писателя промо. Но очень частый.
Если вы тоже пока не чувствуете разницу, на хабре вышел классный разбор ролей продуктового писателя и копирайтера. Выписал главное, но саму статью тоже почитайте:
— UX-писатель и копирайтер похожи только тем, что решают проблемы текстом. Но цели и методы у них разные.
— Их тексты можно даже отличить на слух: UX-текст вспомогательный и нейтральный , маркетинговый — яркий и оригинальный.
— Главная цель UX-текста — удержать. Маркетингового — привлечь.
— Копирайтер может давить на эмоции: вызывать грусть, смех и радость. UX-писатель проявляет эмпатию, но не лезет в душу.
— Копирайтер пишет большие блоки текста, труды UX-писателя обычно фрагментарны, почти незаметны.
— Но есть и общее. И тот и другой должны знать аудиторию, чувствовать язык и не бояться позвать на помощь дизайнера. И тот и другой следуют общей тональности бренда.
— Копирайтер и UX-писатель редко пересекаются в работе. Чаще делят общий формат: например, пуши бывают сервисные и продающие.
Статья целиком
#конспект
Они сошлись, волна и камень, стихи и проза, ворд и фигма... Страшный грех — отправить копирайтера писать интерфейс, а UX-писателя промо. Но очень частый.
Если вы тоже пока не чувствуете разницу, на хабре вышел классный разбор ролей продуктового писателя и копирайтера. Выписал главное, но саму статью тоже почитайте:
— UX-писатель и копирайтер похожи только тем, что решают проблемы текстом. Но цели и методы у них разные.
— Их тексты можно даже отличить на слух: UX-текст вспомогательный и нейтральный , маркетинговый — яркий и оригинальный.
— Главная цель UX-текста — удержать. Маркетингового — привлечь.
— Копирайтер может давить на эмоции: вызывать грусть, смех и радость. UX-писатель проявляет эмпатию, но не лезет в душу.
— Копирайтер пишет большие блоки текста, труды UX-писателя обычно фрагментарны, почти незаметны.
— Но есть и общее. И тот и другой должны знать аудиторию, чувствовать язык и не бояться позвать на помощь дизайнера. И тот и другой следуют общей тональности бренда.
— Копирайтер и UX-писатель редко пересекаются в работе. Чаще делят общий формат: например, пуши бывают сервисные и продающие.
Статья целиком
Хабр
Роль UX писателя и копирайтера в мультивселенной безумия
UX писатель (UXW) и копирайтер (CW) — две разные профессии. Их путают по одной причине: у них один и тот же основной рабочий инструмент — текст. С помощью текста копирайтер создает красивую,...
🔥43👍11❤5🤮2👎1
Возвращение контроля
Как бы нам ни хотелось, дизайнер далеко не всегда на стороне клиента. Но как поклонник фильма «Матрица», я очень люблю, когда пользователь сопротивляется и придумывает обходные пути, чтобы обмануть хитрую систему. Вот, собрал несколько примеров:
Прятки на Нетфликсе 👈
Все, кто пользуются Нетфликсом, хорошо знают — стоит открыть главную страницу, у тебя моментально заиграет трейлер какой-нибудь «Игры в кальмара». Не самая удобная функция, особенно на совещаниях.
Бизнес-цель: как можно быстрее вовлечь тебя в контент, пока ты не ушёл обсуждать квартальный план.
Возвращение контроля: на сайте можно спрятать курсор где-то между плиток. Если приложение для ТВ — открыть меню.
Двойные эмоджи 🥲🥲
Дизайнеры телеграма придумали увеличенные анимированные эмоджи, которые отправляются, если сообщение состоит из одного смайлика. Любители общаться смайликами снова стали выглядеть дураками, потому что гигантские кривляющиеся рожи искажали изначальный смысл сообщения.
Бизнес-цель: дать как можно больше уникальных фич произвольного качества, чтобы ты не вздумал уйти в другой мессенджер.
Возвращение контроля: если отправить два одинаковых смайлика, они будут держать себя в руках. Всё ещё лучше, чем дикое чудовище на треть экрана.
Стоп-кран для сторис 🚂
Сторис — это чудесный поезд, который бесконечно мчится куда-то мимо, потому что инженеры специально спроектировали его без тормозов. Но если на сторис много текста, это может быть проблемой.
Бизнес-цель: чем быстрее мчатся сторис, тем больше можно показать рекламы.
Возвращение контроля: зажатый тап по экрану на какое-то время останавливает поток, и можно успеть рассмотреть или прочитать.
И всё это до тех пор, пока дизайнеры не прикроют лазейку или не упакуют в новую полезную для бизнеса фичу. Проиллюстрировал этот цикл, как смог, в виде комикса, сразу простите за физиологичность деталей.
Знаете ещё примеры возвращения контроля? Присылайте в комменты, будем восхищаться пользовательской смекалкой.
Как бы нам ни хотелось, дизайнер далеко не всегда на стороне клиента. Но как поклонник фильма «Матрица», я очень люблю, когда пользователь сопротивляется и придумывает обходные пути, чтобы обмануть хитрую систему. Вот, собрал несколько примеров:
Прятки на Нетфликсе 👈
Все, кто пользуются Нетфликсом, хорошо знают — стоит открыть главную страницу, у тебя моментально заиграет трейлер какой-нибудь «Игры в кальмара». Не самая удобная функция, особенно на совещаниях.
Бизнес-цель: как можно быстрее вовлечь тебя в контент, пока ты не ушёл обсуждать квартальный план.
Возвращение контроля: на сайте можно спрятать курсор где-то между плиток. Если приложение для ТВ — открыть меню.
Двойные эмоджи 🥲🥲
Дизайнеры телеграма придумали увеличенные анимированные эмоджи, которые отправляются, если сообщение состоит из одного смайлика. Любители общаться смайликами снова стали выглядеть дураками, потому что гигантские кривляющиеся рожи искажали изначальный смысл сообщения.
Бизнес-цель: дать как можно больше уникальных фич произвольного качества, чтобы ты не вздумал уйти в другой мессенджер.
Возвращение контроля: если отправить два одинаковых смайлика, они будут держать себя в руках. Всё ещё лучше, чем дикое чудовище на треть экрана.
Стоп-кран для сторис 🚂
Сторис — это чудесный поезд, который бесконечно мчится куда-то мимо, потому что инженеры специально спроектировали его без тормозов. Но если на сторис много текста, это может быть проблемой.
Бизнес-цель: чем быстрее мчатся сторис, тем больше можно показать рекламы.
Возвращение контроля: зажатый тап по экрану на какое-то время останавливает поток, и можно успеть рассмотреть или прочитать.
И всё это до тех пор, пока дизайнеры не прикроют лазейку или не упакуют в новую полезную для бизнеса фичу. Проиллюстрировал этот цикл, как смог, в виде комикса, сразу простите за физиологичность деталей.
Знаете ещё примеры возвращения контроля? Присылайте в комменты, будем восхищаться пользовательской смекалкой.
👍39❤7😁5👎1
Тема дня: скрывающийся текст.
Текст-хамелеон. Яндекс.Навигатор тренирует водителю зрение и внимание. Какой сделаем вывод? Быть осторожнее с автоматической вёрсткой текстовых блоков. Читабельность важнее стиля. За скрин в @editboat_bot спасибо Роме С.
Текст-хлопнувшийдверью. В Медси решили наглядно доказать свою решимость не писать письма. Наверное, потому что перед этим прислали мне анализы какого-то левого мужика 🙃 Вспоминаем золотое правило: заполнять формат полностью. Тема, заголовок и тело письма всегда должны быть, даже если рука отваливается. Подпись желательно тоже.
Присылайте свои примеры, будем обсуждать.
Текст-хамелеон. Яндекс.Навигатор тренирует водителю зрение и внимание. Какой сделаем вывод? Быть осторожнее с автоматической вёрсткой текстовых блоков. Читабельность важнее стиля. За скрин в @editboat_bot спасибо Роме С.
Текст-хлопнувшийдверью. В Медси решили наглядно доказать свою решимость не писать письма. Наверное, потому что перед этим прислали мне анализы какого-то левого мужика 🙃 Вспоминаем золотое правило: заполнять формат полностью. Тема, заголовок и тело письма всегда должны быть, даже если рука отваливается. Подпись желательно тоже.
Присылайте свои примеры, будем обсуждать.
👍10❤1😁1