Помогите ввести код
Людям сложно вводить код верификации. И это нормально — мы вообще не обязаны уметь это делать. Вдумайтесь — мы предлагаем пользователю побыть в роли 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