Flutter'da Daha İyi Kullanıcı Deneyimi İçin 8 Faydalı İpucu

May 07 2023
İnsanlık her zaman karmaşık konulara dikkat eder, ancak çoğunlukla küçük gelişmeler fark yaratır.
Uygulamanız beklendiği gibi mükemmel bir şekilde (çılgınca hızlı, istisna yok, hata yok, kilitlenme yok) çalışabilir. Ancak kullanıcılara sorunsuz, yardımcı bir deneyim sunmazsanız, ürününüz harika değil, normal bir uygulama olacaktır.

Uygulamanız beklendiği gibi mükemmel bir şekilde (çılgınca hızlı, istisna yok, hata yok, kilitlenme yok) çalışabilir. Ancak kullanıcılara sorunsuz, yardımcı bir deneyim sunmazsanız, ürününüz harika değil, normal bir uygulama olacaktır. Daha da kötüsü, kullanıcılar deneyimden memnun kalmayabilir ve zamanla çıldırabilir.
(Örneğin arama butonuna tıkladıktan sonra klavyeyi kapatmamak.)

O halde uygulamalarımızı öne çıkaralım!

1. Kaydırılabilir widget'larınızı her zaman kaydırılabilir yapın.

BouncingScrollPhysics harika! Ancak görünümün ötesine geçecek kadar öğemiz yoksa, hiç sekmeyecektir. Aslında mantıklı.

Peki ya listeyi yenilemek istersek?

Öğelerin boyutundan bağımsız olarak sıçrama/aşırı kaydırma efekti oluşturmak için, bununla birlikte AlwaysScrollableScrollPhysics'i kullanmalıyız .

her zaman kaydırılabilir

2. Açıkken otomatik odaklama

Bazen bir sayfayı yalnızca bir metin alanını doldurmak için kullanmak isteriz.

Bir arama alanı veya bir e-posta olabilir. Açılır açılmaz odaklanmak istiyoruz çünkü kullanıcının eninde sonunda odaklanacağını biliyoruz, o halde metin alanına dokunmak gibi ekstra bir adım attırarak neden kullanıcıyı rahatsız edelim?

açıkken otomatik odaklama

3. Metin alanının görünür olduğundan emin olun.

Bir formumuz olduğunu ve bazı girdileri doğrulamamız gerektiğini varsayalım. Kullanıcı gönder düğmesine tıklayacak, ancak bekleyin, bazı alanlar doğrulanmadığından düğme çalışmıyor.

Bu alanlar o an ekranda görünmediği için kullanıcı bunu anlamayabilir. Bu, bazı tatmin edici olmayan deneyimlere neden olabilir.

Ama merak etmeyin, bunu önlemek oldukça basit! O zaman nasıl olduğunu görelim!

metin alanının görünür olduğundan emin olun

4. Girerken veya gönderirken bir sonraki widget'a odaklanın.

Bu oldukça basit. Adınızı yazdınız ve enter'da ikinci metin alanına gitmek istiyorsunuz. Bu herkesten beklenir ve onlar da bunu almalı!

sonraki entera odaklan

Ayrıca bir şey fark ettim: birçok kişi bunun için FocusNode kullanıyor. FocusNode'da yanlış olan bir şey yok ama buna da gerçekten ihtiyacımız yok. Basitçe bir textInputAction ayarlayabiliriz ve işte başlıyoruz! FocusNode'u kullanmak, ihtiyacımız olmayan ekstra bir adımdır.

5. Kaydırma konumunu unutmayın.

Bir sayfada gezindiğinizi ve ayrıntıları görmek için bir karta tıkladığınızı veya başka bir sekmeye geçtiğinizi varsayalım. Sonra tekrar listeye geri dönün, ancak konumun sıfırlandığını görürsünüz ve yeniden baştan başlamanız gerekir! Ne felaket!

kaydırma konumunu hatırla

6. Çıkmak için tekrar dokunun.

Android kullanıcıları ana sayfadayken yanlışlıkla geri düğmesine tıklayabilir ve uygulama hemen arka plana gider.

Bu onlar için iyi bir deneyim olur mu?

Sizi bu soruyla baş başa bırakacağım ve bunun olmasını nasıl kolayca önleyebileceğinizi göstereceğim!

(Kötü örnek için üzgünüm, durumu fiziksel bir geri düğmesiyle göstermek için bir Android öykünücüsüne geçmek için çok tembeldim.)

çıkmak için tekrar dokunun

7. Kaydırmaya odaklanmayı bırakın.

Yazdık, girdik ve klavye bizi içerikle baş başa bıraksın istiyoruz. Tüm istediğimiz bu! Lütfen onu bizden esirgemeyin!

kaydırmada odaklanmayı bırak

8. Dışarıda kayda odaklanmayı bırakın.

Kullanıcıları çıldırtmak istemiyorsak, metin alanının dışına dokunduklarında klavyeyi kapatmalarına da izin vermeliyiz.

dışarıya dokunmaya odaklanma

son olarak

Sihir yok, bunlar sadece küçük detaylar.

Küçük ayrıntılara dikkat edin, sonra insanlar sizin sihirbaz olduğunuzu düşünür!

- Büyücü

Github Projesi

Al ve alkışlarını bırak!

Okuduğunuz için teşekkürler!

Sanırım bu makaleyi bir dizi halinde genişleteceğim.

Beni takip edebilir ve yeni bölümlerden haberdar olabilirsiniz!

Lütfen butonuna basmayı unutmayın, bol kahkahalı günler!