Почти каждый из нас вполне себе представить, зачем нужны подсказки в случае огромных массивов данных. Многие могут помыслить о подсказках во время толкания речи. Подсказки есть в учебниках, мануалах, исходниках (неважно – код это, или дизайн).

^[1]

Далеко не каждые разработчики могут себе представить ситуацию, когда подсказки должны быть на сайте, а когда их тут быть вообще не должно. Что они тут забыли-то?

Что я подразумеваю под «подсказками»? Не много, ни мало – подсказки. Для того, чтобы их использовать, писать, читать , совершенно не обязательно быть мастеровитым суфлером, оратором, и т.д., и т.п.

Эта статья будет разделена на несколько логических частей – для дизайнеров, для разработчиков и для обычных пользователей, которые считают подсказки откровенным трешем и «нафигаонотамнужно?» элементами. Причем считают они так до того, как ошибутся в вводе данных.
Вот только, когда (реальный случай!) подсказки были убраны с формы регистрации, и освободилось немного свободного пространства, под названием whitespace, на сайте очень сильно уменьшилась конвертеризация пользователей анонимных в их зарегистрированных собратьев. Почему? Это и постараемся сегодня выяснить.

Нафигаонотамнужно?

Подсказки очень важны с точки зрения удобства хотя бы потому, что они не заставляют пользователя искать способы связи с администраторами сайта, у которых и без этого немало дел. Вот только известно, что люди обращаются к подсказкам только тогда, когда у них что-либо не вышло сделать, а не, скажем, перед заполнением какого-то поля. Посмотрят лишь перед готовым воплем, «Какого хрена тебе нужно тупая железяка?!», и слава богу, что «перед», а никак не «после». Хотя не исключено, да…

Какая наша задача?

Задач несколько, и они разношерстны по результату.

1. Сделать так, чтобы пользователь обращал внимание на подсказки до возмущенных воплей. Это главная задача – избежать ненужных криков. Как обратить внимание? Показывать конкретную подсказку, для конкретного поля, и только во время заполнения оного. Чем обращает на себя внимание? Динамикой, красивой и грамотной. Можно применять некоторые плашки, фоны (см. первый рисунок). Рамку же лучше не применять отдельно от фона, да и с фоном её, опять же, лучше не применять. Линии сильно «загрязняют» дизайн и ухудшают восприятие «на глаз».
2. Оформить подсказку таким образом, чтобы она не выбивалась из дизайна, и в то же время привлекала к себе внимание. Это несложно, достаточно проявить толику сочувствия к дизайнеру, если дизайн делали не вы. Если же это ваш дизайн, то проблем возникнуть не должно.
3. Подчеркнуть то, что подсказка динамически меняется для каждого конкретного поля. В обратном случае мы получим еще более запутанного монстра, чем тот, который был в начале. Опять же – используйте плашки, чтобы подчеркнуть то, что подсказка относится к конкретному полю, и ни к чему другому. Для этого достаточно объединить единым фоном, и приблизить подсказку, для того, чтобы они воспринимались как единый объект, а не как два разных.
4. Уменьшить «загрязненность» страницы. Для этого все подсказки должны быть динамическими и показываться только при заполнении поля. В купе с предыдущим пунктом мы получим хороший инструмент воздействия на подсознания пользователя, да и привлечем внимание цветом и динамикой.
5. В случае неверного ввода данных подчеркнуть, что они не соответствуют подсказке. Тут всё довольно просто – нужно указать пользователю тот факт, что из-за того, что он не воспользовался подсказкой, его не пропустит валидация при окончании заполнения. Причем подчеркнуть этот факт нужно во время непосредственного ввода данных в поле.
6. Подчеркнуть, что всё введено верно. Аналогично предыдущему пункту.

Что получим?

Явно увеличится конвертеризация простых пользователей в полезных, с помощью всего нескольких действий – проверено. Увеличим лояльность будущих клиентов или зарегистрированных пользователей путем удовлетворения их потребностей в хорошем визуальном оформлении и отсутствии лишнего.

Тем временем

1. Юра Гугнин ^[2] размышляет о бизнесе и его системе.

2. Сергей Чаботько ^[3] освещает новости Байнета.

3. Футуриус ^[4] пробует себя в роли небезызвестного Дарвина.

4. Миша Квакин ^[5] пишет о рейтингах и своём отношении к ним.