Строителю нужны кирпичи, а UX-редактору — готовые элементы и вайрфреймы. Вот подборка материалов для фигмы.
Самые простые визуальные приёмы часто самые действенные. Обсудили жирный и курсив в интерфейсе.
Начинающим редакторам не хватает уверенности. Но есть вещь, в которой без уверенности никак.
Лайк сервисам, которые интересно обыгрывают свой контент. Например, задаются вопросами бытия.
____
А это читайте на бусти по цене капучино
☕️ Сленг в интерфейсе
☕️ Бриф UX-редактора
☕️ Плейсхолдер в поисковой строке
Please open Telegram to view this post
VIEW IN TELEGRAM
❤14🔥4👍3
Междометия в UX — все за и против
Давайте разберём, почему междометия — это плохо, а иногда очень даже хорошо.
➖ Занимают место. Первое, что бросается в глаза — все эти охи и ахи тратят место, когда у нас каждый символ на счету. А ведь часто ещё и ставят в начале заголовка, и пользователь вместо сути сначала видит украшение. Если использовать междометия слишком часто, будет просто сложно читать.
➖ Сбивают ритм. Помните, что каждое слово человек проговаривает у себя в голове, пусть даже и быстро. А междомития часто создают паузы, которые тоже приходится выдерживать в голове. Это замедляет чтение.
Вот это да, (пауза) ваш перевод, эмм (пауза), наконец завершён.
Почему же тогда междометия всё равно используют?
➕ Показывают эмоции. Это один из понятных и знакомых способов сделать текст более эмоциональным. Если вам удастся попасть в настоящую эмоцию пользователя, получится тепло и душевно. «Ура!» отлично подкрепит успешное действие, а «Ох...» покажет, что вы тоже беспокоитесь.
➕ Добавляют человечности. Мы почему-то любим, когда сервис говорит с нами как человек, а не как сервис. А люди говорят с ошибками, запинаются, вздыхают и часто включают в свою речь междометия. Это можно имитировать, чтобы наладить контакт.
➕ Показывают характер. С помощью междометий можно изобразить лёгкого и разбитного хипстера, а можно — задумчивого и внимательного библиотекаря. Простор для Tone of voice.
Итак: пишем междометия в меру, естественно и только там, где правильно понимаем эмоцию пользователя. Если голос продукта не очень разговорный, то не пишем, окей?
Давайте разберём, почему междометия — это плохо, а иногда очень даже хорошо.
Вот это да, (пауза) ваш перевод, эмм (пауза), наконец завершён.
Почему же тогда междометия всё равно используют?
Итак: пишем междометия в меру, естественно и только там, где правильно понимаем эмоцию пользователя. Если голос продукта не очень разговорный, то не пишем, окей?
Please open Telegram to view this post
VIEW IN TELEGRAM
👍68🔥8❤7
Плавучая редакция
Банк — это на всю жизнь #конспект Собрал тезисы из подкаста с UX-писателем британского банка Monzo Гарри Эшбриджем. — С банком ты на всю жизнь: в нём ты берешь кредит на обучение, выплачиваешь ипотеку, планируешь пенсию. Банк не может себе позволить отгораживаться…
Почему необанки выбирают шутки и разговорность
#конспект
Мы все помним, как Рокетбанк подражал хипстерам с их «эмэйзинг обновлениями». Кому-то повезло пользоваться Револютом или Monzo — там тоже всё дерзко, лаконично и дружелюбно.
Аня Ведберг из банка NatWest считает, что это главный козырь перед большими старыми банками с ресурсами и аудиторией. Простота, прозрачность и дружелюбный голос.
Размеры крупных банков не позволяют им шутить и вообще экспериментировать с подачей. Улучшениям мешает и неповоротливое легаси старых банковских IT-продуктов. Необанки побеждают их в удобстве, поэтому чаще зовут UX-писателей в команду.
Чем ещё берут необанки, как туда попасть и с чем придётся столкнуться — в полном конспекте на бусти и патреоне
#конспект
Мы все помним, как Рокетбанк подражал хипстерам с их «эмэйзинг обновлениями». Кому-то повезло пользоваться Револютом или Monzo — там тоже всё дерзко, лаконично и дружелюбно.
Аня Ведберг из банка NatWest считает, что это главный козырь перед большими старыми банками с ресурсами и аудиторией. Простота, прозрачность и дружелюбный голос.
Размеры крупных банков не позволяют им шутить и вообще экспериментировать с подачей. Улучшениям мешает и неповоротливое легаси старых банковских IT-продуктов. Необанки побеждают их в удобстве, поэтому чаще зовут UX-писателей в команду.
Чем ещё берут необанки, как туда попасть и с чем придётся столкнуться — в полном конспекте на бусти и патреоне
🔥22👍7❤2
Помогите ввести код
Людям сложно вводить код верификации. И это нормально — мы вообще не обязаны уметь это делать. Вдумайтесь — мы предлагаем пользователю побыть в роли API между двумя системами, которые не могут между собой договориться.
☠️ Код сложно запомнить, особенно если там не 4 цифры, а больше.
☠️ Приходится следить за цифрами, которые уже ввёл, потому что легко случайно нажать не ту.
☠️ Цифры визуально сливаются друг с другом. Если несколько одинаковых подряд — ещё сложнее.
Как сделать ввод кода верификации менее болезненным?
1️⃣ Цифры в письме должны легко выделяться курсором или тапом для копирования.
2️⃣ Напомнить в письме, что код можно скопировать.
3️⃣ Сделать шрифт у вводимых цифр крупнее.
4️⃣ Оставить между цифрами место, чтобы не сливались (✅ 3 4 2 5).
5️⃣ Разбить на группы по 2 или 3 цифры, которые легко держать в голове (✅ 345-241).
6️⃣ Не отправлять коды с несколькими одинаковыми цифрами подряд (❌ 377789).
7️⃣ Предпочитать легкие коды из повторяющихся пар цифр, если безопасники такое пропустят (✅ 242424).
Людям сложно вводить код верификации. И это нормально — мы вообще не обязаны уметь это делать. Вдумайтесь — мы предлагаем пользователю побыть в роли API между двумя системами, которые не могут между собой договориться.
☠️ Код сложно запомнить, особенно если там не 4 цифры, а больше.
☠️ Приходится следить за цифрами, которые уже ввёл, потому что легко случайно нажать не ту.
☠️ Цифры визуально сливаются друг с другом. Если несколько одинаковых подряд — ещё сложнее.
Как сделать ввод кода верификации менее болезненным?
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
❤38🔥9👍8🤔2
Система обозначений для драфта
Фигма — это конечно здорово, но иногда хочется накидать драфт просто в текстовом редакторе. Чтобы быстро и легко попробовать множество вариантов и не заморачиваться с интерфейсом. Или кинуть коллеге и сразу обсудить, а то и редактировать прямо в телеге.
И вот тут может понадобиться система обозначений: где у нас заголовок, где кнопки, где ссылки и т. д.
Вот моя система условных обозначений. Предельно простая, но тем и хороша. Все, с кем я работаю, быстро привыкают и начинают обозначать так же:
Заголовок
Обычный текст
- Элемент списка
[Кнопка]
{медиа: картинка или видео}
Ссылка
комментарии, которые не учитываются
P. S. какое-то время пытался использовать маркдаун, но его система обозначений слишком сложна в исходном виде. Плохо подходит для быстрой визуализации и сложнее скопировать сам текст. Но если знаете какие-то крутые способы — поделитесь 👍
Фигма — это конечно здорово, но иногда хочется накидать драфт просто в текстовом редакторе. Чтобы быстро и легко попробовать множество вариантов и не заморачиваться с интерфейсом. Или кинуть коллеге и сразу обсудить, а то и редактировать прямо в телеге.
И вот тут может понадобиться система обозначений: где у нас заголовок, где кнопки, где ссылки и т. д.
Вот моя система условных обозначений. Предельно простая, но тем и хороша. Все, с кем я работаю, быстро привыкают и начинают обозначать так же:
Заголовок
Обычный текст
- Элемент списка
[Кнопка]
{медиа: картинка или видео}
Ссылка
комментарии, которые не учитываются
P. S. какое-то время пытался использовать маркдаун, но его система обозначений слишком сложна в исходном виде. Плохо подходит для быстрой визуализации и сложнее скопировать сам текст. Но если знаете какие-то крутые способы — поделитесь 👍
👍51❤15
Не обобщайте
#совет
В настольной игре Экивоки есть такое задание: объяснить слово, заменяя все существительные на «вещи» и «существа». Получается что-то такое:
Это вещь, которую одни существа покупают другим существам, чтобы эти существа не царапали вещи в вашей вещи(когтеточка для кошек) .
С точки зрения логики всё ок, просто перешли к обобщающим категориям: к живым и неживым объектам. Но понять смысл можно только по глаголам и связкам.
Когда вы злоупотребляете обобщениями в интерфейсе, вы играете с пользователями в Экивоки:
🟣 Людям плохо даются обобщения. Вам кажется, что категория «Бытовая техника» будет удобнее, чем «Холодильники, духовки, стиралки», а пользователи почему-то ищут холодильник в разделе «Для дома и дачи».
🟣 Обобщения — это лишняя мыслительная и креативная работа, к которой могут быть не готовы даже люди с высоким IQ. Пакет молока легко представить. Товар — сложнее, уже нужно включать воображение. Если человек спешит, он неправильно решит вашу загадку.
🟣 С каждым лишним обобщением мы жертвуем удобством ради логики — и получаем канцелярит. Менеджер почтового сервиса говорит дизайнеру: «Зачем нам разные страницы для посылок и писем? Давай посылки и письма называть одним словом „Отправление“». И совершает ошибку. Категория «отправление» существует только для работников почты, а в мире пользователей есть только письма и посылки.
Если вам нужно ввести обобщающее слово, сразу раскройте его примерами. Или вообще используйте одни только примеры — никто не умрёт.
Продолжить ряд в голове проще, чем вспоминать, что там входит в эту непонятную категорию.
#совет
В настольной игре Экивоки есть такое задание: объяснить слово, заменяя все существительные на «вещи» и «существа». Получается что-то такое:
Это вещь, которую одни существа покупают другим существам, чтобы эти существа не царапали вещи в вашей вещи
С точки зрения логики всё ок, просто перешли к обобщающим категориям: к живым и неживым объектам. Но понять смысл можно только по глаголам и связкам.
Когда вы злоупотребляете обобщениями в интерфейсе, вы играете с пользователями в Экивоки:
Если вам нужно ввести обобщающее слово, сразу раскройте его примерами. Или вообще используйте одни только примеры — никто не умрёт.
Продолжить ряд в голове проще, чем вспоминать, что там входит в эту непонятную категорию.
Please open Telegram to view this post
VIEW IN TELEGRAM
👍68❤22🔥8❤🔥5
Проверятор пушей
#инструменты
Оказывается, у Додо есть сервис по предпросмотру пушей на разных устройствах. Можно даже загрузить лого своего продукта и делать правдоподобные скриншоты пушей для своих ребятушек. Лайк!
#инструменты
Оказывается, у Додо есть сервис по предпросмотру пушей на разных устройствах. Можно даже загрузить лого своего продукта и делать правдоподобные скриншоты пушей для своих ребятушек. Лайк!
🔥77❤15👍10
Всё о пустых состояниях
#рекомендация
Прислали почитать гайд по ошибкам и эмпти стейтам от UX-редактора Озона Киры Калимулиной. С чистой совестью пересылаю вам, потому что годнота.
Дотошный и занимательный разбор, какие состояния бывают, как о них писать, чем помочь попавшему в «Ничего не нашлось» пользователю. Много примеров из озоновских интерфейсов. Очень круто 👍
#рекомендация
Прислали почитать гайд по ошибкам и эмпти стейтам от UX-редактора Озона Киры Калимулиной. С чистой совестью пересылаю вам, потому что годнота.
Дотошный и занимательный разбор, какие состояния бывают, как о них писать, чем помочь попавшему в «Ничего не нашлось» пользователю. Много примеров из озоновских интерфейсов. Очень круто 👍
🔥70👍9❤6👏2
Редполитика по редполитике
#совет
Первый клиент новой редполитики и tone of voice — сам текст редполитики и tone of voice.
Бесполезно писать «мы помогаем пользователю быстро найти нужное», если в редполитике простыня текста без заголовков и выделения инфы.
Нет смысла в пункте «придерживаемся разговорного стиля и допускаем лёгкий юмор», когда само это руководство — кондовая скукотища без намёка на разговор и юмор.
В это просто никто не поверит.
Начали писать гайд? Бум! С этого момента всё имеет значение: стиль, структура, примеры, отношение к читателю. Осознанно или нет, но мы считаем всё содержимое гайда за образец.
Проверьте, чтобы гайд по контенту соответствовал самому себе.
#совет
Первый клиент новой редполитики и tone of voice — сам текст редполитики и tone of voice.
Бесполезно писать «мы помогаем пользователю быстро найти нужное», если в редполитике простыня текста без заголовков и выделения инфы.
Нет смысла в пункте «придерживаемся разговорного стиля и допускаем лёгкий юмор», когда само это руководство — кондовая скукотища без намёка на разговор и юмор.
В это просто никто не поверит.
Начали писать гайд? Бум! С этого момента всё имеет значение: стиль, структура, примеры, отношение к читателю. Осознанно или нет, но мы считаем всё содержимое гайда за образец.
Проверьте, чтобы гайд по контенту соответствовал самому себе.
❤70❤🔥13👍6🔥6
This media is not supported in your browser
VIEW IN TELEGRAM
Текст в профессиональном софте
Что необычного в рабочих интерфейсах с точки зрения редактора?
В том, что профессиональный пользователь будет его использовать как на этом видео. Успевает этот мужик читать? Как видите, ему это не нужно 😄
Тогда зачем вообще профессиональным продуктам текст?
Главным образом для обучения. Подсказки и объяснения нужны новичку. Как только работник становится опытным, подсказки уже не нужны и только отвлекают.
Отсюда интересный вывод: давать больше текста новичкам, и меньше — профессионалам.
🔹 Классический пример — горячие клавиши. Менюшки в фигме нужны для новичков, потому что про-дизайнеры почти всё делают хоткеями. Если профи и заходят внутрь, то на уровне моторики помнят, куда жать — текст им особо не нужен.
🔹 Другое решение — подсказки-онбординги, которые знакомят с функциями, но через какое-то время пропадают, чтобы не мешать.
Что необычного в рабочих интерфейсах с точки зрения редактора?
В том, что профессиональный пользователь будет его использовать как на этом видео. Успевает этот мужик читать? Как видите, ему это не нужно 😄
Тогда зачем вообще профессиональным продуктам текст?
Главным образом для обучения. Подсказки и объяснения нужны новичку. Как только работник становится опытным, подсказки уже не нужны и только отвлекают.
Отсюда интересный вывод: давать больше текста новичкам, и меньше — профессионалам.
🔹 Классический пример — горячие клавиши. Менюшки в фигме нужны для новичков, потому что про-дизайнеры почти всё делают хоткеями. Если профи и заходят внутрь, то на уровне моторики помнят, куда жать — текст им особо не нужен.
🔹 Другое решение — подсказки-онбординги, которые знакомят с функциями, но через какое-то время пропадают, чтобы не мешать.
👍37🔥12😁8❤1
Forwarded from Markswebb Channel
📚Книг по UX не так-то много, на русском языке — еще меньше. На них давно написаны подробные рецензии, и даже новички в этой сфере быстро справляются со всей доступной литературой.
А что читать потом, чтобы улучшить свои профессиональные навыки?
Мы решили составить свой список литературы от UX-экспертов.
В него вошли книги, в которых нет ни слова про пользовательский опыт, но они могут помочь работать с данными и людьми, разбираться в процессах, дизайне и сложных связях явлений и событий.
В карточках, что рекомендуют эксперты Markswebb и наши друзья:
•Редач
•Плавучая редакция
•UX Horn
•UXResearch
•Uxchat.live
•Автор тематических социальных медиа Кирилл Олейниченко
А что читать потом, чтобы улучшить свои профессиональные навыки?
Мы решили составить свой список литературы от UX-экспертов.
В него вошли книги, в которых нет ни слова про пользовательский опыт, но они могут помочь работать с данными и людьми, разбираться в процессах, дизайне и сложных связях явлений и событий.
В карточках, что рекомендуют эксперты Markswebb и наши друзья:
•Редач
•Плавучая редакция
•UX Horn
•UXResearch
•Uxchat.live
•Автор тематических социальных медиа Кирилл Олейниченко
👍37🔥8❤2