Müşteri ürün kodunu kopyalayabiliyor mu, yeniden mi yazıyor?

Kod, gerçek ve seçilebilir metin olarak bulunsun

Model kodunu ürün fotoğrafındaki etikete veya bir PDF sayfasına bırakmayın. Sayfada ürün adının yanında ayrı bir metin alanı olarak gösterin. Satır kırılınca tire, boşluk veya başka karakterin koda eklenmediğini kontrol edin. Kullanıcının seçip kopyalaması mümkün olsun; metin seçimini tasarım amacıyla kapatmayın.

Örneğin MX-240-A ürün kodu, “Model” etiketiyle birlikte görünebilir. Teknik varyant değiştiğinde hangi kodun değiştiği net olmalıdır. Eski varyantın kodunu yeni fotoğrafın altında bırakmak, kopyalama düğmesi kusursuz çalışsa bile yanlış bilgi taşır. Önce ürün verisini, sonra etkileşimi doğrulayın.

Tek kod ile ürün özetini farklı işler olarak tasarlayın

“Kodu kopyala” düğmesi yalnız gerekli kodu almalıdır. Müşteri bir teklif talebine daha fazla bağlam taşıyacaksa ayrı “Ürün özetini kopyala” seçeneği düşünülebilir. Özetin ürün adı, model ve kalıcı sayfa bağlantısından oluşacağını düğmenin yakınında açıklayın.

Başlıksız bir kopyalama simgesi bu ayrımı anlatmaz. Aynı sayfada birden fazla ürün varsa düğmenin hangi satıra ait olduğu da görünür olmalıdır. Müşterinin kendi notunu veya sayfada seçtiği başka metni beklenmedik biçimde kopyalama sonucuna eklemeyin. Kopyalanacak bilgi, ekranda gördüğü ürün kaydıyla eşleşsin.

Başarı mesajını işlem gerçekten tamamlanınca gösterin

MDN’nin Clipboard.writeText açıklamasına göre bu yöntem güvenli bağlam gerektirir; döndürdüğü Promise, pano yazımı tamamlandığında çözülür ve izin verilmezse hata oluşabilir. Uygulama “Kopyalandı” mesajını tıklamayla aynı anda varsaymak yerine başarılı sonuca bağlamalıdır. MDN kaynağı.

Başarısızlıkta “Kopyalanamadı; kodu seçerek kopyalayabilirsiniz” gibi uygulanabilir bir açıklama gösterin. Sayfayı yenileyip müşterinin bulunduğu ürünü kaybettirmeyin. İşlem için panodaki mevcut içeriği okumak gerekmez; yalnız kullanıcının seçtiği kodu yazma ihtiyacını çözün.

Düğme çalışmasa da müşteri işini bitirebilsin

Kopyalama kolaylaştırıcı bir katmandır. Tarayıcı bu özelliğe izin vermediğinde kod hâlâ okunur ve seçilebilir kalmalıdır. Mobilde uzun basarak seçim, masaüstünde fare veya klavye ile seçim yolunu kontrol edin. Tek bir kopyalama arayüzüne bağımlılık yaratmayın.

• Düğmeye klavyeyle ulaşın ve görünür odak işaretini kontrol edin.
• Başarı veya hata durumunun düğmenin yakınında okunabildiğini doğrulayın.
• Yardımcı teknoloji kullanan kişinin sonuç bilgisini almasını test edin.
• Kopyalanan kodu düz metin alanına yapıştırıp baştaki ve sondaki boşlukları karşılaştırın.

Test için gerçek müşterinin panosunu okumayın; kendi kontrollü test metninizi kullanın.

Üç farklı ürün verisiyle kabul kontrolü yapın

Kısa bir kod, uzun ve tireli bir kod, bir de varyant değişince güncellenen kod seçin. Görünür kodu, düğmenin aldığı metni ve yapıştırılan sonucu karşılaştırın. Özellikle 0 ile O, 1 ile I gibi benzer karakterlerde görsel tahmine güvenmeyin; kayıtla aynı karakter dizisini taşıdığını doğrulayın.

Gerhman proje sayfamız teknik katalog bağlamında ilgili bir örnektir; burada o sitede kopyalama özelliği bulunduğunu veya bir sonuç ölçüldüğünü iddia etmiyoruz. Kendi kataloğunuzda veri alanını ve müşterinin bilgiyi aktarma adımını web tasarım hizmetimiz kapsamında birlikte ele alabilirsiniz. Kapak, gerçek ürün veya müşteri sonucu yerine bu kararın temsili görselleştirmesidir.