В обратной связи к каналу дали дельный совет: поднимай иногда старые посты. Аудитория выросла, сменилась — прежние посты будут актуальны.

Поднял пост про хорошие правила формы регистрации. Смотрите, какой стишок-пирожок с Арни я насочинял полтора года назад.
А комментарии помогут развить пост :)


UX-основы формы регистрации

👉 По каждому полю на форме регистрации задайте себе вопрос: нужна ли мне эта информация именно при регистрации. Все поля должны быть обязательными — не обязательные запрашивайте потом их всё равно не заполнят.

👉 Дайте возможность зарегистрироваться с помощью соцсетей и почтовых сервисов. Через соцсети можно сделать регистрацию с одновременным входом, а можно забрать данные из профиля пользователя и использовать их как регистрационные, сохранив связку с аккаунтом в соцсети.
Помните, что человек может не иметь аккаунта в соцсетях, но почта в Яндексе, mail или gmail у него скорее всего есть — все эти почтовики позволяют входить через них.

👉 Не дробите процесс регистрации на подпроцессы. Например, если возможно — не требуйте сразу подтверждать телефон. Подтверждение телефона можно вынести как отдельную незавершённую задачу в личный кабинет или запросить перед первым значимым действием в личном кабинете.

👉 Не просите вводить два раза пароль. Сделайте "глаз" в поле с паролем, чтобы пользователь мог видеть, что вводит. Можно и вовсе сразу открыть — никто за спиной не стоит.

👉 Требования к паролю выведите сразу и чекайте по мере их выполнения.

👉 Для рунета: предупредите пользователя, что он указывает пароль кирилицей — наверняка, случайно.

👉 Не используйте капчу. Альтернатива — невидимое поле на форме регистрации: человек его не заполняет, а роботы заполняют.
UPD 2021: Или reCAPCHA актуальная, которая не просит символы, а проверяет трафик (на форму не выводится).

👉 Если регистрация имеет процесс — опишите его сразу. Например, есть модерация или несколько шагов. Сюрпризы с допшагами — это чёрный UX.

👉 Осторожнее с регистрацией в модальном окне, исчезающем при клике за его пределами. Бесит, когда случайно нажмёшь за ним — особенно, если при этом данные исчезают.

👉 Форма регистрации должна открываться по отдельной ссылке. Так лучше для продвижения и поддержки: например, можно ссылку отправить на страницу регистрации.

👉 Автоматически логиньте пользователя после завершения регистрации.

#UX из давно опубликованного

Неплохие тезисы с примерами о том, почему раздел "о компании" на сайте нельзя недооценивать

Как сетка ухудшила UX

Делюсь недавним негативным опытом, как я использовал 12-колонную сетку на проекте системы управления контентом. Я не продумал некоторых нюансов, что ухудшило опыт моих пользователей. В конце рассказываю, как исправил ситуацию.

slashdesigner.ru/grid-ux-fail

Спойлер: если при проектировании системы ориентироваться только на большие экраны (1920), и не брать в расчёт средние на 1280, 12-колонник, разделённый на 3 блока, может слишком сильно жать контент по ширине. Поэтому, на 1280 стоит избегать деления на 3 колонки, если в одной из них происходит что-то важное.

Выводы:

1. Потребности всегда важнее визуального, а контент важнее оформления.

2. Постоянный хороший контакт с моими пользователями позволил сэкономить на формализованных исследованиях.

3. Всегда стоит начинать проектировать от меньшей ширины к большей. Для админок стандарт ширины — 1280.

А какой интересный опыт работы с сетками был у тебя? Расскажи в комментариях.

—
#для_профи #сетка

зачем и почему #eyetracking #ux

Текст и фронтенд

В воскресенье 7 марта в 20:00 будем с Сашей Шепардом записывать выпуск подкаста «Ленивый фронтендер» про UX-редактуру. Подключайтесь, задавайте вопросы в чате, будем отвечать.

Ссылочка заранее — youtu.be/L6TIixGeTEs

https://t.me/pimpmypaywall классный канал, где собирают онбоардинг с подпиской для приложух (но мы то всё понимаем) :)