Google'ın Materyal Tasarımı, çağdaş web tasarımında popüler bir yaklaşım olmaya devam ediyor. Neredeyse düz bir stil olan, ilk olarak Google için marka yönergeleri olarak tasarlanan ilkeler kümesi, kullanıcı arayüzü tasarımına katman tabanlı bir yaklaşımı tanımlar.

Belirleyici renk şeması, dikkatle nötr tipografi ve Disney-esque animasyonu, Material Design'ın kayan düğme konsepti, belki de stilin en tanınmış yönüdür. Ancak, Kayan İşlem Düğmesi Hamburger Menüsü ile aynı yörüngeyi izliyor gibi görünüyor; Birkaç ay sonra kurtarıcıdan parya'ya.

Kayan İşlem Düğmeleri, içeriğin üst kısmının üstündeymiş gibi görünecek şekilde stillenmiş bir UI'nin geri kalanından ayrı olarak oturur. Neredeyse tamamen bir çember, hoş bir şekilde minimal bir şekil, kendisini canlandırmaya borçlu. Yüzen Aksiyon Düğmeleri, son birkaç yıldır popüler olan yapışkan başlığın doğal evrimidir. Yapışkan başlığın ötesine geçmek için Google'ın yaptığı sıçrama, Gezinme İşlemi Düğmesini geri kalan gezinmeden ayırmaktı. Bu büyük ölçüde mobil ağın yükselmesinden etkilendi; Ekranın sağ alt tarafındaki Hareketli Eylem Düğmesinin konumlandırılması (neredeyse her zaman olduğu gibi), parmağınızın ona dokunmasını kolaylaştırır.

Google artı

Yüzen Eylem Düğmesinin kullanımı Google+ yeniden tasarlanması Tüketmenize yardımcı olmak yerine, içerik yayınlamanızı teşvik eder. Dahası, navigasyonun geri kalanının taban tabana zıt olması büyük ekranlarda rahatsızlık yaratıyor.

Yüzen Eylem Düğmesi, bir telefondan daha büyük ekranlar için tasarımlara girerken, sağ alt yerleşimin rahatlığı gittikçe artıyor. Önceden Hamburger Menüsü gibi, Hareketli Eylem Düğmesi de mobil ilk çözümlerin her zaman masaüstüne dönüşmediğini keşfediyor.

Şekli, konumu ve rengi, Yüzer Eylem Düğmelerinin bir UI'nin geri kalanından öne çıkmasını sağlar, çünkü düz, yarı düz ve Materyal Tasarımdaki mevcut eğilimler normal tüm dikdörtgenler gibi diğer unsurları etkiler. Ancak, Kayan İşlem Düğmesinin bir sayfada görsel olarak farklı olduğunu ve farklı projeler arasında görsel olarak tanınabileceğini bilmek önemlidir. Materyal Tasarımı her şeyden önce bir kurumsal markadır; Google'ın taklit ettiği önemli bir ticari varlık olan marka kimliği ile müşterinizin işine değer katma olasılığı düşük.

vkplayer

VKPlayer app VKPlayer uygulaması Denetimleri değiştirmek için bir Yüzer Eylem Düğmesi kullanır, bu da havalı görünüyor, ancak burada bir oynatma / duraklatma düğmesi buradaki birincil eylem değil miydi?

Göre Malzeme tasarım özellikleri Hareketli Eylem Düğmeleri, bir sayfadaki birincil eylemin kısayolu olarak kullanılır; yeni bir öğe eklemek veya yeni bir arama başlatmak. Bu senaryoda, işlevin simgeleri nispeten kanoniktir ve düğmenin ilişkilendirildiği eylem açıktır. Bununla birlikte, genellikle tek bir simge bir işlevi yeterli şekilde temsil etmez.

Daha fazla sorun, bir siteyi veya uygulamayı tek bir kullanıma indirgemektir. Teo Yu Siang'da vurgulandığı gibi Yüzen Eylem Düğmesinin ayrıntılı eleştirisi Yüzen Eylem Düğmelerinin kullanılması, kullanıcının tasarımcının niyetlerini empoze eder; Gelen kutusundan okumak istediklerinde bir e-posta yazma konusunda teşvik edilirler; Geçmiş resimlerini gözden geçirmek istedikleri zaman yeni bir fotoğraf çekmeye teşvik ediliyorlar.

Kayan İşlem Düğmesi, bir ana eylemi UI'den kolaylık sağlamak için tasarlanmıştır, ancak UI birincil eylemi gerektiriyorsa, neden daha fazla odaklanılmıyor?

beegit

Aksi mükemmel Beegit Platformdaki mesajlara ve haber güncellemelerine yardımcı olmak için bir Hızlı Hareket Düğmesi kullanır. Bu gerçekten bir kompozisyon sayfasının temel işlevi mi?

Ortak bir tasarım gerçekliğini açıklamak için kötü tasarım modelleri yoktur, sadece kötü tasarımcılar vardır. Hamburger Menüsü gibi, Hareketli Eylem Düğmesi de iyi bir kullanım durumuna sahiptir, ancak bu kullanım durumu nadiren oluşur; Hamburger Menüsü gibi, Yüzen Aksiyon Button'un aşil topuğu da sık sık yanlış kullanımdır. MD section on Floating Buttons Yüzen Düğmelerde MD bölümü Kayan Eylem Düğmeleriyle eşlenen işlevselliğin “önemli ve her yerde yeterince yeterli” olduğunu belirtir, ancak daha iyi seçenek daha odaklanmış bir kullanıcı arayüzü olduğunda daha yaygın olarak bir stil olarak kullanılır.

Hamburger Menüsü gibi, Hareketli Eylem Düğmesi de kullanıcının problemini değil, tasarımcının sorununu çözer.