Yapışkan öğe, birisi bir sayfayı aşağı kaydırırken tarayıcı görünüm alanı içinde sabit bir konumda kalan herhangi bir şeydir.
Genellikle, biri bir sayfada gezinirken her zaman görüntüde olması için görünümün üst kısmına sabitlenen sabit gezinme için kullanılırlar. Ekranın sağ alt köşesinde sabit kalan sohbet yardımını da görmüş olabilirsiniz.
Öğelerin sürekli olarak görüntüde olması dikkat dağıtıcı olabilir ve birinin aradığı içeriğe odaklanmayı zorlaştırabilir. Yapışkan öğeler de içeriğin önüne geçebilir. Ekranda bir harekete geçirici mesaj varsa ancak bunun üstünde sabit bir sohbet simgesi duruyorsa, harekete geçirici mesaj kaçırılabilir. Bu sorun, odak durumlarının yapışkan öğe tarafından gizlendiği ve bir sayfada nerede olduğunu bilmeyi zorlaştırdığı klavye gezintisi düşünüldüğünde genellikle daha da kötüleşir.
Yapışkan öğelerle ilgili çok büyük (özür dilerim) ve genellikle gözden kaçan bir sorun, kullanılabilir görüntü alanı miktarını azaltmalarıdır. Bu, bazı insanlar için hafif bir sıkıntıya neden olabilir, ancak büyütme kullanmayı seçen insanlar için deneyimlerini tamamen mahvedebilir.
Yapışkan bir üstbilginin yapışkan bir altbilgiyle birlikte kullanıldığı örnekler gördüm. Bu öğelerin her ikisi de %400'e büyütüldüğünde, temelde başka herhangi bir içeriği görmek için görünüm alanı içinde yer bırakmaz.
Temelde herkes tarayıcı büyütmeyi kullanmayı seçebilir. Okumayı veya odaklanmayı kolaylaştırmak için içeriği büyütmek isteyen herkes tarayıcıyı büyütmeyi seçebilir.
Uzun biçimli makalelere bakarken sıklıkla kullanırım. Tarayıcımı %250'ye yakınlaştıracağım, bu da çoğu zaman dikkat dağıtıcı unsurları ortadan kaldırıyor ve ayrıca içeriği gözlerimi yormadan okumamı çok daha kolay hale getiriyor.
Görme bozukluğu olan kişiler, bir sayfada belirli şeyleri okumalarını veya bulmalarını mümkün kılmak için büyütmeyi kullanmayı da seçebilirler.
Yapışkan bir öğe kullanma kararını gerçekten sorgulayın Yapışkan bir öğeyi
düşünürken yapmanız gereken ilk şey, yapışkan bir öğe kullanmamayı uzun uzun düşünmektir. Yapışkan bir öğe kullanmak, yeterince kullanıcıya bir tane oluşturmayı garanti edecek kadar fayda sağlayacak mı? Kullanıcılarınız yapışkan öğeden ne gibi faydalar elde edecek? Bir öğeyi birinin görüş alanına sabitlemeyi gerektirmeyen bu avantajı sağlamanın alternatif yolları var mı?
Yapışkan öğeleri mümkün olduğunca yalın ve göze batmayacak şekilde tutun
Bu, neden yapışkan bir öğe tasarladığınıza ters gelebilir, ancak bunu mümkün olan en az miktarda yer kaplayacak şekilde tasarlamaya çalışın. Varsayılan yakınlaştırma düzeyinde çok fazla görüntü alanı kaplarsa, yalnızca insanlar yakınlaştırdıkça daha da kötüleşir.
Ayrıca, yapışkan bir öğeye verilen yerleşimi ve görsel ağırlığı da göz önünde bulundurun. Diğer içeriği gizleme olasılığı daha düşük olan bir konuma yerleştirebilir misiniz? Gizlediği herhangi bir içeriği görmeyi kolaylaştırmak için şeffaflığı kullanabilir misiniz?
İnsanlara yapışkan öğeleri kapatma seçeneği verin İnsanları
sürekli olarak yapışkan öğenizi görmeye zorlayacaksanız, onlara onu reddetme veya sabitlemeyi kaldırma seçeneği verebilir misiniz?
Farklı büyütme düzeyleri için farklı düzenler
tasarlayın İçeriğinizin farklı yakınlaştırma düzeylerinde yeniden akmasını sağlamak için duyarlı tasarım kullanın. Örneğin, birisi tarayıcısını %200'e yakınlaştırdıysa, içeriği tek bir sütuna basitleştirebilecek ve yapışkan öğeniz için daha sıkı bir tasarım görüntüleyerek daha az gerçek yer kaplamasına neden olabilecek mobil uyumlu bir düzen görüntülemek için tasarımı yeniden akıtabilirsiniz. -arazi.
Bağlam bunu gerektiriyorsa, bir adım daha ileri gidebilir ve bu yakınlaştırma düzeyinde yapışkan öğeleri kapatmaya karar verebilirsiniz.
Araştırma, araştırma, araştırma
Yapılacak en iyi şey, tasarımlarınızı mümkün olduğunca erken insanların önüne çıkarmaktır. Tarayıcılarını her gün büyüten kişileri bulun ve onlardan tasarımınızı kullanmalarını isteyin. Onlar için çalışıyor mu? Yollarına çıkıyor mu? Onlara herhangi bir değer sağlıyor mu?
Bu soruların cevabı, yapışkan öğeleri kullanıp kullanmamanız konusunda size en iyi fikri verecektir.
Bu makale için araştırma yaparken, yapışkan UI öğelerini daha iyi hale getirmek için çok fazla örnekle karşılaşmadım. Ayrıca, insanların deneyimlerini nasıl olumsuz etkileyebileceklerine dair çok fazla uyarıya rastlamadım.
Bu makalenin bir konuşma başlatıcı olmasını çok isterim. Yapışkan öğeleri iyileştirmenin herhangi bir yolunu biliyor musunuz? Sence hep birlikte bunlardan kaçınmalı mıyız? Bir deneyime zarar verebilecek diğer yolları kaçırdım mı? Lütfen bana bildirin ve daha fazlasını öğrendikçe makaleyi güncelleyeceğim.
Yapışkan öğeler: işlevsellik ve erişilebilirlik testi - Gov.uk'den, olumsuzların olumlulardan daha ağır bastığı ve bu nedenle yapışkan kullanıcı arayüzü kullanmamaya karar verdikleri bir makale
Flo'daki ilk günümden bu yana sadece birkaç hafta geçti, ancak bir süredir buradaymışım gibi geliyor! UX İçerik ekibini (konuşmaya dayalı tasarım ekibimiz de dahil) yönetmek ve büyütmek için işe alındım ve kendimi bu zorlu göreve verdim. Hızlı tempolu bir başlangıçta yeni bir içerik ekibi kurmaya yönelik yaklaşımımı paylaşacağımı düşündüm.
Bu, web siteleri oluşturmaktan onları barındırmaya kadar tüm adımları attığımız Kişisel Web Sitesi serisinin 1. bölümüdür. Kişisel bir web sitesi oluşturmayı öğrenme sürecini aşağıdaki adımlara böldüm: Giriş Herkesin bir web sitesine ihtiyacı olduğuna inanıyorum.
AI eskiden parti hilesiydi, şimdi etkinlik organizatörü, MC ve baş çekicilik AI'nın akla gelebilecek her ürün ve emtia alanına sıkıca gömülü olduğu çağa doğru ilerlerken, tasarım daha da ön plana çıkıyor. Bu kılavuz yalnızca tasarımcılar için değil, yazılım mühendisleri, ürün yöneticileri ve AI/ML tabanlı yazılım üzerinde çalışan veya üzerinde çalışacak olan herkes için hazırlanmıştır.
28 Temmuz 2022'de Güneş, Yeni Ay, Aslan'da Ceres kavuşumu Jüpiter RX'i üçgen yapacak, Merkür ise Uranüs'ü Merkür, Uranüs-Mars, Satürn'e T-karesinin bir parçası olarak veya düğümler ise sabit bir Büyük Haç ile kare yapacak. dahildir. Venüs, Kara Ay Lilith ve Yengeç burcundaki sabit yıldız Sirius ile kavuşum halindedir.