Улучшение мобильной кассы - почему вам следует отключить автозамену iPhone
Опубликовано: 2021-08-19Одна из причин, по которой начинающие предприниматели не решаются открыть интернет-магазин, заключается в том, что они опасаются поддержки клиентов.
Стив, мне нужно будет установить линию поддержки для своего магазина? Я бы предпочел не иметь дело с клиентами напрямую по телефону. Могу я просто указать адрес электронной почты и позвонить в день?
Хотя необходимость иметь дело с неудобствами поддержки по телефону, безусловно, вызывает серьезную озабоченность, я совсем не боюсь поддержки клиентов. Фактически, я принимаю это. И если бы я мог дозвониться до каждого клиента, я бы это сделал .
Почему? Потому что хорошее всегда случается, когда я говорю с покупателем напрямую. Мало того, что шансы на конвертацию продажи резко увеличились , звонки клиентов привели к исправлению многих серьезных ошибок на моем веб-сайте.
Сегодня я хочу поделиться с вами смертельной ошибкой на моем мобильном сайте, которая уже почти год отталкивает клиентов!
Подсказка: это включает в себя мобильную кассу и автозамену iPhone!
Получите мой бесплатный мини-курс о том, как создать успешный магазин электронной коммерции
Если вы заинтересованы в запуске бизнеса в сфере электронной коммерции, я собрал исчерпывающий пакет ресурсов , который поможет вам запустить собственный интернет-магазин с нуля. Обязательно возьмите его перед отъездом!
Черт возьми, автозамена!
Однажды я просто преследовал покупателя в сети, когда заметил очень странное поведение. У этого человека была тонна товаров в корзине, но он продолжал переходить между двумя страницами веб-сайта.
В какой-то момент они оказывались на странице оформления заказа, а затем возвращались на страницу корзины покупок, а затем снова на страницу оплаты… снова и снова. Фактически, этот необъяснимый шаблон веб-серфинга продолжался около 10 минут.
При нормальных обстоятельствах я бы сразу позвонил этому человеку, но у меня еще не было его информации, потому что он не заполнил первую страницу оформления заказа. Так что все, что я мог сделать, это ждать.
И хотя я не мог видеть лица покупателя, я мог сказать, что он расстроился, и что мы, вероятно, проиграем сделку.
К счастью, покупательница наконец решила позвонить нам по телефону, чтобы разместить заказ онлайн.
Жена: Нам очень жаль. Чем я могу помочь вам?
Клиент: Мой сын сказал мне, что покупка на моем iPhone должна быть простой и понятной, но, хоть убей, я не могу оформить заказ на вашем сайте.
Жена: Буду рада принять ваш заказ по телефону.
Клиент: Большое спасибо. У меня это уже было здесь. Этот дурацкий телефон не давал мне правильно ввести мой город и адрес электронной почты !!! И я так расстраивался, что мне захотелось швырнуть телефон через всю комнату.
Жена: Нам очень жаль. Не могли бы вы описать мне вашу конкретную проблему, чтобы мы знали?
Оказывается, эта милая дама жила в городке под названием «Саутборо». Но ее iPhone не позволял ей правильно войти в свой город, потому что он продолжал превращать Саутборо в «Южный район» .
Ее IPhone подумал, что делает ей одолжение, исправляя печатание, но не позволял ей правильно войти в свой город.
Решение проблемы автозамены
Конечно же, когда я попытался войти в «Саутборо» на iPhone моей жены, он также продолжал пытаться автоматически исправить город. И, как и эта женщина, я немного расстраивался из-за того, что потребовалось так много усилий, чтобы заставить телефон правильно регистрировать мой набор текста.
Проведя небольшое исследование в Интернете, выяснилось, что у меня был серьезный недостаток в дизайне моего мобильного сайта. Чтобы веб-браузер не мешал вводить данные пользователем, вы должны отключить автоматическое исправление во всех формах для смартфонов и планшетов.
К счастью, отключить автокоррекцию оказалось несложно…
Для всех ваших форм вам просто нужно добавить следующий тег во все поля ввода текста.
И для хорошей меры вы также должны отключить автоматическое добавление заглавных букв и автозаполнение , добавив auto-capitalization = «off» и auto-complete = «off» во все ваши формы.
После того, как я внес эти изменения, оказалось очень просто ввести правильный адрес. Нам повезло, что этот клиент решил позвонить, потому что я, вероятно, не подумал бы об этой потенциальной проблеме.
И хотя я очень тщательно протестировал наш мобильный сайт, я не подумал проверить имена и формы, которые iPhone будет пытаться исправить автоматически.
Делаем телефонные номера интерактивными
После этого фиаско с клиентом я решил провести более тщательный анализ своих мобильных веб-форм, уделив особое внимание удобству использования, и вот что я сделал.
Во-первых, и это всего лишь догадка, но я считаю, что мы наверняка потеряли бы этого клиента, если бы наш номер телефона не отображался на видном месте в нижнем колонтитуле нашего мобильного веб-сайта .
Но мне действительно повезло, и вот почему. Android и iOS отлично справляются с задачей автоматического создания интерактивных номеров телефонов по умолчанию.
Но поскольку я на самом деле не писал никакого кода, чтобы явно сделать номер интерактивным, наш номер для звонка по щелчку может не работать на всех телефонах .
В общем, лучше проявить осторожность и не полагаться на автоматическое обнаружение, поэтому вот код, чтобы сделать телефонные номера интерактивными на телефоне.
Во-первых, вы хотите отключить любое автоматическое обнаружение, которое уже предлагает телефон, потому что вы хотите, чтобы ОС не делала случайные числа случайными щелчками.
Затем вы хотите превратить свой номер телефона в ссылку
Сделать ввод формы еще проще
Еще одна вещь, которую я заметил, пытаясь разместить заказ, - это то, что вводить номер телефона было немного неудобно . Поскольку моя стандартная телефонная клавиатура помещает все цифры в верхний ряд моего телефона, очень легко сделать ошибку при наборе текста.
К счастью, есть несколько конструкций HTML5, которые упрощают ввод чисел.
Добавив следующие теги в поле ввода телефона, вы можете заставить определенные телефоны (в первую очередь IPhone) использовать клавиатуру телефона вместо стандартной клавиатуры при вводе чисел.
Добавление этих тегов в поля ввода номера телефона приведет к появлению всплывающей цифровой клавиатуры, что значительно упростит ввод номера.
Заключение
Что касается удобства использования мобильных телефонов и планшетов, мне явно нужно многому научиться :) Но теперь, когда я больше осведомлен о потенциальных проблемах, я могу лучше выявлять ошибки и проблемы с нашим дизайном.
Но если есть урок, который нужно извлечь, всегда стоит поговорить с клиентами и спросить их мнение об удобстве использования. В конце концов, это они оплачивают счета, и в ваших интересах, чтобы у них был максимально удобный процесс покупок.
Удачи в вашем магазине!