Yardımcı Navigasyon Navigasyon Kullanıcı Deneyimi Tasarımını Nasıl Etkiler?

Etkili ve kullanıcı dostu bir navigasyon tasarlamak için sadece nasıl yapılacağını düşünmemize gerek kalmaz içeriğimizi iyi yapılandırılmış menüler halinde gruplandırın kullanıcıların istediklerini kolayca bulmalarını sağlamak için site ile etkileşime girmeleri için gereken araçları tasarlar

İçerikle kesinlikle ilgili olmayan ve kullanıcıların farklı işlemler gerçekleştirmelerine yardımcı olan gezinme yardımcı navigasyon, ve daha az tartışılan ancak kullanıcı deneyimi tasarımının çok önemli bir yönüdür. Arama çubukları, oturum açma ve kaydolma formları, abone olma, paylaşma ve yazdırma düğmeleri, alışveriş sepetleri, bağlamsal menüler ve kullanıcıların dilleri veya yazı tipi boyutunu değiştirmelerini sağlayan araçlar, yardımcı program navigasyonunun tipik örnekleridir..

Onları tasarlamak ilk bakışta göründüğü kadar kolay değil Hangi unsurlara ihtiyacımız olduğunu, nereye yerleştireceğimizi ve bunları nasıl göstereceğimizi bulmayı düşünmek gerekir. ziyaretçilerimizin hızlıca onları bulabilmelerini ve nasıl çalıştıklarını anlamalarını sağlamak.

Yardımcı Program Gezinmesi UX'i Nasıl Etkiler?

Yardımcı program navigasyonunu tasarlarken, kullanıcılarımızın sitemizle nasıl etkileşime girmesini istediğimize karar vermemiz gerekir. Onlara bir etkileşim yapısı iş hedeflerimize uygun, kullanıcıları müşteri yolculuğunda yönlendirir, anlaşılması kolay seçenekler sunar ve onlara keyifli bir kullanıcı deneyimi sunar.

Her şeyden önce, İstedikleri eylemleri hızlı bir şekilde yapabilmeleri gerekir. Bunu yapmalarını sağlarsak, müşteri memnuniyeti artacak ve memnun kullanıcılar web sitelerinde daha fazla zaman ve daha fazla para harcama eğilimindedir..

AirBnB'nin ana sayfası bu UX ilkesini izler ve en üstteki menü yalnızca yardımcı programlar içerir. Bu normal bir çözüm değil, ancak AirBnB'nin inanılmaz büyüme hızına göz attığımızda, onlar için mükemmel bir seçim..

En iyi 4 menü öğesi AirBnB'nin sitesini ziyaret eden 4 ana kişiyi hedefliyor: ev sahibi olmak isteyen insanlar (“Ev Sahipliği Yap”), servisi kullanırken meydana gelen bir sorunu çözmek isteyen kişiler (“yardım et”), yeni ve geri dönen kullanıcılar (“Kaydol” ve “Oturum aç”). AirBnB'nin hizmet odaklı ana sayfası aynı zamanda bir konaklama yeri kiralama web sitesinde çok önemli bir araç olan hızlı bir arama çubuğu içerir..

ikinci olarak, Çok fazla dağınıklık dikkati dağıttığı ve odağı azalttığı için kullanıcıların gereksiz araçlara ihtiyacı yok. Yardımcı navigasyonumuzda hangi araçlar gereklidir ve sitemizin yapısına bağlı olmayanlar. Örneğin, bir blog'a veya haber sitesine Yazdır görünümü eklemek yararlı olabilir, ancak aynı özellik bir forum panosunda veya bir sosyal medya web sitesinde gereksiz bir dikkat dağıtıcı olabilir.

Örneğin Washington Post, ana sayfadan farklı olarak tek posta sayfalarında yardımcı program gezinmesini görüntüler. Bu yolla kullanıcılar, yalnızca alakalı olan ve yine de kullanmak istemedikleri seçeneklerle sıkılmamış yardımcı program araçlarını karşılar.

Ziyaretçilerin site genelinde kullanmak isteyebileceği 3 yardımcı gezinme öğesi var. Bunlar akıllıca sabit üst çubuğa dahil edilir (arama aracı, “Oturum aç”, ve “Abone ol”), ancak kullanıcılar gibi tek yayınlarla ilgili seçenekler hakkında düşünmek zorunda kalmazlar “Okuma listesi” ana sayfaya veya kategori sayfalarından birine göz atarken.

üçüncü olarak, kullanıcıların sitemizde neler yapabileceklerini hızlıca anlamaları gerekir. Ziyaretçilerin ne istediklerini bilmeleri gerekmez, bu yüzden onlara her zaman sahip oldukları seçenekler hakkında bilgi vermemiz gerekir..

Aşağıdaki ekran görüntüsüne bakarsanız, The New York Times'ın kullanıcıları 3 farklı sürümün kullanılabilirliği konusunda bilgilendirdiğini görebilirsiniz: Amerikan, Uluslararası, ve Çince, ve ayrıca onları sağlar hızlıca üç arasında geçiş. Akıllı yardımcı program navigasyonunun bu harika örneği, kullanıcılara obstrusive ve zarif bir şekilde kendi başlarına bulamayacakları daha az belirgin seçenekler gösteriyor.

En İyi Yeri Bul

Kullanıcıların navigasyonunda, kullanıcıların bu araçları sezgisel olarak aradıkları tipik web siteleri vardır, çünkü web sitelerinin çoğunda alıştıkları şey budur. Web tasarımı kurallarını ihlal etmek kötü kullanıcı deneyimi uygulaması olarak kabul edilir ve özellikle de çoğu durumda yaratıcılıktan daha fazla kullanılabilirlik olan kullanışlı navigasyon için geçerlidir..

Faydalı navigasyon çoğu web sitesinde içerik tabanlı navigasyona ikincil olduğundan, genellikle daha az belirgin ancak yine de görünür alanlarda bulunur. Bu genellikle (1) web sitelerinin sağ üst köşesi ve (2) altbilginin alt kısmı anlamına gelir. Onun bu sözleşmeleri takip etmek iyi bir fikir, gibi bunlar çoğu kullanıcının önce yardımcı program araçlarını aradığı yerlerdir.

Aşağıda görebileceğiniz gibi, Reuters yardımcı programlarının çoğunu bu iki tipik alana, sitenin sağ üst köşesine ve altbilginin alt kısmını içeriğe dayalı navigasyonun altına yerleştirmiştir. Buradaki benzersiz çözüm, tasarımcıların en önemli olduğunu düşündüğü 2 yardımcı öğeye sahip sabit ekstra altbilgidir: “Giriş yap veya kaydol” ve “Telimden En Son”.

Ekstra yardımcı program gezinti alanının, kullanıcıların normalde benzer araçları aradığı bir altbilgiye yerleştirildiğini not etmek ilginçtir, bu nedenle Reuters tasarımcıları bir şekilde yaratıcı fakat hala kullanılabilirliği korumak için web tasarım sözleşmelerini takip ettim.

Mantıklı Bir Yapı Kur

Yüksek dönüşüm oranına sahip bir site oluşturmak istiyorsak, yardımcı program araçlarını mantıksal bir yapıya göre gruplamak çok önemlidir. Kullanıcılara birçok seçenek sunmak istemesek bile bu zor olabilir, ancak Amazon yardımcı program navigasyonunun karmaşıklığını bir üst seviyeye taşır. Amazon, birçok seçenek içeren inanılmaz derecede karmaşık bir yardımcı program navigasyonuna sahiptir, ama Amazon'u yeterince düzenli kullanırsak, görünmüyor. Bu akıllı tasarımın büyüsü.

Kullanıcıların gezinmesini yalnızca sağ üst köşeye, kullanıcıların bulmayı bekledikleri yere yerleştirmediler, aynı zamanda 3 ana gruba ayırdılar: (1) bir arama çubuğu, (2) kullanıcı ile ilgili bilgiler (arama çubuğunun altında) ) ve (3) kullanıcıların sitede gerçekleştirebilecekleri eylemler.

Akıllıdır, çünkü alışveriş sepeti veya arama simgesi gibi görsel ipuçları sayesinde, müşteriler kullanmak istedikleri grubun göz açıp kapayıncaya karar verebilmelerine karar verebilir ve ondan sonra diğer ikisini görmezden gelebilirler. Sadece bir grup var (“Hesabınız”, “Prime'ı dene”, “sepet”, ve “Dilek Listesi”) Ayrıca mantıksal olarak yapılandırılmış alt menüleri vardır ve farklı alt menü grupları, kullanıcıların istediklerini hızlı bir şekilde bulmalarına yardımcı olmak için sağduyulu fakat görünür ayırıcılar ile bölünmüştür..

Etkili Bir Görsel Tasarım Yaratın

Etkili yardımcı program navigasyonunun görsel tasarımı ünlü KISS ilkesini izlemelidir (Basit Tutun, Aptal). Metin etiketli simgeler sağlamanız, kontrollerin kontroller gibi görünmesini sağlamanız ve en önemli eylemleri görsel olarak vurgulamanız önerilir. Yardımcı programı ve içerik tabanlı gezinmeyi biraz farklı bir tasarım kullanarak ayırt etmek iyi bir fikir olabilir..

Walmart ve Etsy'nin web sitesinde iki etkili görsel tasarım örneği bulunabilir. Tasarımcılar her iki sitenin de en üst kısmına yardımcı program navigasyonu yerleştirdiler ve navigasyonun geri kalanından, mavi arka planlı Walmart ve mavi yazı tipli Etsy'den farklı renklerle vurguladılar..

Her iki site farklı görsel tasarım öğeleriyle en önemli kullanıcı eylemlerini vurgulamak, Walmart, Ara ve Oturum Aç düğmeleri için sarı renkte kullanılırken, Etsy Oturum Aç düğmesi için gizli bir mavi kenarlık verir ve Sepet menüsünün üzerinde gri bir alışveriş sepeti simgesi içerir..

Etsy'nin faydalı menüsünde bir simge kullandığı tek yer burasıyken, Walmart her öğenin yanında bir simge görüntüler, ancak yine de gerekli metin etiketlerini simgelerin hemen yanına eklemeyi unutma.