Web için İyi Optimize Edilmiş İçerik-Ağır Sayfalar Tasarlamak İçin İpuçları
Yayınlanan: 2018-05-22Çevrimiçi içeriğin sunumu, web sitesinin kullanılabilirliği için çok önemlidir - kullanıcı aradığı bilgiyi hemen bulamazsa, büyük olasılıkla oradan uzaklaşacaktır. Bu nedenle, birçok web tasarımcısı ve UX uzmanı, her sayfanın sınırlı miktarda içerik içermesi gerektiğinde ısrar eder, ancak birçok durumda bu mümkün değildir. Bazı web siteleri çok fazla içerik göstermeyi amaçlamaktadır ve tasarımcıların ek zorluklarla uğraşmaktan başka seçeneği yoktur.
Neyse ki, bu konuda yardımcı olabilecek bazı teknikler var. Her sitenin benzersiz olduğu ve başarılı tasarımların körü körüne kopyalanamayacağı doğru olsa da, daha iyi sonuçlar elde etmek için UX endüstrisinin kolektif deneyimine güvenmek mümkündür. Aşağıdaki ipuçları, yoğun içerikli bir sayfanın ziyaretçiyi bunaltmadan nasıl idare edileceği konusunda rehberlik sağlayabilir:
Neyin işe yarayıp neyin yaramadığını inceleyinKullanıcı tepkilerindeki bazı kalıplar düşündüğünüzden daha istikrarlı olsa da, kullanıcı deneyimi tasarımı kesin bir bilim olmayabilir. Bu nedenle her iyi UX tasarımcısı, rekabetin ne yaptığını keşfetmek için çok zaman harcar. Nereden biraz ilham alabileceğinizi asla bilemezsiniz, çünkü bazen başka bir web sitesinde görülen bir ayrıntı orijinal bir fikri tetikleyebilir. Negatif örnekleri incelemek de aynı derecede önemlidir, böylece ne tür hatalara karşı dikkatli olmanız ve hangi kombinasyonlardan kaçınmanız gerektiğini bilirsiniz. Elbette bağlam önemlidir, bu nedenle örneğin nereden geldiğini ve hedeflediğiniz belirli niş içinde nasıl çalışacağını tartmak gerekir.
İçerik kutularını ve kenarlıkları kullanınİçeriği daha yönetilebilir hale getirmenin en belirgin yolu, onu daha küçük parçalara bölmektir. Bu içerik birimleri, kenar çizgileri, içerik kutuları veya benzer bir tasarım tekniği ile sayfanın geri kalanından görsel olarak ayrılırsa, işlenmesi ve anlaşılması çok daha kolay olacaktır. Bu, farklı içerik türleriyle ilgilidir - metnin ana paragrafları ayrı bir kutuya yerleştirilmeyi hak ederken, bu az çok standart olarak tüm resimlerle yapılır. Görsel ayırıcılar için uyumlu stiller kullanmaya dikkat edin, aksi takdirde çeşitlilik kafa karıştırıcı olabilir ve olumlu etkileri ortadan kaldırabilir. Her içerik kutusunun bir başlığı ve/veya açıklaması olmalıdır, bu da gerçek amacını tek bir bakışta anlamanızı kolaylaştırır.
Her içerik türü için ayrı bölümler oluşturunİyi organize edilmiş bir sayfa, okuyucuyu yukarıdan aşağıya bir yolculuğa çıkararak, yapılandırılmış bilgileri özenle seçilmiş bir sırayla sunar. Ancak, bazı ziyaretçiler yalnızca belirli bir girişi arayarak veya içeriği hızlı bir şekilde anlamaya çalışarak sayfayı atlar. Açıkça işaretlenmiş birkaç bölümden oluşan bir sayfa, her iki durumda da daha kullanıcı dostudur, hızlı aramaları hızlandırır ve derinlemesine açıklamalar isteyen özel kullanıcılar için daha iyi içerik akışını kolaylaştırır. İdeal olarak, her bölüm öncelikle homojen içerikten oluşmalıdır - örneğin bir veri tablosunun izlediği metinsel bir bölüm, ancak bu kesin değildir ve mevcut içeriğin doğasına bağlıdır. Bu modelin örnekleri çeşitli endüstrilerde bulunabilir.
Önemli bilgileri ve bağlantıları vurgulayınAkıllı tasarım, kalabalık bir sayfada bile içeriğin hangi bölümlerinin en çok ilgiyi hak ettiğini belirtmenin yollarını bulur. Bu, vurgulama için renk kullanımından hiyerarşik içerik yerleşimine kadar çeşitli şekillerde gerçekleştirilebilir. Bu süreçteki ilk adım, genel içerik yapısı içindeki en önemli unsurların ve bunların en doğal noktalarının belirlenmesidir. Neyin iletilmesi gerektiği netleştikten sonra tasarımcı, ziyaretçinin dikkatini seçilen bölümlere yönlendirecek yeterli görsel dili arayabilir. Seçilen teknik, iletilen bilginin türüne bağlı olacaktır - sayısal veriler en iyi tabloya sığabilirken açıklayıcı metin madde imli liste şeklinde sunulabilir.
Multimedyayı ölçülü kullanınMultimedya içeriğinin düz metinden çok daha etkileyici olduğunu hepimiz biliyoruz, ancak bu, büyük miktarda içeriği tek bir sayfaya yerleştirirken çok dikkatli olmak için başka bir nedendir. Herhangi bir sınıflandırma olmaksızın bir araya getirilmiş çok fazla resim veya video, kullanıcıları ilgilerini çekebilecek içeriği aramaktan caydırabilir. Düzenli olarak çok sayıda fotoğraf veya video yayınlayan web siteleri için, uygun bir dengeyi korumak ve net sınıflandırma ve bağlamsal açıklamalar sağlamak çok önemlidir. Etkileşimli öğeler, dikkatli bir şekilde ve yalnızca mantıklı olduklarında kullanılmalıdır - her bölümün başında bir anket sorusu olması yalnızca kullanıcıları rahatsız edebilir.
Boş alan hakkında unutmaÇok fazla içerikle çalışan tasarımcılar, genellikle yerden tasarruf etmek için çok sıkı paketlemeye eğilimlidir, ancak bu hemen hemen her durumda ciddi bir hatadır. Görsel öğeler birbirine çok yakın yerleştirildiğinde, kullanıcının algısına müdahale eder ve tek tek öğelerin fark edilme şansını azaltır. Her metin kutusunun veya resmin etrafında yeterli boş alan bırakmak, sayfaya kaydırma uzunluğu ekleyebilir, ancak ziyaretçinin ilgilenmeye devam etmesi durumunda bu sorun olmaz. Aralıklı düzen, büyük miktarda metin okurken daha az yorulmaya neden olur; bu, okunabilirliği artırmanın ve sayfayı kitleler için optimize etmenin başka bir yoludur.
Bir kullanıcı gibi düşününHer UX tasarım kılavuzu, kullanıcı için pratik değilse, en güzel yerleşimin hiçbir şey ifade etmediğini söyleyecektir. İzleyicilerde gerçekten yankı uyandıran bir sayfa oluşturmak için kendinizi kullanıcının yerine koymalı ve her tasarım özelliğini bu perspektiften düşünmelisiniz. Navigasyon sistemi bu zihniyetle geliştirilmeli ve bir kilit alandan diğerine hızlı ve sezgisel atlayışlara izin verilmelidir. Kullanıcıya daha fazla yardımcı olmak için, istek üzerine fareyle üzerine gelinen metin ve 'daha fazla oku' bağlantıları gibi araçlar aracılığıyla ek talimatlar sağlamak mümkündür. Sayfadaki başlıklar ve alt yazılar basit ve sezgisel olmalıdır, çünkü çok karmaşık veya belirsiz bir dil bazı kullanıcıları daha fazla soru sormaktan caydırabilir. Son olarak, kullanıcıların bir eylemi başlatmak için nereye tıklamaları gerektiğini içgüdüsel olarak bilmeleri için sayfada açıkça ayırt edilebilen eyleme geçirilebilir öğeler bulunmalıdır.