Помогите ввести код
Людям сложно вводить код верификации. И это нормально — мы вообще не обязаны уметь это делать. Вдумайтесь — мы предлагаем пользователю побыть в роли 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
Система обозначений для драфта
Фигма — это конечно здорово, но иногда хочется накидать драфт просто в текстовом редакторе. Чтобы быстро и легко попробовать множество вариантов и не заморачиваться с интерфейсом. Или кинуть коллеге и сразу обсудить, а то и редактировать прямо в телеге.
И вот тут может понадобиться система обозначений: где у нас заголовок, где кнопки, где ссылки и т. д.
Вот моя система условных обозначений. Предельно простая, но тем и хороша. Все, с кем я работаю, быстро привыкают и начинают обозначать так же:
Заголовок
Обычный текст
- Элемент списка
[Кнопка]
{медиа: картинка или видео}
Ссылка
комментарии, которые не учитываются
P. S. какое-то время пытался использовать маркдаун, но его система обозначений слишком сложна в исходном виде. Плохо подходит для быстрой визуализации и сложнее скопировать сам текст. Но если знаете какие-то крутые способы — поделитесь 👍
Фигма — это конечно здорово, но иногда хочется накидать драфт просто в текстовом редакторе. Чтобы быстро и легко попробовать множество вариантов и не заморачиваться с интерфейсом. Или кинуть коллеге и сразу обсудить, а то и редактировать прямо в телеге.
И вот тут может понадобиться система обозначений: где у нас заголовок, где кнопки, где ссылки и т. д.
Вот моя система условных обозначений. Предельно простая, но тем и хороша. Все, с кем я работаю, быстро привыкают и начинают обозначать так же:
Заголовок
Обычный текст
- Элемент списка
[Кнопка]
{медиа: картинка или видео}
Ссылка
комментарии, которые не учитываются
P. S. какое-то время пытался использовать маркдаун, но его система обозначений слишком сложна в исходном виде. Плохо подходит для быстрой визуализации и сложнее скопировать сам текст. Но если знаете какие-то крутые способы — поделитесь 👍
Не обобщайте
#совет
В настольной игре Экивоки есть такое задание: объяснить слово, заменяя все существительные на «вещи» и «существа». Получается что-то такое:
Это вещь, которую одни существа покупают другим существам, чтобы эти существа не царапали вещи в вашей вещи(когтеточка для кошек) .
С точки зрения логики всё ок, просто перешли к обобщающим категориям: к живым и неживым объектам. Но понять смысл можно только по глаголам и связкам.
Когда вы злоупотребляете обобщениями в интерфейсе, вы играете с пользователями в Экивоки:
🟣 Людям плохо даются обобщения. Вам кажется, что категория «Бытовая техника» будет удобнее, чем «Холодильники, духовки, стиралки», а пользователи почему-то ищут холодильник в разделе «Для дома и дачи».
🟣 Обобщения — это лишняя мыслительная и креативная работа, к которой могут быть не готовы даже люди с высоким IQ. Пакет молока легко представить. Товар — сложнее, уже нужно включать воображение. Если человек спешит, он неправильно решит вашу загадку.
🟣 С каждым лишним обобщением мы жертвуем удобством ради логики — и получаем канцелярит. Менеджер почтового сервиса говорит дизайнеру: «Зачем нам разные страницы для посылок и писем? Давай посылки и письма называть одним словом „Отправление“». И совершает ошибку. Категория «отправление» существует только для работников почты, а в мире пользователей есть только письма и посылки.
Если вам нужно ввести обобщающее слово, сразу раскройте его примерами. Или вообще используйте одни только примеры — никто не умрёт.
Продолжить ряд в голове проще, чем вспоминать, что там входит в эту непонятную категорию.
#совет
В настольной игре Экивоки есть такое задание: объяснить слово, заменяя все существительные на «вещи» и «существа». Получается что-то такое:
Это вещь, которую одни существа покупают другим существам, чтобы эти существа не царапали вещи в вашей вещи
С точки зрения логики всё ок, просто перешли к обобщающим категориям: к живым и неживым объектам. Но понять смысл можно только по глаголам и связкам.
Когда вы злоупотребляете обобщениями в интерфейсе, вы играете с пользователями в Экивоки:
Если вам нужно ввести обобщающее слово, сразу раскройте его примерами. Или вообще используйте одни только примеры — никто не умрёт.
Продолжить ряд в голове проще, чем вспоминать, что там входит в эту непонятную категорию.
Please open Telegram to view this post
VIEW IN TELEGRAM
Проверятор пушей
#инструменты
Оказывается, у Додо есть сервис по предпросмотру пушей на разных устройствах. Можно даже загрузить лого своего продукта и делать правдоподобные скриншоты пушей для своих ребятушек. Лайк!
#инструменты
Оказывается, у Додо есть сервис по предпросмотру пушей на разных устройствах. Можно даже загрузить лого своего продукта и делать правдоподобные скриншоты пушей для своих ребятушек. Лайк!
Всё о пустых состояниях
#рекомендация
Прислали почитать гайд по ошибкам и эмпти стейтам от UX-редактора Озона Киры Калимулиной. С чистой совестью пересылаю вам, потому что годнота.
Дотошный и занимательный разбор, какие состояния бывают, как о них писать, чем помочь попавшему в «Ничего не нашлось» пользователю. Много примеров из озоновских интерфейсов. Очень круто 👍
#рекомендация
Прислали почитать гайд по ошибкам и эмпти стейтам от UX-редактора Озона Киры Калимулиной. С чистой совестью пересылаю вам, потому что годнота.
Дотошный и занимательный разбор, какие состояния бывают, как о них писать, чем помочь попавшему в «Ничего не нашлось» пользователю. Много примеров из озоновских интерфейсов. Очень круто 👍
Редполитика по редполитике
#совет
Первый клиент новой редполитики и tone of voice — сам текст редполитики и tone of voice.
Бесполезно писать «мы помогаем пользователю быстро найти нужное», если в редполитике простыня текста без заголовков и выделения инфы.
Нет смысла в пункте «придерживаемся разговорного стиля и допускаем лёгкий юмор», когда само это руководство — кондовая скукотища без намёка на разговор и юмор.
В это просто никто не поверит.
Начали писать гайд? Бум! С этого момента всё имеет значение: стиль, структура, примеры, отношение к читателю. Осознанно или нет, но мы считаем всё содержимое гайда за образец.
Проверьте, чтобы гайд по контенту соответствовал самому себе.
#совет
Первый клиент новой редполитики и tone of voice — сам текст редполитики и tone of voice.
Бесполезно писать «мы помогаем пользователю быстро найти нужное», если в редполитике простыня текста без заголовков и выделения инфы.
Нет смысла в пункте «придерживаемся разговорного стиля и допускаем лёгкий юмор», когда само это руководство — кондовая скукотища без намёка на разговор и юмор.
В это просто никто не поверит.
Начали писать гайд? Бум! С этого момента всё имеет значение: стиль, структура, примеры, отношение к читателю. Осознанно или нет, но мы считаем всё содержимое гайда за образец.
Проверьте, чтобы гайд по контенту соответствовал самому себе.
This media is not supported in your browser
VIEW IN TELEGRAM
Текст в профессиональном софте
Что необычного в рабочих интерфейсах с точки зрения редактора?
В том, что профессиональный пользователь будет его использовать как на этом видео. Успевает этот мужик читать? Как видите, ему это не нужно 😄
Тогда зачем вообще профессиональным продуктам текст?
Главным образом для обучения. Подсказки и объяснения нужны новичку. Как только работник становится опытным, подсказки уже не нужны и только отвлекают.
Отсюда интересный вывод: давать больше текста новичкам, и меньше — профессионалам.
🔹 Классический пример — горячие клавиши. Менюшки в фигме нужны для новичков, потому что про-дизайнеры почти всё делают хоткеями. Если профи и заходят внутрь, то на уровне моторики помнят, куда жать — текст им особо не нужен.
🔹 Другое решение — подсказки-онбординги, которые знакомят с функциями, но через какое-то время пропадают, чтобы не мешать.
Что необычного в рабочих интерфейсах с точки зрения редактора?
В том, что профессиональный пользователь будет его использовать как на этом видео. Успевает этот мужик читать? Как видите, ему это не нужно 😄
Тогда зачем вообще профессиональным продуктам текст?
Главным образом для обучения. Подсказки и объяснения нужны новичку. Как только работник становится опытным, подсказки уже не нужны и только отвлекают.
Отсюда интересный вывод: давать больше текста новичкам, и меньше — профессионалам.
🔹 Классический пример — горячие клавиши. Менюшки в фигме нужны для новичков, потому что про-дизайнеры почти всё делают хоткеями. Если профи и заходят внутрь, то на уровне моторики помнят, куда жать — текст им особо не нужен.
🔹 Другое решение — подсказки-онбординги, которые знакомят с функциями, но через какое-то время пропадают, чтобы не мешать.
Forwarded from Markswebb Channel
📚Книг по UX не так-то много, на русском языке — еще меньше. На них давно написаны подробные рецензии, и даже новички в этой сфере быстро справляются со всей доступной литературой.
А что читать потом, чтобы улучшить свои профессиональные навыки?
Мы решили составить свой список литературы от UX-экспертов.
В него вошли книги, в которых нет ни слова про пользовательский опыт, но они могут помочь работать с данными и людьми, разбираться в процессах, дизайне и сложных связях явлений и событий.
В карточках, что рекомендуют эксперты Markswebb и наши друзья:
•Редач
•Плавучая редакция
•UX Horn
•UXResearch
•Uxchat.live
•Автор тематических социальных медиа Кирилл Олейниченко
А что читать потом, чтобы улучшить свои профессиональные навыки?
Мы решили составить свой список литературы от UX-экспертов.
В него вошли книги, в которых нет ни слова про пользовательский опыт, но они могут помочь работать с данными и людьми, разбираться в процессах, дизайне и сложных связях явлений и событий.
В карточках, что рекомендуют эксперты Markswebb и наши друзья:
•Редач
•Плавучая редакция
•UX Horn
•UXResearch
•Uxchat.live
•Автор тематических социальных медиа Кирилл Олейниченко
Плавучая редакция
📚Книг по UX не так-то много, на русском языке — еще меньше. На них давно написаны подробные рецензии, и даже новички в этой сфере быстро справляются со всей доступной литературой. А что читать потом, чтобы улучшить свои профессиональные навыки? Мы решили…
Поучаствовал в рекомендациях книг, которые не про UX, но могут дать полезные навыки юиксерам👌
А что вы читаете сейчас? Давайте ваши рекомендации — потом сделаю отдельный пост.
А что вы читаете сейчас? Давайте ваши рекомендации — потом сделаю отдельный пост.
Как приоритизировать UX-текст
Заказчик: вот такой сервис, посмотри, что можно поправить.
Сервис: переписывай меня полностью, слышишь? Полностью.
Хорошо, но с чего начинать переписывать? По порядку, слева-направо и сверху вниз? А если в начале только мелочи, а крупные косяки, на которых теряем пользователей, закопаны глубже?
Не всегда будет тот, кто расставит приоритеты за вас. Например:
— Наниматель сам пока недостаточно понимает задачи UX-редактора.
— Вы проводите текстовый аудит.
— Вам дали полную свободу действий.
Рассказал, какие фреймворки приоритизации применяю в таких случаях, — на бусти и патреоне
Заказчик: вот такой сервис, посмотри, что можно поправить.
Сервис: переписывай меня полностью, слышишь? Полностью.
Хорошо, но с чего начинать переписывать? По порядку, слева-направо и сверху вниз? А если в начале только мелочи, а крупные косяки, на которых теряем пользователей, закопаны глубже?
Не всегда будет тот, кто расставит приоритеты за вас. Например:
— Наниматель сам пока недостаточно понимает задачи UX-редактора.
— Вы проводите текстовый аудит.
— Вам дали полную свободу действий.
Рассказал, какие фреймворки приоритизации применяю в таких случаях, — на бусти и патреоне