Хороший пользовательский интерфейс — это тот, на который посетитель не обращает внимания. Когда все элементы находятся там, где он ожидает, а вся информация доступна сразу. Поэтому покупка в современном интернет-магазине должна быть быстрой и легкой. В нашем последнем обновлении мы переработали пользовательский интерфейс, чтобы сократить путь к покупке. В 1.8.0 реализовали:
- Новый вид страницы оформления заказа и корзины, чтобы клиенту было легче совершить покупку.
- Уведомление о добавлении товара в корзину для большей наглядности.
- Большую кнопку «Быстрый просмотр», чтобы клиент ее не пропустил.
- Иконки разделов каталога в мобильной версии для удобной навигации.
- Индикатор прокрутки страницы.
[spoiler]
Новый вид страницы оформления заказа.
Оформление заказа — последний этап продажи, на нем клиент уже мысленно согласился на условия, осталось лишь ввести данные. Терять покупателей на этой стадии обиднее всего, особенно из-за неудобного интерфейса.
Как выглядела страница в предыдущей версии: раскрытая форма оформления с набором полей и блоков, как в шаблоне 1С-Битрикс. Увы, мы не удержались и сделали страницу компактнее и проще. Ведь чем удобнее оформление заказа, тем выше конверсия.
После заполнения блок автоматически сворачивается и отображает только выбранную информацию. Так страница остается компактной и легкой. Внимание покупателя переключится на то, что осталось заполнить.
Мы сделали форму оформления заказа универсальной. Даже если у вас крупный интернет-магазин, страница останется компактной, несмотря на множество опций и описаний. Если у вашего проекта один способ доставки — он выберется автоматически. Блок выбора способа оплаты не будет на странице, если у вас есть только один вариант. Эта информация заполнится в боковой колонке. Над кнопкой «Оформить заказ» теперь расположена краткая информация о заказе. Так пользователь может убедиться, что указал все пункты правильно без прокрутки страницы. Читайте в документации, .
Уведомление о добавлении товара в корзину.
При добавлении нового товара в корзину в верхнем правом углу появится соответствующее уведомление. Это делает процесс покупки более наглядным. Четкая обратная связь располагает посетителя больше доверять магазину. Уведомление кликабельное — если на него нажать, откроется корзина. .
Большая кнопка «Быстрый просмотр».
«Быстрый просмотр» — классная функция, которая помогает легко осмотреть товар прямо в каталоге. Она была бы еще лучше, если бы ей пользовались все. Для некоторых пользователей не было очевидно, для чего нужна кнопка с глазом.
Индикатор прокрутки страницы.
Теперь в фиксированной шапке любой страницы может отображаться полоса прокрутки. Она отображает, как далеко пользователь проскроллил блог или раздел каталога. Это особенно удобно при просмотре длинных страниц с мобильных устройств. Сделайте чтение статьи или описания товара удобнее для пользователя. Рассказали в документации, .
Иконки категорий в мобильной версии.
Появилась возможность добавить иконки категорий в мобильную версию каталога. Они наглядны и помогают с навигацией по разделам. Выглядит это так:
Просмотр введенного пароля.
Пользователь может проверить пароль перед окончательным вводом. Иконка в поле «Пароль» отобразит символы, скрытые за точками.
Активная лицензия позволит вам получать доступ к регулярным обновлениям и услугам нашей техподдержки. Обновляйте функционал решения для стремительного продвижения бизнеса.
Важно!
Не забудьте создать резервную копию вашего сайта. , чтобы грамотно установить обновление.
Запускайте интернет-магазин с выгодой!
- .
- .
- .
и соцсетях, чтобы не пропустить новые полезные статьи.
