Animasyonlu İlerleme Göstergelerini Avantajınız İçin Dağıtmak İçin En İyi Uygulamalar

Yayınlanan: 2017-01-31

Daha önce bir PC kullandıysanız, sistem önyüklendiğinde görüntülenen hareketli Windows sembolünün de farkında olabilirsiniz. Bugün gördüğümüze dönüşmek tasarım ve animasyonda bir evrim aldı, ancak Windows 1995'te görüntü hiç hareket etmiyordu. Bazılarınız düşünüyor olabilir, neden bu hareketli göstergeleri kullanıyorsunuz?

Ancak şunu bir düşünün, işleminizin tamamlandığını görmek için beklemeyi ve boş bir ekran izlemeyi mi tercih edersiniz? Yoksa ekran tekrar görünene kadar anlamlı bir şeyle eğlenmeye mi devam edeceksiniz?

Kullanıcı arayüzü tasarımının en önemli özelliklerinden biri, ilerlemesini sistem durumu olarak gösterme yeteneğidir. Kullanıcı, sistemin eyleminin farkında olup olmadığını ve buna göre yanıt verip vermediğini bilmelidir. Hareketli ilerleme göstergeleri, kapsamlı metin veya video özellikleri kullanmadan hemen hemen her zaman operasyonun mevcut bağlamını gösterebilir. Bu, ilerleme arka planda tamamlanırken sistem durumunu sağlamak için onları ideal hale getirir.

Sistem İlerleme Sırasında Kullanıcıyla Etkileşim Neden Önemli?

Bir uygulamadan veya web sitesinden hızlı yanıt almayı kim sevmez? Kullanıcı için çok şey ifade etse de, onu sarsılmaz bir tutarlılık içinde çalıştırmak mümkün değildir. Uygulamanızın hızını engelleyebilecek belirli faktörler her zaman denkleme eklenir. Bu faktörler çoğunlukla kötü internet bağlantısı, ağır yük nedeniyle yavaş performans ve hatta program hatası içerir. Bu gibi durumlarda yapılacak en iyi hareket, kullanıcı gerilimini en aza indirmek ve uygulamanın çalıştığına ve ilerleme kaydedildiğine dair güvence vermek olacaktır. Bunu yapmak için, kullanıcıya geri bildirim sağlamalısınız, böylece zaman, kullanıcının sabrına zarar vermez.

Kullanıcıları Geri Bildirimle Bağlı Tutun

Kullanıcı tarafından bir işlem yapıldığında bekleme süresi neredeyse anında başlar. Ancak onu daha da kötüleştiren, sistemin ilerlemesini temsil edecek uygun bir göstergenin olmamasıdır. Kullanıcı, sistemin zaman aldığına dair bir bildirim göstermediğinde, uygulamanın yanıt vermediğini doğal olarak varsayar. Sonuçlar, uygulama zamanında geri bildirim sağlamadığı için, çok sayıda tıklamadan kullanıcının terk edilmesine kadar uzanabilir.

İlerlemeyi yeniden başlatmak veya sistemi yenilemek için kablolu eylemler, genellikle yüklenmesi beklenenden daha fazla zaman aldığında yapılır. Yine, geri bildirim olmaması, arka planda yapılmasına rağmen talebin yanıtını gösteremez. Bu nedenle, ihtiyaç duyulduğunda uygulamanın sistem ilerlemesini savunmak için animasyonlu bir gösterge sunulmalıdır.

Bir Saniyeden Uzun Süren Herhangi Bir Eylem İçin İlerleme Göstergesi Nasıl Kullanılır?

Normalde, bir uygulamanın yüklenmesi 1 saniyeden az sürdüğünde, ilerleme neredeyse engellenmemiş gibi görünür ve kullanıcı odağını kaybetmez. Ancak yükleme süresi 1 saniyeyi geçerse kullanıcıyı meşgul edecek önlemler alınmalıdır. Kısa gecikme fark edilir hale gelir ve kullanıcı uygulamada yapılan görevin etkinliği hakkında dolaşmaya başlar.

Bu nedenle, uygulama kontrolden çıkmadan önce bekleme için güvenilir bir neden sunmak ve kullanıcının belirsizliğini azaltmak için bir ilerleme göstergesi aracılığıyla yanıt vermelidir. Yüklenmesi bir saniyeden az süren eylemin mutlaka animasyon göstergesi gerektirmediğini, ancak görüntünün yapabileceğini belirtmek gerekir. Bu, her işlem yapıldığında ekranda yanıp sönen bir animasyonun kullanıcıyı şaşırtabileceği için önerilir. Animasyonlu ilerleme göstergeleri, uzun süreli beklemenin etkilerini etkisiz hale getirmek ve kullanıcının uygulama veya web sitesinde meşgul olmasını sağlamak için en iyi şekilde kullanılır.

İlerleme Göstergesi Türleri

Belirsiz : Animasyonlu bekleme göstergeleri, kullanıcıyla iletişim kurmak ve son kullanıcı eylemi hakkında onları bilgilendirmek için tasarlanmıştır. En yaygın ve oldukça basit bekleme göstergesi türü “Belirsiz”dir. Bu tür göstergeler, kullanıcılara işlemin tamamlanmasını beklemelerini söylerken, ilerlemeyi tamamlamak için gereken sürenin farkında olmamalarını sağlar. Hızlı işlemler için Belirsiz ilerleme göstergesinin tercihen 2-10 saniye içinde kullanılması gerektiği neredeyse anlaşılmıştır. Bundan daha uzun herhangi bir süre ve kullanıcının sabrını etkileyebilir. Bu, bir web sitesi için hemen çıkma oranını ve uygulamalar için terk edilme oranını artırabilir.
Belirle : “Belirle” ilerleme göstergesi durumunda, animasyon içinde süre oldukça geniştir. Bu tür göstergeler, kullanıcıyı ilerlemeyi tamamlamak için gereken yaklaşık veya kesin süre hakkında bilgilendirir. Daha çok, ilerlemenin başladığı yerden, ne kadar başarıldığını ve beklemeyi ortadan kaldırmak için daha ne kadar zaman alacağını gösterdikleri için daha popüler olan bekleme göstergeleridir. Bu, kullanıcının web sitesi veya uygulamaya bağlı kalma isteklerini artırırken, animasyon aracılığıyla kaydedilen ve gösterilen ilerleme konusunda emin olmasına yardımcı olur.

Döngüsel Animasyon Göstergesi ve Yapılan Yüzde Göstergesi

Döngüsel Animasyon : Döngüsel animasyon göstergesi, alacağı yaklaşık veya tam yükleme süresini göstermeden ilerlemeyi temsil edecek şekilde tasarlanmıştır. Çoğunluk döngülü animasyonlu ilerleme göstergelerinin belirsiz olmasının nedeni budur. Örneğin, Windows 7 ilerleme göstergesi, ilerlemenin tamamlanması için gereken süreye ilişkin herhangi bir geri bildirim olmaksızın aynı animasyon tekrarını gösterecek şekilde tasarlanmıştır. Ayrıca, önyükleme işlevlerinden, arabirim işleminin ayarlanmasından ve diğer veri yükleme biçimlerine kadar her şeyi içeriyordu. Bu iki nedenden dolayı kullanıcılar, web sitesinin veya uygulamanın yüklenme süresini temsil eden döngülü bekleme göstergesini görmeyi tercih etmezler.
Tamamlanma Yüzdesi Göstergesi : Adından da anlaşılacağı gibi, tamamlanma yüzdesi göstergesi, animasyon aralığını, daireyi veya çubuğu %0 ila %100 arasında doldurarak yüklemenin ilerlemesini gösterir. İlerlemenin tamamlanması için geçen süreyi gösterdiğinden, yüzde tamamlandı göstergesi, belirli bekleme göstergelerinde sınıflandırılır. Bu özel kalite için, tamamlanması 10 saniyeden uzun süren görevler için yapılan yüzde göstergesini kullanmak en iyisidir.

Bir araştırmaya göre, 10 saniye ortalama kullanıcı sabrının eşiğidir. Bunun ötesinde, kullanıcı pervasız hale gelir ve daha fazla geri bildirim sağlanana kadar sabırsızlanır. Yüklenmesi 10 saniyeden uzun süren işlemler için yüzde yapılan ilerleme göstergesini göstererek, kullanıcının sabrından ödün vermeden web sitesine veya uygulamaya bağlı kalmasını sağlayabilirsiniz.

İlerleme Göstergeleri Nasıl Etkili Kullanılır?

Uygulamalarınızda ve web sitelerinizde ilerleme göstergelerini etkin bir şekilde kullanmak, başarı ve başarısızlık farkı anlamına gelebilir. İlerleme göstergelerinizin başarılı olmasını sağlamak için bazı ipuçları.

Kullanıcıyı Beklemenin Nedeni Hakkında Bilgilendirin : Kullanıcının arka planda yapılan yükleme ilerlemesinden habersiz kalması acemi bir hatadır. Bu, sabırlarını kaybetme ve uygulamadan veya web sitesinden çıkma eğilimlerini artırır. Daha fazla anlama için bazı metinlerle birlikte animasyonlu ilerleme göstergesini göstererek kullanıcıyı bilgilendirebilirsiniz. Hangi işlemin özellikle hedeflendiğini gösterebilirsiniz. Örneğin, bir video oyununun bekleme ilerlemesini bir yükleme çubuğu ve örneğin 'grafik yükleme' veya 'harita yükleme' vb. gibi hangi işlemin yapıldığını okuyan metinle gösterebilirsiniz.
Daha Uzun Süreler Gerektiren Görevler İçin Basit Bir Süre Tahmini Belirtin : İşleri mikro ölçeklere götürmeyin. Basit bir tahmin sağlayarak kullanıcının ilgisini çekebilirsiniz. Tutamayacağınız sözlerle dalga geçmek, kullanıcıları rahatsız edebilir ve onları ayrılmaya zorlayabilir.
Gerekli Süreyi Kesin Olarak Göster : Ancak, genellikle kullanıcının ortalama bekleme sınırından daha fazla zaman alan işlemler için, belirli ilerleme göstergelerini seçmek daha akıllıca bir hareket olacaktır. İdeal seçim, hassas yükleme süresini ilgi odağı haline getirdiğinden, yüzde yapılan ilerleme göstergesi olacaktır. İşlenmesi daha da uzun olan işlemler için, kaydedilen ilerlemeyi vurgulamak için birkaç adım kullanmayı düşünün.
İlerlemeyi Sürdür : Görevlerin yüklenmesi sırasında ilerleme çubuğunuzda tutarlılığı hedeflemeye çalışın. Birkaç deneyimden sonra, ilerleme çubuğu, kullanıcıları eylemin ne kadar hızlı tamamlanacağına dair bir beklenti geliştirmeye zorlar. Sonuç olarak, ilerlemenin ortasında herhangi bir donma, kullanıcıların beklentilerine ciddi bir darbe verebilir. Örneğin, çubuk %99'a ulaştığında ve uzun bir süre bu şekilde kaldığında, çoğu kullanıcı bu davranıştan dolayı hüsrana uğrar ve uygulamayı donduğuna inanarak bırakır. Buna karşı koymak için, ilerleme çubuğundaki bu tutarsız gecikmeleri, anında ve istikrarlı bir şekilde hareket ettiğini göstererek maskeleyebilirsiniz.
Çubuktaki İlerlemeyi Gerçek Hızdan Daha Hızlı Göster : Ham hız, ilerleme çubuğunu daha hızlı hissettirmek için oluşturabileceğiniz basit bir algı ile kendini gösterebilir. Bunu, animasyonu ilk başta yavaş hareket edecek şekilde tasarlayarak ve sona yaklaştıkça hızını seçerek başarabilirsiniz. Bu, görevi tamamlama zamanından ödün vermeden hızlı ilerleme yanılsaması yaratacaktır.
Dikkat Dağıtma Teklifi : Yaratıcı ilerleme göstergeleri tanıtılarak kullanıcının zaman algısı önemli ölçüde azaltılabilir. Uygulama, ilerleme sırasında bazı ilginç metinsel veya görsel ayrıntılar gösteriyorsa, kullanıcının zihni, eylemi tamamlamak için harcanan zamandan uzaklaştırabilir. Kısa videolar, ilginç gerçekler, animasyonlar ve hatta önemsiz oyunlar gibi kullanıcıları meşgul edecek çeşitli şeyler sunabilirsiniz.

Alternatif – Animasyon İlerleme Göstergelerine Karşı İskelet Ekranlarını Kullanın

İlerleme-animasyon göstergeleri beklemekten kaynaklanan hemen hemen her kötü duyguyu sarsabilse de, bazı izleyiciler bu taktiklere karşı oldukça dirençlidir. Kullanıcıları ilerleme göstergeleri kullanmadan bekletmenin birkaç iyi alternatifi arasında iskelet ekranı adı verilen bir yöntemdir. Geçici bilgi kapsayıcıları olarak da bilinen bu teknikler, bir yükleme çubuğu açmak yerine ilerlemeyi gerçek zamanlı olarak kullanıcıya göstermeyi içerir. Tamamen stoklanana kadar bileşenleri ve öğeleriyle kademeli olarak doldurulan boş bir ekran hayal edin. Bu, uygulamanın yükleme süresi ile hareket ettiği ve beklemelerinin gösterilen ilerleme ile ödüllendirildiği yanılsaması yaratır.

İzleyicileri yalnızca web sitesi veya uygulama ile meşgul etmekle kalmaz, aynı zamanda bir sonraki görevlerini tamamlamaya hazır olmalarını sağlar. İlerleme göstergeleri de kullanıcıları memnun etmenin mükemmel yolları olsa da, yükleme ilerlemeleri sırasında iskelet ekranın sürdürdüğü enerjiyi kullanıcıların içinde tutamazlar.

Son düşünceler

Uygulamamız veya web sitesi işlemlerimiz ne kadar hızlı olursa olsun, her zaman davetsiz işlem süresi olasılığı vardır. Bitti yüzdesi göstergeleri ve yükleme çarkları gibi animasyonlu bekleme-ilerleme göstergelerinin kullanılması, kullanıcılara devam eden süreçler ve sistemin mevcut durumu hakkında güvence verilmesine yardımcı olur. Sonuç olarak, web sitesinde veya uygulamada kalma, yüklemeyi bekleme ve kalan görevlerine devam etme olasılıklarını artırır. İşlemlerin tamamlanması için gereken süreyi hesaplarken, ona uygun türde ilerleme animasyonu göstergeleri atamanız gerekir.

Döngüsel bir gösterge, 2-10 saniye süren işlemler için idealdir, daha fazla zaman alan işlemler, yapılan yüzde göstergesiyle desteklenebilir. Döngüsel animasyon ve iskelet ekranlar söz konusu olduğunda, birkaç milisaniyenin ötesine geçen herhangi bir eylemi gerçekleştirebilecekleri ve yine de kullanıcılarla soğuk kalmasını sağladıkları için iskelet ekranları tercih etmek en iyisidir.