[Юзабилити] Что лучше размещать на первом экране?

Question

[Артём]

Стоит выбор между кнопкой и формой заказа. Форма заказа не маленькая: телефон, мэйл, имя, загрузка и еще 2 пункта.
Так что лучше кнопка с модальным окном формы или просто форма? А/В тесты провести нет возможности. Кто что может посоветовать что нужно размещать на первом экране для продажи настраиваемого товара?

Comments

[Сергей Протько]

мокапы есть?

[Артём]

Сергей Протько: есть кое что получше 4dekor.com.ua

[Сергей Протько]

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

[ThunderCat]

Артём: поправьте плс, на сайте "чернила от всемирно известного японского бренда Hewlett Packard", а то я чаем поперхнулся, а может кто еще и печеньку на этом месте начнет кушать...

[Артём]

ThunderCat: ха, спасибо за замечании будем исправлять, но хоть не китайского)

[Яков Е]

ThunderCat: "СОВРЕММЕННАЯ ПЕЧАТЬ ФОТО НА ХОЛСТЕ" ннада?

[ThunderCat]

да, вычитка не помешала бы... ну, это еще свежий продукт, только с грядки, не помытый ) Обкатают надеюсь, в целом неплохо ведь.

Answer 1

[Zhainar]

Знаете что было бы хорошо, человек загружает фотку и сразу видит результат работы: на стене (бекграунд тоже можно сделать разный - спальная, гостиная, кухня) висит картина с его изображением и в зависимости от параметров (модульная, не модульная, размеры) видит как это будет выглядеть в реальности. Убрать в форме либо телефон, либо емайл - люди врятле захотят давать свои контакты кому-попало. Убрать ошибки required и так понятно что поля не просто так стоят. Верхняя часть сайта еще неприятно дергается при скроле. Вместо текста "ПОЧЕМУ ВЫБИРАЮТ ИМЕННО НАС" можно сразу "Мы любим своих клиентов", на мой взгляд более сильное заявление. Кнопка оплатить непонятно что делает.

Comments

[Артём]

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

Answer 2

[Нерон Лордов]

С точки зрения эстетики - лучше большая кнопка чем большая форма.

С точки зрения удобства покупателя - если нужно вводить телефон, то почему бы не свести всю форму к этому одному полю и просто перезванивать покупателю?

С точки зрения юзабилити (если нельзя изменить сервис, как описано выше) - лучше форма, разбитая на шаги (визард, как описал @Fesor). А вокруг нее уже дизайн как-то закручивать, чтоб не усложнить экран.

Comments

[Артём]

Спасибо за советы, но как я понял без а,б теста нам не обойтись

Answer 3

[Zuzka]

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