Bir çubuk tasarımı yükleme: Ne yapmalısınız ve yapılmamalısınız
Tüm web siteleri ve uygulamaları, kullanıcı tarafından yapılan işlemlere anında yanıtlara yanıt vermeye çalışır. Ancak, diğerlerinin yanı sıra sınırlı işleme gücü veya ağ bağlantısı nedeniyle bunun elde edilemeyeceği zamanlar vardır. Örneğin, kullanıcının istediklerini sağlamak için büyük ve güçlü bir veritabanı sorgusu gerektiğinde anında yanıt mümkün değildir. Nedeni dışında, yükleme dönemi web geliştirmedeki yaşam gerçeğidir, bu nedenle en iyisi kullanıcılar için mümkün olduğunca rahat bir hale getirmektir.
Yükleme çubuğu, yükleme işlemi sırasında kullanıcıya geri bildirim sağlamak için kullanılabilecek görsel bir öğedir. Neyse ki, web tasarımcıları sadece bir tür standart ilerleme göstergesi ile sınırlı değildir ve bunu yapmanın birçok yolu vardır.Arayüzünüze en uygun yükleme çubuğunu nasıl yapacağınızı öğrenmek için bu makalede bu konu hakkında daha fazla okumaya devam edin. İlerleme göstergesi hakkında ne bilmelisiniz? Yükleme çubuğu, veriler alındığında kullanıcı sabrının korunmasında çok etkilidir. Mevcut eğilim göz önüne alındığında, tüm kullanıcıların arayüz hızı ile ilgili yüksek beklentileri olduğundan, iyi bir izlenim bırakarak beklentileri karşılamalısınız. Kullanıcılarla beklerken aktif olarak iletişim kuramayacağınız için, yükleme çubuğunu onlarla iletişim kurmak ve onlara ne kadar beklemek zorunda olduklarını söylemenin sanal bir yolu olarak kullanmanız gerekir. Bu şeffaf olmanın iyi bir yoludur ve kötü ilerleme çubuğundan daha kötü olan tek şey, hiçbir ilerleme olmamasıdır.
İyi bir yükleme çubuğu, kullanıcıların bir şey tamamlandığını ve tamamlamanın ne kadar sürdüğünü hissettirmesi gerekir. Bu sonucu elde etmek için, yükleme çubuğunuz aşağıdaki soruları cevaplamalıdır: Etkinliği tamamlamak ne kadar sürer?
Mevcut durum nedir?
Daha genel olarak, ilerleme bıçakları uygulamalardaki veya web sitelerindeki kullanıcı etkinliklerini izlemek için de kullanılabilir. Kullanıcı arayüzdeki belirli etkinlikleri yaptığında ve tamamladığında ilerleme doldurulacaktır. Bu göstergeler, kullanıcılara durumlarını anlatmak için anında geri bildirim gerektirir.
Çubuğun yüklenmesi aşağıdaki avantajlara sahiptir:
Arayüzü kullanırken kullanıcıların karşılaştığı belirsizlik seviyesini azaltırlar, bu da ilerleme bıçaklarının kullanıcının arayüzün bir şey yaptığına ikna olmasını sağladığı anlamına gelir.
Beklemek için bir amaç sunarlar, böylece kullanıcıları daha sabırlı hale getirir. İyi bir yükleme çubuğu kullanıcının dikkatini çekecek ve zaman algılarını olumlu bir şekilde değiştirecek ve beklemeyi daha dirençli hale getirecektir.
Yüklü yükleme çubuğu türü
Sarılan animasyonlu bir yükleme çubuğu tekrarlanan bir grafik öğesidir. Kullanıcılara sistemin çalıştığını söylemeyi amaçlamaktadırlar, ancak kullanıcıya arayüz kullanıma hazır olana kadar ne kadar zamana ihtiyaç duyulduğunu söylemezler. Bu tür bir yükleme çubuğu, 10 saniyeden fazla sürmeyen bir ekran yüklemesi önerilir, çünkü estetik olarak eğlencelidir, ancak ilerlemeyi kullanmaktan kaçınmak istediğimiz belirsiz duygulara neden olabileceğinden uzun yükleme süresi için uygun değildir.
Doğrusal
Doğrusal animasyonlu bıçaklar içeren, gerçek ilerleme gerektiren arayüz için çok daha dosttır. 0’dan 100’e bırakırlar ve değerlerini azaltamazlar, bu yüzden doğrusal çubuklar olarak adlandırılırlar. Bu, muhtemelen türü ne olursa olsun, çoğu platformda görülen en popüler ilerleme türüdür. Ayrıca, kullanıcıya bir sürecin tamamlandığını ve diğerinin başladığını bildirmek için yol boyunca işaretleyiciler ekleyerek çok işletme işlemi için de kullanılabilirler. Çerçeve Son olarak, çerçeve ekranı geçici bilgi içerdiğinden daha uzun bir bekleme süresi için kullanılır. İskelet ekranı, kullanıcıları gerçek bekleme sürecinden yönlendirmeyi ve arayüz yüklenirken onlara sindirim için biraz değerli bilgiler sunmayı amaçlamaktadır. Bu genellikle ekranda veya işletim sistemi güncelleme yükleme oyununda görülür. Bir çerçeve ekranı kullanmak, doğrusal bir yükleme çubuğunda olduğu gibi, bekleme süresinin ne kadar uzun süre değil, dikkatini bilgilere yönlendirmenin iyi bir yoludur.
Bir yükleme çubuğu tasarlarken ne yapmalı? Herkes ömür boyu en az bir kez ilerleme bulmuştur, çünkü belirtildiği gibi, çevrimiçi veya diğerlerinin tüm alanlarında birçoğu kaçınılamaz.
Tasarımcılar, kullanıcıları beklerken mutlu etmek için her zaman yükleme çubuğu ekranında yenilik yapmaya çalışırlar. İlerleme bıçaklarıyla yaratıcı olmak iyi bir fikirdir ve işte nasıl yapılacağına dair bazı ipuçları:
İnsanlara ne beklediklerini bildirin. Kullanıcılara bekleme sürecinin amacını anlatmak zorunludur. Boş yükleme çubuğunu onlara atamaz ve birkaç dakika beklemelerini isteyemezsiniz. Ne kadar zaman kaldığı gibi değerli bilgilerle boşluğu doldurun. Diğer tasarım şemanıza göre bir yükleme çubuğu yapın. Arayüzünüzün çalışma şekli ile ilgisi olmayan ilerleme kaydetmeyin. Aynı renk şemasını ve markanız için kullanılan aynı stili kullanın. Logonuzu veya maskotunuzu çubuğun yanına da ekleyebilirsiniz.Daima doğru süreyi ekleyin. Örneğin, yükleme işlemi genellikle yaklaşık 1 dakika sürerse, ilerleme altında belirtin. Aslında 5 dakika sürdüğünde bir dakika süreceğini söyleyerek yalan söylemeye çalışmayın. Gerçeğe olabildiğince yakın olun.
0 ile 100 arasında bir yüzde göstermek yerine, adımları kullanmaya çalışmalısınız. Örneğin, yükleme işleminin 3 adımı varsa, 1/3, 2/3 ve 3/3 yükleme bıçağı oluşturun. Bu şekilde yüklenmesini beklemek daha kolay olacaktır.
Dinamik hale getirmek için animasyon kullanın. Daha önce de belirtildiği gibi, kullanıcıları bekledikleri gerçeğinden ayırmanız gerekir. Kullanıcının dikkatini diğer şeylere yönlendirmek için her türlü animasyonu kullanın. Ayrıca yükleme çubuğunu etkileşimli hale getirebilirsiniz.
Kullanıcılar yükleme işlemini duraklatabilmeli veya iptal edebilmelidir. Bu, tüm durumlar için geçerli değildir, ancak güncellemeler için ilerleme tasarlarsanız, bu seçeneği düşünmelisiniz.
Yükleme işleminin son bölümünü en hızlı hale getirin. Sürecin sonuna yakın bir şekilde içeren ilerleme, ters durumdan daha kısa bir yükleme süresi etkisi sağlar. Tolere etmek daha kolaydır ve insanlar bundan daha çok hoşlanırlar. Bir yükleme çubuğu tasarlarken ne yapılmamalıdır?
Yük bıçakları tasarlamada çok fazla özgürlüğünüz olsa da, bu ortak hata listesinden kaçınmalısınız:
Statik yükleme bıçakları kullanmayın. Bu, hareket etmeyen ve yalnızca kullanıcılara beklemeleri gerektiğini söyleyen bir göstergedir. Bir platform kullanırken “lütfen bekleyin” mesajını görmüş olabilirsiniz. Bu statik bir yükleme çubuğuna bir örnektir. Yeterli bilgi sunmuyorlar, çekici değiller, kullanıcıları rahatsız etmiyorlar ve aynı zamanda estetik değiller.
Yanlış bilgi vermeyin. Daha önce de belirtildiği gibi, kullanıcılarınıza sadık kalmalısınız. Birkaç saniyede% 90’a kadar dolduran ilerleme bıçakları yapmayın ve son% 10’u yüklemek için birkaç dakika sürün. Eşitleştirin ve kalan süreyi belirleyin.
İlerlemenin hareket ettiğinden emin olun. Uzun zamandır yükleme çubuğu, platformun çöktüğü izlenimini verecektir. Bu davranış, kullanıcıları hayal kırıklığına uğratır, bu nedenle bu yöne daha fazla dikkat etmek isteyebilirsiniz. Çeşitli ilerleme bıçakları arasında geçişlerden kaçının. Spinner’ı kullanmayın ve sonra doğrusal yükleme çubuğuna geçin. Tüm platformların stilini korumak en iyisidir.
Bu yükleme çubuğu tasarımı hakkında düşüncelerinizi sonlandırma Bu makalede sunulan tüm ipuçlarını ve püf noktalarını izlerseniz, endişelenmenize gerek yoktur. İnsanlar kesinlikle burada belirtilen tüm kriterleri karşılayan yükleme çubuğunun tadını çıkaracaklar. İlerleme, uzun vadede büyük bir fark yaratan bir ayrıntıdır, bu nedenle doğru tasarlamak için zaman ayırın. Uygulamanın yüklenmesi uzun zaman alırsa ve yükleme bıçakları dahil edilmezse, kullanıcı büyük olasılıkla beklemek yerine platformdan ayrılır onun için. İlerleme çubuğunu kullanmanın tüm amacı, kullanıcıları kontrol ve rahat hissettirmektir. Mevcut platform durumu hakkında belirli zamanlarda söylenmeleri gerekir. Ve onunla yaratıcı olmayı unutmayın! Amelia’daki ekip tarafından yapılan yükleme çubuğu tasarımı hakkında bu makaleyi okumaktan hoşlanıyorsunuz (WordPress için en iyi sipariş eklentisi). Ayrıca bunu ev tasarımında kontrol etmelisiniz.
Ayrıca, oturum açma sayfaları, tasarımdaki altın oranları, web sitesi eleştirisi ve bilgi mimarisi gibi ilgili birkaç konu hakkında yazıyoruz.
