Nasıl yapılır: web'de panoya kopyalama
Bu aşamalı web uygulamasında kod parçacıkları içeren birçok kod kılavuzu ve makale yazacağım için, kullanıcının gerektireceği aşağıdaki görevlerin kapsanması önemlidir:
- kodun büyük okunabilirliği
- kapsüllenmiş kodu kopyalamak için basit ve net eylem
Yararlı kod örnekleri için gerekli olan sonuç budur. Ama bunu geliştirebilir miyim?
Etkileşimi iyileştirme
Uygulamamın panoya kopyala işlevini üst düzeye çıkarmak için, keyifli bir kullanıcı deneyiminin (UX) etkileşimi artırmanın güzel bir yan etkisi olduğundan, kopyala düğmesine tıklamayı nasıl daha eğlenceli hale getireceğimi düşündüm.
Şunu buldum: ya kullanıcı panoya kopyaladığında uygulama sohbete benzer bir şekilde "yanıt verirse"? Deneyim anında daha kişisel olurdu. Kibirli ve alaycı bir dil kullanarak verilen mesajların da kendilerine has bir karakteri var.
Nihai sonuca bir göz atalım:
I'm a code example, sort of.
Click on the button in the bottom right corner to copy.
Gördüğünüz gibi, hiyerarşi yukarıdan aşağıya şöyledir:
- Pencere denetimleriyle yerel bir pencereyi taklit etme
- içerik
- eylemler (yazılı olarak, yalnızca panoya kopyala)
Hayata geçirme
Kullanıcı kodu panoya kopyaladığında, önceden tanımlanmış bir dizi metin parçacığından rastgele bir seçim kısa bir süre için görüntülenir. Her kod örneği için rastgele seçim oluşturulur. Karmaşıklığı azaltmak için metnin makale kapsamında benzersiz olması garanti edilmez. Yine de b/c, seçilebilecek oldukça fazla dizi var, çarpışmaların olasılığı düşük.
Ve bununla ilgili! Umarım panoya kopyala eylemleri için bu küçük UX geliştirmesini beğenirsiniz, belki de kendi uygulamanızdaki UX değişiklikleri için size ilham verdi!
- Tom
