Web Formlarının Sonu
Yayınlanan: 2022-03-11Web formları can sıkıcı, verimsiz ve insanları korkuyla dolduruyor. Web formlarını doldurmayı gerçekten seven var mı? Yine de, en kritik çevrimiçi etkileşimlerden bazılarını oluşturabilen veya bozabilen “zorunlu kötülüklerdir”.
Web formları hala çoğunlukla eski kağıt formlara dayanmaktadır - sistem merkezli UI'lerin zombi artıkları (kullanıcı merkezli). 30 yıl geçti ve hala aynı bilgileri tekrar tekrar formlara yazıyoruz.
Neyse ki, büyük değişimler yolda. Bundan beş yıl sonra, iş başvurularını, kredi kartı başvurularını (e-ticaret ödemelerini, hesap kayıtlarını… bilgi girişi gerektiren hemen hemen her görevde) doldururken kişisel verileri girmek için kullandığımız garip, yavaş, sinir bozucu şekilde korku içinde geriye bakacağız. Bu etkileşimlerin önemine rağmen, onları mümkün kılan formların tasarımı genellikle çok zayıf bir şekilde düşünülmüştür.
Sonuç olarak, ister masaüstü ister mobil olsun, günümüzde çoğu web formu tek kelimeyle korkunç kullanıcı deneyimleridir. The Nielsen Norman Group, Baymard Institute (e-Ticaret) ve Luke Wroblewski (Interaction Design Association'ın kurucu ortağı) gibi UX endüstri gurularının sayısız kitabına, çalışmasına, makalesine ve teknik incelemesine rağmen, birçok kuruluş, hatta can damarı buna bağlı olanlar bile —web formu ux tasarımının en iyi uygulamalarını takip etmeyin.
Bu, milyarlarca ve milyarlarca kayıp gelir anlamına gelir.
Şaşırtıcı bir şekilde, e-ticaretin milyarlarca dolarlık dev devi Amazon, kargo ve mağazadan teslim alma, kredi kartı bilgileri, doğrulama hataları gibi formlarla kullanıcı etkileşimleri göz önüne alındığında Baymard Enstitüsü tarafından "genel ödeme UX performansında" çok düşük sıralanıyor. daha fazla. Bu kadar zayıf UX nedeniyle ne kadar iş kaybedilir?
Bugün, çoğu web formu sinir bozucu, doldurulması yavaş ve kullanılabilirliği en sona koyuyor.
Zaman ve bilişsel zorlama açısından, çevrimiçi formlar büyük bir baş belası olma eğilimindedir. Ezici bir şekilde hataya açıktırlar, varsayılan değerlerden, otomatik tamamlamadan ve otomatik biçimlendirmeden yoksundurlar; girdi hatalarını kötü bir şekilde ele alıyorlar - ve bu, farklı bir tasarım zihniyeti gerektiren ve farklı kullanılabilirlik sorunları olan mobil formlardan bahsetmiyoruz bile.
Kuruluşlar, işlemi tamamlamak için gerekli olmasa bile, genellikle kullanıcılardan çok fazla bilgi toplamaya çalışır. Bağış formları, bağışçının çıkarlarını dikkate almadan kendi istatistikleri için bağışçı profili verilerini toplamakta ısrar ettikleri için genellikle en büyük suçlulardır. Birine zorlukla kazandığınız madeni paranızı vermek üzere olduğunuzda, tamamen kendi istatistiksel kullanımları için sizi sorularla karıştırırken, elinizde nakit olarak beklemeniz gerektiğinin söylendiğini hayal edin. Hayır, teşekkürler.
Mobil formlar (hesap kayıtları, ödemeler vb.) kendi benzersiz kullanıcı arabirimi sorunları ve zorluklarıyla doludur. Ekran küçük olduğundan ve tam boyutlu bir klavyeye sahip olmadığı için giriş garip. İnsanlar, UI öğelerine dokunmak ve kaydırmak için parmak uçlarını kullanmak zorundadır. Metin girişi, özel mini klavyeleri olan cihazlarda bile özellikle yavaştır ve yazım hatalarıyla doludur.
Küçük ekranlar, herhangi bir zamanda daha az görünür seçenek anlamına gelir ve kullanıcıların perde arkasında sistemin zihinsel bir modelini oluşturmak için kısa süreli hafızalarına güvenmelerini gerektirir.
Gelişen Web Formları
Web formları evrimsel bir aşamanın ortasındadır. Tamamen yeni bir paradigmanın doğuşunun önünde, acı verici, hantal, sıkıcı ve tekrarlayan "formlara yazma" erken aşaması ile Touch ID, sesli baskı, bilgisayarlı görme, yüz tanıma ve iris taramaları, kişisel verilerimizin kilidini açacak ve ihtiyaç duyan sistemlere gerekli tüm bilgileri sorunsuz ve güvenli bir şekilde sağlayacaktır.
UX tasarımcıları sürekli olarak deneyimi iyileştirmek ve web formlarını doldurmanın getirdiği acıyı azaltmak için çabalıyorlar, ancak bu ara aşamada hala yalnızca “vitaminler” sağlıyorlar - neredeyse nihai “ağrı kesici” çözüm değil.
Daha kullanıcı dostu, sorunsuz bir kullanıcı deneyimi sağlamak için, en son form tasarımlarından bazıları, geleneksel formlara hiçbir benzerlik taşımayan bir arayüz uygulayarak bazı hayal kırıklıklarını ortadan kaldırmaya çalışıyor. Hayatlarımızı önemli ölçüde kolaylaştırmayı başarıyorlar, ancak daha gidecek çok yolu var.
Otomatik Doldurma Kurtarmaya Geliyor
Google'ın Chrome tarayıcısı ve Otomatik Doldurma özelliği, daha verimli form tamamlama için uzun zamandır beklenen bir nimetti. Web formunun hızlı doldurulması için sık girilen kişisel verileri (kredi kartları dahil) güvenli bir şekilde saklar. Google tarafından yakın zamanda yapılan bir araştırma, Chrome'un Otomatik Doldurma özelliğini devre dışı bırakmanın %25 daha az form gönderimiyle sonuçlandığını buldu. Çalışma, onsuz deneyimin çok can sıkıcı olduğunu, bazı kullanıcıların formları tamamen doldurmayı bıraktığını gösterdi.
Sürpriz! Formlara sıkıcı yazmak, insanların kaçınmak istediği bir şeydir.
Parola Yöneticileri Ağrıyı Giderir
Yüzlerce çevrimiçi hesap için sürekli olarak şifre almak ve yazmak yorucudur. Parola yöneticileri birkaç yıl önce kurtarmaya geldi ve şimdi yaygın olarak kullanılıyor. 1Password ve Dashlane, birkaç tıklama veya dokunuşla web siteleri ve uygulamalar için şifrelenmiş parolaları güvenli bir şekilde depolayan ve otomatik olarak dolduran iki lider çözümdür.
Sosyal Girişler Kaydı Sonlandırıyor
WebHostingBuzz tarafından derlenen araştırmaya göre, kullanıcıların %86'sı yeni hesap oluşturmak zorunda kalmaktan rahatsız olduklarını bildiriyor. Sosyal oturum açma, kayıt ihtiyacını ortadan kaldırır. Facebook, Google+, LinkedIn ve Twitter gibi bir sosyal ağ hizmetinden gelen mevcut bilgileri kullanarak tek oturum açma biçimidir. Kullanıcı adı ve parola ihtiyacını azaltarak kaydı artırır ve giriş engellerini en aza indirir.
Mobil Cihaz Teknolojisi Formların Yükünü Hafifletiyor
Mobil formlar için, sık kullanılan değerleri depolamak ve almak, formları önceden doldurmak için telefon özelliklerini (kamera, GPS, ses, kişi listesi) kullanmak ve masaüstü bilgisayarlarda en iyi uygulamalardan bazılarını yönlendiren çok sayıda kullanılabilirlik geliştirmesi yapılmıştır. verileri otomatik biçimlendirin (bir posta koduna dayalı olarak ABD Eyaletini önceden seçin).
Ayrıca, gereken giriş türüne bağlı olarak klavye değiştirilebilir; yazılan ilk harflere göre öneriler/otomatik tamamlama kullanılabilir ve telefon numaraları ve kredi kartı numaraları otomatik olarak biçimlendirilebilir.
Web Formu Trendleri
Tartışıldığı gibi, geleneksel web formu tasarımı eski kağıt tabanlı modeli takip eder; bu yüzden çok benziyorlar. Daha önce, kişisel verileri başka bir şekilde toplama teknolojisi mevcut değildi, ancak bugün var. Tasarımcılar, geleneksel web formlarını tamamen geride bırakmak amacıyla kullanıcılara temiz bir kullanıcı arayüzü ve metin girişlerinin nereye gittiğini belirtmek için altı çizili alanlar sunuyor. Bu şekilde, bir formu doldurmak daha doğal ve daha az veri girişi gibi geliyor.

Diğer bir eğilim ise, kullanıcıdan girdi istemeyi daha sohbete dayalı hale getirmek ve bu da daha fazla insan etkileşimi yaratmaktır. Daha sofistike bir sohbet robotları dünyasının ve geleceğin diğer giriş yöntemlerinin öncüsü olarak, kullanıcı giriş alanlarını doğal olarak akan cümleler ve sorularla iç içe geçirmeyi içerir.
Makineler Geri Konuşuyor: Sohbet Robotları ve Otomatik Aracıların Yükselişi
Genellikle botlar, uygulama arayüzü olarak anlık mesajlaşmayı kullanan yapay zeka platformlarıdır. Chatbotlar, formları doldurmalarını isteyerek kullanıcılara yük bindirmek yerine, etkileşimi daha doğal ve sohbete dayalı hale getirerek bu yükü hafifletiyor.
Etkileşim sohbete dayalı olduğundan ve parçalara bölündüğünden, örneğin basit bir seyahat rezervasyonunu tamamlamak için gereken süre aynı olsa da, bilişsel gerginlik azalır ve deneyim iyileştirilir.
Gezginler artık Facebook Messenger uygulamasını kullanarak Hyatt Hotels ile rezervasyon yapabilir veya belirli tatillerde müsaitlik olup olmadığı gibi serbest biçimli sorular sormak için Hyatt ekibiyle canlı sohbet edebilir.
Sigorta, otomatik aracıların yükselişiyle bozulmaya hazır başka bir endüstridir. Facebook, Messenger platformunu herkesin sohbet robotları geliştirmesi ve dağıtması için kullanılabilir hale getirdi, ayrıca otomatik sigorta acentesi için kapıyı açtı.
İngiltere'de Jack Insurance tam da bunu yapıyor. Serbest çalışan reklamcılar ve web tasarımcıları, geliştiriciler ve illüstratörler gibi web uzmanları için basit iş sigortası sağlamak üzere inşa edilmiştir.
Bununla birlikte, sohbet robotları ve benzerleriyle bir form doldurma deneyimine yardımcı olmak, yalnızca yarım ölçüdür. Uzun vadede işe yaramayacak çünkü insanlar tekrar tekrar çok fazla kişisel veri sağlamak zorunda kalacaklar.
Problemleri, onları yaratırken kullandığımız aynı düşünce tarzını kullanarak çözemeyiz. - Albert Einstein
“Vitamin” aşamasından gerçek bir ağrı kesiciye geçmek için farklı düşünmeli ve yeni paradigmaya dev bir adım atmalıyız.
Yapay Zekanın Yükselişi: Yarının Kullanıcı Dostu Veri Toplama
Kim bir yaz tatili rezervasyonu yaptırmaya çalışmanın zorlu ve tekrarlayan sürecinden geçmedi? Son zamanlarda bir tane planladığımda, üç havayolu şirketi, bir düzine otel, iki araç kiralama şirketi, havaalanı transferleri… aynı isimler, adresler, kredi kartı numaraları, sık uçan yolcu kulüp numaraları, telefon numaraları, e-posta ile sayısız form doldurdum. adresler… süreç tamamen can sıkıcı ve tamamen saçma.
Google, stresin kontrol edilmediğini bildiriyor: Tatil amaçlı seyahat edenlerin %69'u, bir seyahat rezervasyonu yaparken en iyi fiyatı bulamamaktan veya en iyi kararı vermediğinden endişeleniyor. Buna, zamanın %90'ında aynı bilgilerle sonsuz formları dolduran kötü kullanıcı deneyimini ekleyin ve inanılmaz derecede sinir bozucu ve stresli bir süreçten bahsediyoruz. Chrome'un otomatik doldurma özelliği ve daha önce bahsedilen diğer kolaylıklar ile bile, deneyim hala üzücü ve bıkkınlıkla dolu.
Uzun vadeli UX vizyonu, web formlarını mükemmelleştirmeye devam etmek değil, onları tamamen ortadan kaldırmaktır.
Daha önce de belirtildiği gibi, mobil cihazlarda mevcut olan teknolojiler dizisi nedeniyle: GPS, parmak izi (Touch ID), sesli baskı ve tanıma, iris taramaları, yüz tanıma, bilgisayarla görme, yapay zeka yardımcıları ve sohbet robotları; Başarılı bir çevrimiçi işlem için gerçekleşmesi, önce mobilde devrim yaratacaktır. Buna göre, masaüstü siteleri, mobil cihazların teknik özelliklerini, bunlarla bağlantı kurarak karmaşık kimlik doğrulaması için kullanabilir.
Bir kişiyle ilgili her şeyi süper güvenli bir şekilde saklayan bir kişisel veri kasasıyla ideal bir gelecek hayal edelim: kişinin adı, ev adresi, iş adresi, telefon numaraları, sık uçan yolcu milleri, doğum tarihi vb. Bu kişisel veri kasasının kilidi, bir kişi tarafından açılabilir. biyometrik doğrulamalar, güvenlik soruları ve bir ana parola kombinasyonu. Kilidi açıldıktan ve erişim sağlandıktan sonra, site veya uygulama, kullanıcının herhangi bir bilgi girmesine gerek kalmadan ihtiyaç duyduğu tüm gerekli bilgilere erişebilir.
Platforma ve cihaza bağlı olarak kasanın kilidini açmak için farklı yöntemler ve geri dönüşler kullanılabilir. Kullanıcıların veri girmesini önlemek için sistem, bir sohbet robotu veya isteğe bağlı ses tanıma ve doğal dil işleme ile başka bir konuşma kullanıcı arayüzü kullanarak basit sorular soracaktır. Ses girişi pratik değilse, klavye girişi kullanılabilir.
Bunu bir adım daha ileri götürerek, bu kişisel veri kasası, ilgili bilgilere erişmek için sahibinin izniyle geçici olarak açılacak olan diğer kasalarla (örneğin bir eşin veya eşinki) bağlantı kurabilir (erişim kısa olacaktır ve yalnızca istenen bilgiler girilecektir). hazır). Bir seyahat uygulaması veya sitesi daha sonra gerekli tüm verilere güvenli bir şekilde erişebilir ve seyahat düzenlemelerini zahmetsizce yapabilir.
Web formları yakında eski moda - artık ihtiyaç duyulmayan geçmiş bir çağın ilginç eserleri olacak. Yukarıda açıklanan senaryoda, UX tasarımcıları formlar olmadan daha iyi deneyimler tasarlamakla karşı karşıya kalacaklar. Web formlarına bilgi yazmak da dahil olmak üzere tüm geleneksel etkileşimler arka planda kaybolacaktır.
Kullanıcı Girişinin Doğası Değişiyor
İnternet ve akıllı telefon kullanımı, ezici, her zaman mevcut olan bir veri bolluğu yarattı. Bilgisayarla görme, IoT, yapay zeka ve makine öğrenimi gibi "geleceğin teknolojisi" zaten burada, etkileşimlerin doğasını ve UX manzarasını değiştiriyor.
Geleneksel kullanıcı arayüzleri ortadan kalkıyor ve web formları bu değişimin bir parçası. Elbette, bazı kullanıcı girdi formlarına duyulan ihtiyaç hiçbir zaman ortadan kalkmayacak, ancak girdi sağlamak için giderek daha az kullanıcı etkileşiminin gerekli olacağı görünmez arayüzler yaygınlaşacak.
Makine öğrenimi gibi yapay zeka teknikleri, kişisel verilere erişimden değer elde edebilir ve akıllı algoritmalar, iş başvurularının, seyahat rezervasyonlarının ve çevrimiçi satın alma işlemlerinin tamamlanmasını kullanıcılar için daha kolay hale getirmek için hangi verilere ihtiyaç duyulacağını tahmin edebilir.
Umut verici özlemleri savunurken ve bu yüce UX ideallerini takip ederken, web formlarını tamamen ortadan kaldırmanın yaratıcı yolları ile kişisel verilerle ilgili güvenlik endişeleri arasında bir kopukluk var. Sağlam ve güvenli sistemler tasarlanabilir, ancak bu endişelerle ilgilenmemiz gerekecek. Araştırmalar, insanların kişisel verileri paylaşmaya istekli olduklarını ve bu verilerden önemli bir değer ve zaman tasarrufu sağlayıp sağlamadıklarını izlemeye izin verdiğini göstermiştir.
Oyunun bir adım önünde olmak için UX tasarımcıları, sohbet robotları ve konuşma kullanıcı arayüzleriyle dolu gelecek senaryoları üzerinde düşünmeye başlamalıdır. Deneyimi optimize etmemiz ve kullanım senaryolarını çözmemiz gerekecek. Etkileşim adımları olabildiğince sorunsuz ve verimli mi? Chatbotun tonu nedir? İşlerin yapılması için gereken süreyi kısaltıyor muyuz yoksa arttırıyor muyuz? Biyometrik kimlik doğrulamaları geldiğinde, bu etkileşim nasıl görünecek? Kullanıcılarımıza nasıl daha iyi hizmet verebilir ve hayatı kolaylaştıran harika deneyimler sunabiliriz?
Teknoloji ve etkileşimlerin doğası değişecek, ancak UX tasarımının en iyi uygulamalarının toplamı ve özü - kullanıcı merkezli tasarım süreci - gelişmeye devam edecek ve nihayetinde hakim olacaktır.
• • •
Toptal Tasarım Blogunda daha fazla okuma:
- eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
- Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
- En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
- Mobil Arayüzler için Sezgisel İlkeler
- Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır