Mobil Ödemeyi İyileştirme - Neden IPhone Otomatik Düzeltmeyi Kapatmalısınız?

Yayınlanan: 2021-08-19

Yeni girişimcilerin çevrimiçi mağaza açmakta tereddüt etmelerinin nedenlerinden biri, müşteri desteğinden korkmalarıdır.

Steve, dükkanım için bir destek hattı kurmam gerekecek mi? Müşterilerle doğrudan telefonla uğraşmak zorunda kalmamayı tercih ederim. Bir e-posta adresi koyup bir gün arayabilir miyim?

Telefon desteğinin verdiği rahatsızlıkla uğraşmak kesinlikle geçerli bir endişe olsa da, müşteri desteğinden hiç korkmuyorum. Daha doğrusu kucaklıyorum. Ve eğer her müşteriyi telefona alabilseydim, yapardım .

Niye ya? Çünkü bir müşteriyle doğrudan konuştuğumda her zaman iyi şeyler oluyor. Bir satışı dönüştürme şansı büyük ölçüde artmakla kalmıyor, aynı zamanda müşteri aramaları web sitem için birçok önemli hata düzeltmesiyle sonuçlandı.

Bugün, sizinle neredeyse bir yıldır müşterileri uzaklaştıran mobil sitemdeki öldürücü bir hatayı paylaşmak istiyorum!

İpucu: Mobil ödeme ve iPhone otomatik düzeltmeyi içerir!

Başarılı Bir E-Ticaret Mağazasını Nasıl Başlatacağınıza Dair Ücretsiz Mini Kursumu Alın

Bir e-ticaret işletmesi kurmakla ilgileniyorsanız , kendi çevrimiçi mağazanızı tamamen sıfırdan başlatmanıza yardımcı olacak kapsamlı bir kaynak paketi hazırladım. Gitmeden önce mutlaka alın!

İçindekiler

Lanet olsun Otomatik Düzeltme!

Improving Mobile Checkout - Why You Should Turn Off IPhone AutoCorrect

Bir gün, çok garip bir davranış fark ettiğimde internette bir müşteriyi takip ediyordum. Bu kişinin alışveriş sepetinde bir ton ürün vardı ama web sitesinde 2 sayfa arasında gidip geliyordu.

Bir an ödeme sayfasında olacaklardı ve sonra alışveriş sepeti sayfasına ve ardından ödeme sayfasına geri döneceklerdi…tekrar tekrar. Aslında, bu açıklanamayan web sörfü modeli yaklaşık 10 dakika boyunca devam etti.

Şimdi normal şartlar altında bu kişiyi hemen arardım ama henüz ilk ödeme sayfasını tamamlamadıkları için bilgilerine sahip değildim. Bu yüzden yapabileceğim tek şey beklemekti.

Ve müşterinin yüzünü göremesem de, hayal kırıklığına uğradıklarını ve satışı kaybedeceğimizi söyleyebilirdim.

Neyse ki müşteri sonunda çevrimiçi sipariş vermek için bizi telefonla aramaya karar verdi.

Müşteri: Ne kadar sinirli olduğumu anlatamam!

Karısı: Çok üzgünüz. Size nasıl yardım edebilirim?

Müşteri: Oğlum bana iPhone'umdan alışveriş yapmanın kolay ve anlaşılır olduğunu söyledi, ancak hayatım boyunca sitenizde ödeme yapamıyorum

Karısı: Siparişinizi telefonla almaktan memnuniyet duyarım.

Müşteri: Çok teşekkür ederim. Buraya kadar yaşadım zaten. Bu aptal telefon şehrimi ve e-posta adresimi doğru girmeme izin vermiyor!!! Ve o kadar sinirleniyordum ki telefonumu odanın karşı tarafına atmak istedim.

Karısı: Bunun için çok üzgünüz. Bilgimiz için sorununuzu bana tam olarak anlatır mısınız?

Bu güzel bayanın “Southborough” adlı bir kasabada yaşadığı ortaya çıktı. Ancak iPhone'u, “Southborough”yu “Güney ilçe”ye çevirmeye devam ettiği için şehrine doğru bir şekilde girmesine izin vermiyordu.

IPhone'u yazısını düzelterek ona bir iyilik yaptığını düşündü ama şehrine doğru bir şekilde girmesine izin vermedi.

Otomatik Düzeltme Sorununu Ele Alma

iphone orm

Tabii ki, eşimin iPhone'undan “Southborough”ya girmeye çalıştığımda, şehri de otomatik olarak düzeltmeye çalışıyordu. Ve bu bayan gibi, telefonun yazımı doğru bir şekilde kaydetmesi için çok çaba harcadığım için biraz hayal kırıklığına uğradım.

Küçük bir web araştırması yaptıktan sonra, mobil sitemde kritik bir tasarım hatası olduğu ortaya çıktı. Bir web tarayıcısının müşterinin girişine müdahale etmesini önlemek için akıllı telefonlar ve tabletler için tüm formlarda otomatik düzeltmeyi kapatmanız gerekir .

Neyse ki, otomatik düzeltmeyi kapatmak kolaydı…

Tüm formlarınız için, tüm metin giriş alanlarınıza aşağıdaki etiketi eklemeniz yeterlidir.

<input type=”metin” name=”name” otomatik düzeltme=”kapalı”>

Ve iyi ölçmek için, ayrıca formların tüm “kapalı” ve otomatik tamamlama = “kapalı” = otomatik harf ekleyerek yanı otomatik büyük harf ve otomatik tamamlama kapatmak gerekir.

<input type=”text” name=”name” autocorrect=”off” auto-büyük harf kullanımı=”off” auto-complete=”off”>

Bu değişiklikleri yaptıktan sonra, doğru adresi girmek çok kolaydı. Bu müşterinin aramaya karar verdiği için şanslıydık, çünkü muhtemelen bu olası sorunu düşünmezdim.

Mobil web sitemizi çok kapsamlı bir şekilde test etmeme rağmen, iPhone'un otomatik olarak düzeltmeye çalışacağı adları ve formları test etmeyi düşünmedim.

Telefon Numaralarını Tıklanabilir Hale Getirme

Bu müşteri fiyaskosundan sonra, özellikle kullanılabilirliğe dikkat ederek mobil web formlarımın daha kapsamlı bir analizini yapmaya karar verdim ve işte ortaya çıkardığım şey bu.

Öncelikle, bu sadece bir önsezi, ancak telefon numaramız mobil web sitemizin alt kısmında belirgin bir şekilde görüntülenmeseydi, bu müşteriyi kesinlikle kaybedeceğimize inanıyorum .

clickable phone number

Ama gerçekten şanslıydım ve işte nedeni. Android ve iOS, telefon numaralarını varsayılan olarak tıklanabilir hale getirme konusunda harika bir iş çıkarıyor.

Ancak numarayı açıkça tıklanabilir yapmak için herhangi bir kod yazmadığım için tıkla ve ara numaramız tüm telefonlarda çalışmayabilir .

Genel olarak, dikkatli olmak ve otomatik algılamaya güvenmemek daha iyidir, bu yüzden telefon numaralarını bir telefonda tıklanabilir hale getirme kodu burada.

Öncelikle, işletim sisteminin rasgele sayıları yanlışlıkla tıklanabilir hale getirmesini önlemek istediğiniz için telefonun zaten sunduğu otomatik algılamayı kapatmak istiyorsunuz.

<meta adı=”format-algılama” içerik=”telefon=hayır” />

Ardından, telefon numaranızı bir bağlantıya dönüştürmek istiyorsunuz.

Telefon numaramız: <a href=”tel:6505555555″>650-555-5555</a>

Form Girişini Daha Kolay Hale Getirmek

telephone form

Sipariş vermeye çalışırken fark ettiğim bir diğer şey de telefon numaramı girmenin biraz zor olmasıydı . Standart telefon klavyem tüm sayıları telefonumun en üst satırına koyduğu için yazım hatası yapmak çok kolay.

Neyse ki sayıları yazmayı kolaylaştıran birkaç HTML5 yapısı var.

Telefon giriş alanına aşağıdaki etiketleri ekleyerek bazı telefonların (en önemlisi IPhone'un) sayı girerken standart klavye yerine telefon klavyesi kullanmasını sağlayabilirsiniz.

<input type=”tel” name=”tel”/>

Bu etiketleri telefon numarası giriş alanlarınıza eklemek, numara girişini çok daha kolay hale getirmek için sayısal klavyeyi açacaktır.

Çözüm

Cep telefonu ve tablet kullanılabilirliği söz konusu olduğunda, açıkçası öğrenecek çok şeyim var :) Ama artık olası sorunların daha çok farkında olduğum için, tasarımımızdaki hataları ve sorunları daha iyi tespit edebiliyorum.

Ancak öğrenilecek bir ders varsa, her zaman müşterilerle konuşmak ve kullanılabilirlik konusundaki fikirlerini sormakta fayda var. Ne de olsa faturaları ödeyen onlar ve onların mümkün olan en sorunsuz alışveriş deneyimini yaşamaları sizin yararınıza.

Dükkanınız hayırlı olsun!