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