Web Tasarımında Doygunluk
Yıllar geçtikçe, web tasarımları ve düzenleri karmaşıklıkta artmıştır. Yine de, işlerimiz her zaman daha cilalı ve etkileşimli hale gelirken, 90'ların baskın olduğu statik ortak düzenlerden uzaklaştıkça, merkezi hedef değişmedi.
Görünürlük, tasarımcılar için bugüne kadarki kadar önemlidir. Bu, kullanıcının dikkatini, mal satmaya ve aboneleri teşvik etmeye yardımcı olan anlamlı içeriğe odaklama yeteneğimizle ilgilidir ve web sitelerinin düzenli okuyuculara ulaşmasına yardımcı olur.
Önceden oluşturulmuş çözümlerden giderek daha fazla faydalanan kişilerle, web sitelerine kullanıcı ilgisini çekmek için yeterli ayrımı ve kişiliği vermek önemlidir.
Her şeyden önce, bir web sitesinin bütün noktası, başkalarını izlememek ya da kullanılabilir, ancak genel ve cansız bir düzen sunmak için benzersiz olmaktır. Bunu akılda tutarak, belirli tasarım kural ve desenlerini aşırı kullanma zorunluluğunun kullanıcıları olumlu veya olumsuz yönde etkileyebileceğini inceleyelim.
Doygunluk ve Hassasiyet
Başlamak için, işte iki temel değişkenleri gözden geçirelim. Renk ile ilgili terimle karıştırılmaması gereken doygunluk, web'deki belirli araçların, tekniklerin veya tasarım uygulamalarının her yerde bulunma durumunu ifade eder. Örneğin, yaygın Google Reklamlarının ne kadar olduğunu ve bazı tasarımcıların bunları web sayfalarına nasıl yüklediklerini düşünün.
Diğer taraftan, duyarlılaştırma, bir kullanıcının alete, tekniğe veya uygulamaya maruz kalmadan etkilenme derecesini ifade eder. Reklamları çevrimiçi olarak görmeye alışkın olduğumuz, bunların ilgisiz arka plan gürültüsü olarak filtrelemeye adapte olduğumuz ve bazen onları fiziksel olarak filtrelediğimiz söylenebilir.
Animasyon, ses ve canlı renkler kullanan gittikçe zorlayıcı reklamlar görüyoruz.
Reklam gibi bazı uygulamaların içeriğin değerini düşürdüğü söylense de, diğerleri, portföylerdeki resim küçük resimleri gibi, sürekli ve tutarlı bir şekilde kullanıldığında büyük yarar sağlayabilir. Hem doygunluk hem de duyarsızlaştırma hem iyi hem de kötü olabilir, çünkü tasarımcıların karşılaştığı temel sorun, sözleşmelerin nasıl ve ne zaman uygulanacağını bulmaktır.
Sektörümüz ağırlıklı olarak sözleşmeye dayanmaktadır. Bir CMS veya şablon kullanmıyorsak, çerçeveler ve ilham web siteleri kullanıyoruz. Tasarım konvansiyonlarına güvenmek, kültürel değişimleri ve eğilimleri takip etmediğinde, güncelliğini yitireceği veya kullanılabilirlik anlayışının sorgulanacağı korkusundan kaynaklanabilir. Ama bu gerçeklerden uzak.
Tasarımları çoğaltmak veya genel kurallar kullanmak daha kolay olsa da, kişinin hafif bir şekilde alınmaması gereken bir duygusal seviyedeki kullanıcılarla bağlantı kurma potansiyelini sınırlar.
Pek çok çerçeveyle ve CMS motorlarıyla, bir şey inşa etmemiz gereken bir harikaydı.
Sözleşmelerin bir web sayfasına getirebileceği bazı faydalara bakalım ve belirli bir düzende karar vermenize ya da bir özelliği yeniden düşünmenize yol açabilecek bazı büyük tuzakları analiz edelim.
Ayrıca, web sitenizin görünümünden kaçınmanıza ve gerçek anlamda benzersiz bir satış teklifi (USP) veya alaka düzeyi olmayan milyonlarca düzen gibi hissetmenize yardımcı olacak birkaç işe yarar çözüm bulacağız.
Doygunluğun İyi Tarafı
Bir tasarımda doymuş öğelerin kullanılması için bir birincil gerekçe, kullanıcılara tanıdığı tanımadır. Eğilimler ve modeller, yalnızca uygulamak istediğimiz özellikler için (navigasyon menüleri gibi) basit çözümler sağlamakla kalmaz, aynı zamanda kullanıcılara, sayfada tanıdık referans noktaları olan kullanıcılara güven verdikleri için, kullanılabilirlik avantajlarından yararlanırlar.
Navigasyon sistemleri giderek karmaşıklaşıyor, ancak aynı zamanda oldukça zarif olabilirler.
Doygunluk bir deneyime eğitim değeri getirebilir. Kullanıcılar için kurallar sağlayarak doygunluk, bir web sitesi için zamanla öğrenme eğrisini azaltır.
Aşağı açılan menüye nasıl alışık olduğumuzu düşünün; Bu aracı daha önce hiç görmemiş olsaydınız, bunun üzerine gelmenin, ikincil bir liste listesi oluşturduğunu fark etmemiş olabilirsiniz. Bu tür ortak bileşenler daha az empatik değere veya benzersizliğe sahip olabilir, ancak kullanıcıların görevlerini hızlı bir şekilde gerçekleştirmelerine yardımcı olur.
Gizemli et navigasyonu, kullanıcılar için sorun yaratır. Aşinalık estetikten önce gelmelidir.
Her gün gördüğümüz şeyleri kabul ediyoruz. Örneğin, sık sık trafik ışıklarının arkasındaki teknolojiyi düşünür müsünüz? Bu olay web tasarımına da uygulanabilir.
Bir eğilimin doyma seviyesi arttıkça, işlevine ve bizi nasıl etkilediğine daha aşina oluruz. Sonuç olarak, onu kullanana kadar zihinsel olarak görmezden gelebiliriz. Bunun tehlikesi, daha sonra tartışacağımız “zombi taraması” dır.
Kullanıcılar sadece içeriğe odaklanma eğilimindedir ve tasarımın mesajını kaçırabilirler.
Stabilite, tasarım sözleşmelerinin ortak bir etkisidir. Bir şey tekrar tekrar zaman ve zaman uygulandığında, test, analiz ve iyileştirme gibi birçok irdelemeden geçer ve bu sayede değer artar.
Ek olarak, açılır menü gibi sözleşmelerin etkinliği büyük ölçüde araştırıldığı için, belirli bir düzen için uygun olup olmadıklarını belirlemek için kullanım senaryoları oluşturabiliriz.
Bir logoyu tıkladıklarında kullanıcıların bir ana sayfaya yönlendirilmesinin beklendiğini biliyoruz.
Doygunluğun Kötü Tarafı
Bu noktaların tümü, doygunluğun yararlı olabileceğini gösterirken, tasarımın her alanında olduğu gibi, şeritte atlamadan önce iki kez düşünmeniz gereken bir kapak kısmı vardır. Bu konuların ilki kötüye kullanmaktır.
Web 2.0 tasarım çağını hatırlayabilenler için, her şey parlak ve eğimli olduğunda, web hem profesyonel hem de kişisel anlamsız tasarımlarla doluydu. Herkes, popüler olduğunu düşündüklerini kopyaladı ve bu yüzden trend, klonlar denizinde değerinin kaybedildiği kadar yaygın oldu.
Web 2.0 tasarım dönemi elden çıktı ve düzen yeniliği sonuç olarak acı çekti.
Doygunluğun kötüye kullanılmasının ötesinde, başka bir engel de bazen doygunluğu çevreleyen düşüncesizliğidir. Gezinme menüsü gibi bir özelliği uygularken, ziyaretçiler sayfadaki birçok öğeyi tanımalıdır.
Ancak, araç beklendiği gibi çalışmıyorsa ne olur? İlk bakışta önemsiz görünebilir, ancak eğilimler yenilik yapma kabiliyetimizi sınırlar ve kullanıcı varsayımları web'in ilerlemesini engelleyebilir.
Kullanıcılar bir düğmeyi tıkladığında bir eylem beklerler, bu nedenle özellik reaktif olmalıdır.
Bu faktörlere ek olarak, şablonlara ve doygun özelliklere karşı en büyük argümanlardan biri, belirli bir kitlenin ihtiyaçlarını hedeflememeleridir.
El yapımı bir web sitesinin tanımlayıcı özelliklerinden biri, ziyaretçinin çekirdeğin gereksinimleriyle oluşturulduğu (umarım) olmasıdır. Web siteleri jenerik görünümlü bir düzenden kurtulabilse de, güzelce tasarlanmış tasarımlar, web sitesinin değerini artıracak ve içeriği zenginleştirecek veya zenginleştirecektir.
Bu web sitesinin hedef kitlesi için oluşturulduğunu açıkça söyleyebiliriz: Çocuklar.
Son sayı, doygunluğun ziyaretçiler üzerinde yarattığı etki. Düzenler rutin hale geldiğinde, kullanıcılar önceki ziyaretlerinde var olduklarını düşündükleri yeni bileşenleri kolayca özleyebilirler.
“Zombi taraması” olarak bilinen bu psikolojik durum, kullanıcıların bilinçdışı veya bilinçli olarak ilgisiz gördükleri nesneleri fark etmediklerinde ortaya çıkar. Bu özellikle reklamcılıkta sorunludur; Birçok kullanıcı, reklamların yararlı olabileceği durumlarda bile, tarayıcı uzantılarına sahip reklamları engeller veya bunlara bakmaktan kaçınır.
Filtreleme seçenekleri kullanıcılar için yararlı olabilirken, aynı zamanda bazı şeyleri daha da zorlaştırabilirler.
Tasarımcılar için Çözümler
Oldukça bariz görünen ilk çözüm, var olanı kopyalamak yerine yenilik yapmaktır.
Bununla birlikte, bazı durumlarda, en iyi hareket tarzı, tekerleği yeniden icat etmeyecek; İlham galerileri, kes-yapıştır komut dosyaları, CMS motorları ve yerleşim şablonlarının kullanılabilirliği, el yapımı orijinal işçilikten ziyade hızlı dönüş tasarımına yönelik bir tercihi teşvik etme eğilimindedir.
Önceden oluşturulmuş bir çözümü kullansanız bile, kitleniz için bunu geliştirebilir veya kişiselleştirebilirsiniz.
WordPress kişi veya şirketin kimliğine uyacak şekilde özelleştirilebilir (ve olmalıdır).
İkinci çözüm, genel bir özelliğin belirli bir amaca hizmet edip etmediğini belirlemektir. Amaca yönelik tasarım fikri uzun yıllardır olmuştur ve kullanıcılar web sitelerinde (statik tasarım döneminden çok uzak) daha fazla etkileşim ve kontrol seviyesi talep etmeye devam ederken, bir web sitesinde yalnızca yararlılık, orada bulunmanın maliyetlerine ağır basar; Örneğin, diğer içeriklerden dikkat etmemeli. Her nesne, ekran okuyucularına yardımcı olan “Skip” linkleri gibi küçük unsurlar dahi faydalı bir amaca hizmet etmelidir.
Gereksiz özellikleri kaldırmak hepimizin temiz bir arayüze sahip olması nedeniyle popülerliğini koruyor.
Basitlik ve ziyaretçinin gözlerini yararlı içeriğe yönlendirmenin amacı iyi tasarımın temelidir. Aşırı doygunluktan kaçınmak için, sayfaya nesne eklerken (ve özellikle tekrar tekrar yapmayın) dikkatli olmalı ve “özellik yükleme” ile fazla hevesli olmamalıyız.
Kullanıcıların aşırı yüklenmesi, onları sayfa boyunca ilerlemek için daha fazla çalışmaya zorlayacaklarını biliyoruz; ve var olan daha dikkat dağınıklığı, önemli içeriğin kaçırılması riskini o kadar artırır. Tasarımcılar, kullanıcı ihtiyaçlarına duyarlı olmalı, öğrenme eğrisini azaltmalı ve içerik görünürlüğünü en üst düzeye çıkarmalıdır.
İyi ve Kötü Örnekler
Aşağıdaki ilk örnekte, çok fazla enerji açıkça anlaşmayı ve özgünlüğü dengelemeye girdi. Sabit genişlikli düzen, ortalanmış ve oldukça görünür logo ve tanıdık öğelerin, kullanıcı tarafından aşırı yüklenmeden sayfada nasıl bir araya geldiğine dikkat edin. Kaydırma gerektiğinde, arayüz, ince vurgusu, tipografik seçimler ve özenle düzenlenmiş profil resimleri ile benzersiz bir dönüş sunuyor.
Tek gerçek dezavantajı, bilinçli olmayan kullanıcıların görsel simgeleri kolayca tanımlayamayabilmesidir. Gizemli et navigasyonu her zaman büyük bir risktir.
Bu ikinci örnek için düzen, belki ilkinden daha az eşsizdir. Yine de, kullanıcı etkileşimi için kısa öğrenme eğrisinin bir sonucu olarak iyi bir deneyim elde edilmesini sağlar: logo ve navigasyon menüsü, bunların olmasını beklediğiniz yerdir; web sitesi, portföy öğeleri için geleneksel terimleri takip eder (bu durumda, ekran alanı boşa harcanmış olsa da); ve göz alıcı Infographics kullanıcıları sayfayı aşağı kaydırmaya itiyor.
Alternatif kaydırma çubuğu oldukça ilginç. Birçok tasarımcı, web sitesinin estetiği üzerinde daha fazla kontrol sahibi olmak için birisini benimsiyor gibi görünüyor. Ancak, buradaki küçük tıklanabilir bölge nedeniyle, bu düzen motor yetersizliği olan kullanıcılar için çok zor erişilemez ve tarayıcının varsayılanını kullanma yaygın eğilimine aykırıdır. Bu bir anti-desen tutar ve uygun olmayan tasarım seçimine iyi bir örnektir.
Bu son web sitesi gerçek bir “ne yapmamak” örneğidir. Gördüğünüz gibi, kullanıcılara kolaylık sağlamaya çalışırken, MSN ana sayfası orijinal değil ve içeriğini açıkça göstermiyor.
Logo, arama kutusu ve simge bağlantıları kabul edilir şekilde işlenir, ancak kullanıcı aşağı doğru kaydırıldığında, sıkıca paketlenmiş tasarım sözleşmelerinin bir sonucu olarak sayfa giderek dağınık hale gelir.
Kargaşaya yol açan çok fazla gezinme menüsü seçeneği vardır; belki bir açılır menü yeterli olurdu. Ayrıca, reklam sayfanın altıda birini işgal eder ve kullanıcının dikkatini çeker. Ayrıca, aşağı doğru hareket ettikçe, sayfa slayt gösterileri, sekmeli içerik blokları ve yüzlerce aşırı kalabalık bağlantılar ile dağılmıştır. Bu, aşırı doygunluğun en iyisi: Çok az özgünlük ya da amaç ile sağlanıyor.
Doygunluk ve kongre ile özgünlük arasındaki denge her zaman büyük ölçüde tasarıma işaret edecektir.
Web gelişmeye devam ettikçe, yeni standartlar ve sözleşmeler kendilerini sunacaktır. Kullanıcıları şaşırtmayacak kadar farklı tasarımlar yaratmaktan kaçınmak isterken, ziyaretçilere güvercin tutmayı önlemek için işimizde benzersiz bir unsur tutmamız gerekiyor.
Her web sitesinin kendi zorlukları ve ihtiyaçları olacak ve tasarımcının sorumluluğu, şablonların jenerik “karşıtı” deneyimlerine karşı geri adım atmak ve bazı yenilikleri işlerine geri getirmek olacaktır.
Alexander Dawson için sadece WDD için yazılmış. Web standartlarında, erişilebilirlik ve UX tasarımında uzmanlaşmış serbest çalışan bir web tasarımcısı, yazar ve eğlence yazılımı geliştiricisidir. Bir işletme işletmek gibi HiTechy ve yazıyor, zaman harcıyor heyecan , SitePoint'in forumları ve diğer yerler, ihtiyaç duyanlara yardım ediyor. ”]
Web tasarımında doygunluk hakkında ne düşünüyorsunuz ve bu zorluklarla kendi web sitelerinizde nasıl karşılaşıyorsunuz? Lütfen düşüncelerinizi aşağıda paylaşın…