Bilgi mimarisi: web tasarımında nasıl ustalaşılır

Son yıllarda ortalama bir internet kullanıcısının web tasarımı ve geliştirmesine alışması çok daha kolay hale geldi. Bu görevleri sezgisel ve kullanıcı odaklı hale getiren çeşitli araçlar, çerçeveler ve şablonlar sayesinde, web sitesi oluşturmak için uzman kodlayıcı olmanıza gerek yok. Ancak web geliştirme ilerledikçe kullanıcı beklentileri de artıyor. Bu, bir web sitesi oluşturan herkesin, sitelerini doğrudan kullanıcıya ulaştırmanın ve harika bir deneyim sunmanın her zaman yeni yollarını bulması gerektiği anlamına gelir.  

Bilgi mimarisi nedir?

Bir yolculuğa çıktığımızda, hedeflediğimiz yere en hızlı şekilde ulaşmak için genellikle en direkt rotayı kullanırız. Bunun hem zaman hem de enerji açısından daha verimli olduğu açıktır. Bu yolculuk ister fiziksel ister çevrimiçi olsun prensip aynıdır. 

Bilgi mimarisi (IA), bir web sitesinin genel kullanıcı deneyimini iyileştirmek için içeriğin sınıflandırılmasını ve yapılandırılmasını iyileştirmeyi amaçlamaktadır. 

Namecheap Tasarım İnovasyonu Başkanı Rodrigo Melo bize şu ilginç bilgiyi verdi:

“IA, mükemmel bir kullanıcı deneyiminin üzerine inşa edildiği temel direklerden biridir. Sonuçta kullanıcıların hedeflerine ulaşmasını sağlamak veya onları yeni hedefler veya bilgiler keşfetmeye davet etmek gelir. Tüm bunlar iyi yapıldığında sezgisel, basit ve net hale gelir. Görünmez; tıpkı ileriye doğru uzanan geniş bir yol gibi.”    

Ayrıca, IA başarılı olduğunda kullanıcıların karar vermesine veya ne yaptıklarını düşünmesine gerek olmadığını, yalnızca ilerlemeye mecbur olduklarını açıklıyor. Amaç, arama ve gezinmede zahmetsizliğin yanı sıra daha hızlı sonuçlardır.  

IA, kullanıcı arayüzü (UI) tasarımıyla örtüşür çünkü görsel öğe, kullanıcıların bir web sitesiyle etkileşimde bulunma şeklinin merkezinde yer alır. Web sitesi etkileşimi kullanıcı tarafından yönlendirildiğinden, kullanıcı deneyimi (UX) tasarımında daha spesifik bir alandır.  

Ana bileşenler

Bilgi mimarisinde dört ana süreç vardır: 

1. Kullanıcı araştırması

Web tasarımı her zaman kullanıcıyla başlamalıdır, bu da onları ihtiyaçları ve sorunları açısından tanımak anlamına gelir. Bilgi mimarisinin bu bilgiyi dikkate alması ve iş hedefleriyle eşleştirmesi, ardından mevcut teknolojik kaynaklar dahilinde çalışan bir stratejiyle yanıt vermesi gerekir. 

Kullanıcı araştırması , kullanıcılara konu kartlarını uygun gördükleri şekilde düzenleme şansının verildiği bir teknik olan kart sıralama yoluyla gerçekleştirilebilir . Örneğin, katılımcılara sıralanmamış kartlar verilir: 'biyoloji', 'tarih', 'ekonomi', 'İspanyolca', 'fizik', 'Almanca', ardından her kartı 'bilimler', 'beşeri bilimler' altında sınıflandırma inisiyatifini alırlar. ' ve 'diller'. Bu süreç, araştırmacıların kullanıcıların çevrimiçi bir platformun içeriğini nasıl organize etmeyi seçtiklerini daha iyi anlamalarına yardımcı olur.    

Ağaç testi , site haritasının veya ağacın web sitesi yazılımına yüklendiği ve kullanıcılara belirli bilgileri ne kadar kolay bulabileceklerini görmeleri için görevler verildiği başka bir araştırma yöntemidir. Çoğunlukla katılımcılara sitenin salt metinden oluşan bir sürümü verilir, böylece içerikle en temel haliyle ilgilenirler. Ağaç testi, kullanıcıların kategorizasyon yerine pratik kullanım yoluyla içerikle nasıl etkileşim kurduğunu gösterdiği için kart sıralamanın tam tersi bir yaklaşımı benimser. 

2. Navigasyon

Bir web sitesini ziyaret edenlerin aradıklarını kolayca bulabilmeleri gerekir ve bu, bilgi mimarisinin ana hedeflerinden biridir. Gezinmede düğmeler, menüler ve tablolar gibi temel web öğeleri, kullanıcıya rehberlik etmede çok önemlidir. Arama, basitlik ile işlevselliği birleştirme ve dengeleme ihtiyacı nedeniyle birçok web sitesi için de önemli bir kavramdır.   

Bunlar en yaygın gezinme yapısı türleridir:

• Hiyerarşik : İçeriğin ana kategorilerden alt kategorilere doğru yukarıdan aşağıya organizasyonu. Bunun bir örneği, bir dizi alt kategori oluşturmaya yönelik açılır menülerdir. 
• Global – merkezi bir sayfadan kullanıcı, kenar çubuklarını, yapışkan menüleri veya hamburger menülerini kullanarak tüm konumlara erişebilir. 
• Yerel – içeriğe merkezi olarak erişilmesine izin vermek yerine, içeriği bir web sitesinin belirli alt siteleri veya alt konuları dahilinde sunar.  
• Bağlamsal – içerik, konu veya türden ziyade farklı içerik türleri halinde düzenlenir. Örneğin içeriği makalelere, videolara, ürünlere/hizmetlere veya incelemelere bölmek.

Navigasyonla ilgili bazı yararlı ipuçları için bu bloga bir göz atın (Cora'nın en iyi navigasyon uygulamalarına bağlantı).

3. Etiketleme

Web sitenizin içeriğine etiket koymak bilgi mimarisinde önemli bir görevdir. Bunun için tüm anahtar konularınızı göz önünde bulundurmanız ve bunları başlıklar ve alt başlıklar halinde sınıflandırmanız gerekir. Bunlar, kullanıcılarınıza bir içerik alt kümesinden neler bekleyebileceklerini gösterecektir; dolayısıyla başlıkların açık ve doğru olması gerekir. Çizimler, kategoride yer alan öğelerin örneklerinin yanı sıra etiketlemenin daha kolay anlaşılmasına yardımcı olur.  

Bu süpermarket web sitesi, ürünleri her biri için bir açılır menüyle kategorilere ayırır; bu kategoriler daha da alt bölümlere ayrılır ve resimlerle gösterilir. Genel etki açık ve gezinmesi kolaydır. 

Ancak bu çevrimiçi forum, her etiket için sınırlı alana sahip, çok metin ağırlıklıdır. Bu, izleyicinin farklı bağlantıları işlemesini ve gezinmeyi zorlaştırır. 

4. Tel çerçeveleme

Bu, bir web sitesinin planının veya şematik genel görünümünün üretildiği süreçtir. Bir web sitesinin geliştirilmeden önce gezinmesini, etiketlenmesini ve arayüzünü açıkça temsil etmelidir. Bu, bilgi mimarisinin nihai testidir ve planlanmış bir sitenin hem görünümünü hem de hissini vermek için IA'nın kullanıcı arayüzü ile birleştirildiği yerdir. Tel çerçeveler genellikle Adobe XD veya Sketch gibi yazılımlar kullanılarak oluşturulur.   

Küçük işletme web sitesine yönelik site mimarisinin tüm ayrıntıları hakkında daha fazla bilgi edinmek için bu kapsamlı kılavuza göz atın .  

Pratikte bilgi mimarisi

Şu ana kadar bilgi mimarisi teorisini tartıştık. Şimdi süreçten en iyi şekilde yararlanmak için bazı önerilere bakalım. 

Hedeflenecek şeyler

IA'nın baştan sona açık ve düzenli olması gerekir; bu nedenle aşağıdaki en iyi uygulamaları aklınızda bulundurun:

• İçerik envanteriyle işe başlamak iyi bir fikirdir . Bu, tüm içeriğinizi gözden geçirme sürecidir, böylece onu nasıl yapılandıracağınızı/düzenleyeceğinizi daha iyi anlayabilirsiniz. 
• Zihin haritalaması, web sitesinin farklı bölümleri arasında mantıksal ilişkiler geliştirmek için kullanılan bir tekniktir. Bu, beyin fırtınası ve problem çözme oturumlarını ve ana kavram ve süreçlerin görsel temsillerinin oluşturulmasını içerir.  
• Planlama aşamalarında netlik sağlamak amacıyla site haritalaması , kategorileri, üst/alt ilişkileri ve gezinmeyi göstermek üzere tüm içeriğin hiyerarşik bir yapı şemasında görüntülendiği süreçtir.

Geniş ürün yelpazesine sahip büyük bir e-ticaret sitesi olan LL Bean , kullanıcının gezinmesini nasıl kolaylaştırabileceğinin güzel bir örneğidir. Açılış sayfasında erkek, kadın ve çocuk seçeneklerine ayrılmış giyim türleri bulunurken, diğer ekipman ve aksesuarlar etkinlik veya ürün türüne göre bölünmüştür, böylece kullanıcıların aradıklarını bulmaları ve bunlara gitmeleri kolaydır.

Kaçınılması gereken şeyler:

IA'da yeni bir web sitesiyle felakete yol açabilecek birçok tuzak var. Dikkatli olmanız gereken bazı kötü uygulamalar şunlardır:

• Anlatılmayan konular ve cevaplanmayan sorular. Olası her kullanıcı ihtiyacını ve farklı kullanıcıların sitenize gelme nedenini göz önünde bulundurmanız gerekir. 
• Gereksiz içerik ve tekrar. Bu, içeriğin sürekli olarak denetlenmesi ve güncellenmesi anlamına gelir.  
• Navigasyonda tutarsızlık. Ziyaretçilerinizin web sitesinde rahatça gezinmeleri ve bir menüye geri dönmede zorluk gibi beklenmedik engellerle karşılaşmamaları gerekir.
• Yapılandırılmamış veya karmaşık içerik. Kullanıcılarınızın kontrol sahibi olmaları ve kafa karışıklığı veya bunalmışlık hissetmeden istedikleri yere gidebilmeleri gerekir. 

Maalesef IA'daki bu hatalar müşteriler için itici olabilir ve daha düşük dönüşüm oranlarına yol açabilir. Kararlar hızlı bir şekilde alınır, bu nedenle hemen çıkma oranınızın herhangi bir web tasarımı başarısızlığının sonucu olmadığından emin olalım.    

Son düşünceler

Bilgi mimarisi, web tasarımı açısından nispeten yeni olabilir, ancak web sitelerinin 2022 ve sonrasında çabalaması gereken kullanıcıya daha fazla odaklanmayı temsil ediyor. Zahmetsiz gezinme ve anlaşılırlığın yanı sıra kullanıcı yolculuğundaki her olasılığın göz önünde bulundurulması önemlidir. Unutulmaması gereken bir diğer nokta da sitelerinizin her yeni değişiklikle hareket edebilmesi için IA uygulamalarının sürekli olarak iyileştirilmesi ve geliştirilmesi gerektiğidir.