Как правильно делать формы поиска

Написал Dmitry Sinkevich, 22-01-2015, 18:10, в UI, UX and usability

Сегодня редкий выпуск из серии, как надо делать. А именно, как надо делать формы поиска на ваших сайтах или блогах.
Учиться будем у aviasales.ru и рассмотрим небольшую эволюцию форм, которые стоят в блогах Лебедева И Варламова. Это самые популярные блоги, там очень много посетителей, а значит, стоят максимально эффективные формы.

Начнем с блога Артемия Лебедева.
Раньше форма выглядела так:

Довольно чистая форма, но 2 формы в одной, это проблема. Путаница неизбежна и как следствие падение конверсии. Поэтому форма претерпела следующие изменения:

Так как, добился поиск туров, старая версия формы превратилась бы в простыню, с тремя кнопками найти. Было принято, единственно возможное решение, по внедрению переключателей. Обязательно найдутся люди, которые их не заметят, и максимум запросов получит форма, которая будет на первом переключателе. Зато, сама форма стала идеально выверенной, с минимум полей. На данном этапе улучшить эту форму больше уже невозможно, она идеальна.

Теперь, блог Ильи Варламова.
Сначала в блоге стояла такая форма:

Как видите, переключатели там уже есть, но реализованы, они не очень хорошо. То, что возможно переключится на вторую вкладку, заметить только 1 и 10 посетителей, следовательно вторая вкладка не получить хорошей конверсии. Форма была замена на такую:

Как легко заметить, переключатель стал вполне заметен, а сама форма ужалась и стала стройной. В данном случае, форма так же была приведена к идеалу, больше улучшать просто нечего.