Легкость формы: создаем мобильную версию сайта

Легкость формы: создаем мобильную версию сайта

В прошедшем сезоне часть запросов со смартфонов по денежной тематике в поиске Гугл в Российской Федерации превысила 33%, а вместе с планшетами — 43%. Пользователи мобильных устройств все чаще не только ищут через них данные, но и переводят деньги, оплачивают услуги, погашают кредиты.

На этом фоне высокий уровень и удобство адаптированности интернет-сервисов и ресурсов денежных организаций для мобильных устройств становятся все более актуальными.

В 2014 году Гугл совместно с компанией AnswerLab совершил изучение фокус-группы, складывающейся из 119 участников, обитателей Чикаго и Сан-Франциско. На протяжении опыта нужно было оценить удобство мобильных предположений сайтов разной тематики: туризм, финансы, развлечения, банковские порталы и другие. В следствии были подготовлены советы для денежных организаций по созданию сайтов для мобильных устройств.

Подойдите к созданию мобильной версии как к полноценному проекту

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

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

Не пугайте пользователя громадным числом информации

Облегчите пользователю ориентацию на мобильной версии сайта — добавьте поиск. Сделайте его заметным и эргономичным: оптимальнее разместите его в виде строчка с основным знаком в виде «лупы» в верхней части страницы.

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

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

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

Опыт: Банк «Восточный экспресс» создал мобильную версию, основная страница которого состоит только из кнопки «Подать заявку на кредит» и шести пунктов меню. Наряду с этим форма заявки включает всего пять несложных шагов. В следствии конверсия мобильного сайта выросла и приблизилась к компьютерной версии и, с учетом более дешевизне переходов, заявки с мобильных устройств стоили банку на 15% дешевле, чем с компьютеров.

Учитывайте техническую специфику устройств

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

Навигация на сайте — еще один ответственный вопрос. Взяв ответы на необходимые вопросы, пользователь довольно часто возвращается на основную страницу для работы с другим блоком сайта. Многие ожидают, что для этого достаточно надавить на логотип в верхней части экрана. Отсутствие этого функционала может разочаровать пользователя.

Наряду с этим выполнять более сложные манипуляции для ответа данной задачи визитёры сайта значительно чаще не готовы.

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

В случае если же пользователю необходимо ввести лишь цифры (к примеру, при заполнении номера банковской карты, номера СНИЛС и т. д.), то имеет суть ограничиться только цифровой клавиатурой.

Доступ к своевременной помощи

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

Помогите пользователю оперативно исправлять эти и наслаждаться от работы с интерфейсом.

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

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

Опыт: Часть поисковых запросов с мобильных устройств по тематике автострахования в 2014 году составила 32%. Следуя за пожеланиями пользователей, компания «Ренессанс-страхование» сделала мобильную версию сайта. В нее была интегрирована эргономичная форма запроса звонка от оператора страховой либо же независимого звонка. Функционал дешёв на любой из страниц мобильной версии.

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

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

Мобильная версия сайта. Адаптируем сайт для мобильных устройств

Интересные записи

Похожие статьи, которые вам, наверника будут интересны: