12 советов по разработке отличного процесса оформления

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

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

Вас могут заинтересовать следующие посты:

1. Не требуется регистрация в магазин

Ваши клиенты здесь, чтобы делать покупки, а не заполнять формы. Убедитесь, что регистрация осуществляется во время процесса оформления, а не раньше — и, конечно, не до посетителя места товаров в корзину. Формы регистрации являются барьерами, поскольку они требуют усилий и времени для заполнения.

Screenshot
Целевой требует учетной записи, но это только побудило после того, как вы готовы проверить.

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

2. Сообщите клиентам, если товар доступен

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

Overclockers
Overclockers предоставляет подробную информацию о запасах прямо со страниц листинга продукта.

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

3. Разрешить вашим клиентам легко изменить заказ

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

IconDock
IconDock гарантирует простое управление, чтобы изменить количество товара или удалить его.

Если кто-то хочет удалить товар или предметы из корзины, не заставляйте его вводить нулевую сумму; вместо этого, обеспечить «удалить» ссылку, которая будет удалить продукт из корзины и обеспечить изменение заказа быстро и легко.

4. Предоставлять пользователям поддержку в режиме реального времени

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

Dell
Магазин Dell предоставляет своим пользователям телефонных и чат-помощников. Если у пользователя возникли проблемы во время оформления, он может немедленно потребовать помощи и получить поддержку в течение нескольких минут. Это удобно, полезно и может увеличить коэффициентков.

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

5. Держите кнопку «Назад» полностью функциональной

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

Ticketmaster
Ticketmaster путается, когда вы пытаетесь вернуться.

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

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

Amazon определяет цвета и детали, например, мягкую обложку/хардбэк, ссылки на продукт, но не предоставляет миниатюрные изображения. Amazon
Oxfam
Oxfam показывает миниатюрные изображения каждого продукта для облегчения сканирования.

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

7. Обеспечить показатель прогресса

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

Apple показывает элегантный индикатор прогресса на своих страницах проверки. Apple

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

8. Держите интерфейс кассы простым

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

Страницы проверки Dell теряют навигацию продукта и фокусируются исключительно на процессе оформления заказа. Dell

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

9. Не вынимайте пользователя из процесса оформления чека

Важно, чтобы процесс оформления чека не прерывался, например, а переносили клиента на другую страницу. Вывести пользователя из процесса может вызвать две проблемы: 1) они могут запутаться в том, где они находятся, и даже потерять страницу оформления, закрыв вкладку или окно. 2) они могут отвлекаться и не завершить процесс.

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

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

10. Информировать пользователей о времени доставки

Покупки онлайн имеет один большой недостаток для покупок в стандартном «кирпич и миномет» магазин: вы должны ждать, чтобы получить ваши вещи. Для решения этой проблемы не забудьте сообщить своим клиентам, когда они могут ожидать, чтобы получить свою продукцию.

Amazon thank you
Apple Store корректирует оценки доставки с AJAX при настройке заказа.

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

11. Расскажите клиентам, что будет дальше

Хорошо, ваши клиенты выполнили заказ и нажали последнюю кнопку — так что же будет дальше? Завершить заказ с примечанием «Спасибо». Это просто быть вежливым и ваши клиенты уверены, чтобы оценить добрые слова.

Amazon thank you
Amazon благодарит вас за размещение заказа и информирует вас о дальнейших действиях.

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

12. Отправить подтверждение электронной почты

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

Amazon email confirmation
Amazon отправляет вам по электронной почте после того, как вы проверили, чтобы подтвердить детали, а также объяснить, как вы можете изменить его, прежде чем он отправлен.

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

Shopcomposition
Shopcomposition использует элегантный и минималистский дизайн кассы.
Inkd
Страницы проверки Inkd чисты и просты.
Atebits
Красивая страница выезда в Atebits.
Threadless
Threadless делает все ясно, предоставляя много информации.
Swarovski
Swarovski ясно показывает, на каком этапе процесса вы находитесь с большим баром прогресса в верхней части.
Openmoko
Openmoko простой 2 страницы выезда.
Sofa
Диван на одной странице кассы.
Panic Coda
Паника красивая страница одной страницы выезда для их редактора Coda.

В заключение …

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

Вас могут заинтересовать следующие посты:

Источник: smashingmagazine.com

Великолепный Журнал

Великолепный, сокрушительный, разящий (см. перевод smashing) независимый журнал о веб-разработке. Основан в 2006 году в Германии. Имеет няшный дизайн и кучу крутых авторов, которых читают 2 млн человек в месяц.

Добавить комментарий

%d такие блоггеры, как: