Переверстка №3. Блок «Как стать клиентом» на сайте компании

[nobelfaik]

Павел пишет: Это блок «Как стать клиентом» на сайте компании. Судя по Яндекс.Метрике, на нем почти не останавливаются. Форму еще ни разу не заполнили. Связывались ли клиенты с фирмой по телефону или почте, неизвестно. Что же не так?

Comments

[s_plashchynski]

А подсказка формата ввода телефона не нужна?

[mr_bankin]

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

[s_plashchynski]

Да, в идеале. Но если не продемонстрировать приемлемый формат, то это может вызвать замешательство у пользователя. Что не очень хорошо.

[ext_1653568]

Замешательство? Что за бред. Просто будут писать как им удобно 89871234567 / 8 (987) 123-45-67 / +7 987 123-45-67. Если это так важно, то чтобы соблюсти формат можно прямо в инпукте сделать форматирование телефона http://robinherbots.github.io/jquery.inputmask/

[omelekhin]

Спасибо за переверстку!

Проверка формы сделана на экспромптуме, для которого телефонный номер - это 10 символов, не меньше. Если кто-то введет городской без кода города, то не поймет, почему кнопка не стала активной. Поэтому пришлось написать подсказку под полем для телефона.

И насчет имени. По-моему проще звонить человеку, имя которого уже знаешь. Я смотрел, как с формами «Стать клиентом» поступали студия Лебедева и бюро Горбунова. Они тоже ставят поле для имени.

[ext_1253559]

Подсказка о том, что номер телефона должен быть не менее 10 символов - это костыль, лучше от него избавиться. Более того, считаю, что пользователь может ввести в это поле любой набор символов, какой ему будет угодно. Проблема автоматической обработки номера - проблема хозяина сайта, часто она надумана.

Имя можно убрать, можно добавить. Мы с вами не можем однозначно утверждать, что конверсия формы с именем будет выше конверсии формы без имени. Более-менее однозначный ответ может дать A/B тест.

[omelekhin]

Если бы знал, как в экспромптуме уменьшить минимальное количество символов в поле телефона до 7, то с радостью это сделал.

[omelekhin]

Для телефона можно использовать маску. Это когда человек кликает по полю, а там уже появилась заготовка +7 (...) ... .. .. И он понимает, в каком формате надо ввести номер.

[nobelfaik]

Ребята, спасибо за комментарии, но вы немного отклонились от темы. У кого есть вопросы или комментарии про верстку?)

[mr_bankin]

Вопрос: как выбиралось расстояние между доп. телефонами и почтой?

[nobelfaik]

На глаз. Такое, чтобы разделить строку на две части и при этом сохранить ее цельность

[shugich]

Вопрос: Нужен ли вообще заголовок?

Содержимое блока не отвечает на вопрос «Как стать клиентом?». Это контактные данные и форма обратной связи. Номер телефона сам по себе является заголовком, всем понятно что это и зачем оно нужно.

И еще.

Можно ли сделать так или это не ок?
https://www.dropbox.com/s/1wu499gbvbljgz6/%D0%A1%D0%BA%D1%80%D0%B8%D0%BD%D1%88%D0%BE%D1%82%202015-06-01%2012.17.00.png?dl=0

[nobelfaik]

Нужен заголовок или нет, зависит от контекста.
Перенести электронную почту на отдельную строчку можно, а вот сдвигать блоки я бы не стал.

[razorfromrds]

Почему не стал бы сдвигать блоки?

[ext_929251]

Мне лично кажется, что заголовок в этом виде даже мешает. Вопрос в заголовке предполагает ответ в блоках, графическую рифму между ними, а её нет и она и не нужна-то особо, блоки и так отлично работают.

[cadmium700]

Спасибо за подробные, интересные рассказы процесса!

Один вопрос.
Расположение строки «Доп. телефоны...» не является ли нарушением правила внутреннего и внешнего по отношению к строке с номером телефона?
Тот же самый вопрос о расположении «Оставьте номер...» на плашке.

[nobelfaik]

Формально является: пробелы между цифрами больше, чем расстояние между строками. Но если сделать всё по правилам, то строка с доп. телефонами улетит слишком далеко - как в исходном варианте. Здесь группировка и компактность важнее.

Расстояния над и под строкой «Оставьте номер...» равны, поэтому правило не нарушено. Внутреннее ≤ внешнее.