Kullanıcı Dostu Bir Web Sitesi Tasarımı Oluşturmada 4 Zorluk

Erişilebilir bir web sitesi oluşturmak için, siteyi tüm kullanıcıların sitenin bilgilerine, işlevlerine ve özelliklerine eşit erişimi olacak şekilde tasarlamanız ve geliştirmeniz gerekir. Ama zamanınız kısıtlı. Bu cümleyi bitirdiğinizde, birisi web sitenizi ziyaret edecek ve terk edecek. Ziyaretçilerinize orada kalmaları için bir sebep vermedikçe, gitmiş olurlar.

Yüksek hemen çıkma oranı, ziyaretçilerin ilgisizliğinin bir göstergesidir. Bir kullanıcının bir sayfayı kontrol etmesi kesinlikle iyi olabilir, özellikle de bu bir basın bülteni veya başka bir olay odaklı içerik ise. Ancak amacınız ziyaretçilerinizle bir ilişki kurmak olmalıdır.

Web sitesi tasarımında başarı, ziyaretçileriyle ne kadar etkili iletişim kurduğu ve yönlendirdiği ile ölçülür. Ve reklam sonrası dönemde kullanıcıları çekmenin ne kadar zor olduğu düşünüldüğünde, iyi web sitesi tasarımını çok fazla satış-y olarak görmeden dahil etmek daha zordur. Kullanıcı dostu web sitesi tasarımı burada devreye giriyor.

Web sitenizi bir test alanı olarak düşünün - navigasyonun görünüşünü ve verdiği hissi gerçekten doğaçlamanız gerekir ve bu, belirli tasarım problemlerinin çözülmesini gerektirir. Bunları incelemeden önce, tam olarak kullanıcı dostu olmanın neden bu kadar önemli olduğunu tartışmak önemlidir.

Çoğu web sitesinin hemen çıkma oranı %85'tir - bu, olası satış yaratma çabalarınızın büyük bir bölümünün boşa gittiği anlamına gelir. Trafik Google reklamlarından geldiyse, bu PPC bütçesinin iyi bir kaybıdır. Bu nedenle, PPC kampanyalarınızı başlatmadan önce her zaman açılış sayfalarınızı dikkatli bir şekilde optimize etmenizi öneririz.

Bu genellikle bir web sitesi tasarım ajansının özel uzmanlığıdır ve bu, işletmenin hedeflerini dikkatli bir şekilde kullanıcı dostu bir şekilde dengeler. Doğru olması için çok sayıda deneme ve hata gerektiren yüksek kablolu bir eylemdir, ancak yapılabilir.

Kullanıcı dostu bir web sitesi oluştururken çözülmesi gereken 4 UI zorluğu.

1. GUI Öğelerini Birleştirmek

Bugün pek çok web sitesinde kullanılan bu radikal yeni düğmeleri, bağlantıları, düğmeleri ve kaydırma çubuklarını gördünüz mü? Etkileyici ve profesyonelce yapılmış gibi görünseler de, bunun kullanıcının hayatını zorlaştırıp zorlaştırmadığını kendinize sordunuz mu?

Bu sorunun cevabı evet ise, o zaman çok sayıda kullanıcıyı kaybettiniz.

Web sitesi tasarımı, ne kadar şık ve etkileyici olursa olsun, kullanılabilirliği ön planda ve merkezde tutmalıdır. GUI öğesi genel kullanılabilirlikten uzaklaşıyorsa, onu tamamen kaldırmanız daha iyi olur. Web sitesi tasarımında erişilebilirlik, kullanılabilirlik ve estetiğe öncelik vermelisiniz: bu sırayla. Düğmeler ve yatay kaydırma, yalnızca kullanıcılarınızın kafasını karıştırmayacağını garanti edebiliyorsanız kullanılmalıdır.

İşte web sitesi tasarımında hatırlanması gereken güzel bir kural: Yalnızca ilerleme adına yeni bir tasarım öğesi ekliyorsanız, bundan kaçınmanız daha iyi olur.

2. İhtiyaç Duymuyorsanız Gezinme Menülerinden Kaçının

Birçok UI tasarımcısı yeni tasarım fikirleri alır ve onları orantısız hale getirir. Buna güzel bir örnek, Hamburger menüleri ve sonsuz kaydırma olabilir. Her iki trend de ivme kazandı ve binlerce web sitesi tarafından pervasız bir şekilde terk edildi; bilgi mimarisinin bu menülere ihtiyacı olup olmadığı tamamen ayrı bir konudur.

Sonsuz kaydırma, yalnızca bilgi mimarisi gerektiriyorsa iyi görünür. İyi bir örnek Twitter, Facebook, Google Görseller ve çeşitli e-ticaret siteleri olabilir; bu durumda sonsuz kaydırma yeterince iyi bir çözümdür. Ancak kendinize şu soruyu sorun: kullanıcılarınız gerçekten sevdikleri içeriği nasıl bulacak ve işaretleyecek?

Seçtikleri içerikten nasıl ileri geri hareket edeceklerdi? Onlara attığınız büyük miktarda bilgi arasında nasıl gezinecekler?

Bu aynı zamanda Hamburger menülerini de getiriyor: Ziyaretçiler için navigasyonu parkta yürüyüşe dönüştüren büyülü bir navigasyon menüsü – ya da öyle görünüyor. Adı tasarımından geliyor: yani hamburgeri andıran üç yatay çizgiden oluşuyor. Ve gerçek muadili gibi, hamburger menüsü de yerden tasarruf etmek için tasarlandı.

Ancak bu, kullanıcıların kafasını tamamen karıştıran bir simgedir. Yeni başlayanlar için, insanlar gerçekten hamburger menülerine tıklıyor mu? Ve yapsalar bile, menü öğeleri çok önemliyse, ekranda daha belirgin bir yer tutmaları gerekmez mi?

Bir menü ancak iki şeyi başarabiliyorsa önemlidir:

• Kullanıcıya nerede olduklarını söylerler
• Sana başka nereye gidebileceğini gösterirler

Hamburger menüleri, doğru yapılmazsa, menü ekranda olmadığı ve yeterince görünür olmadığı için her ikisinde de korkunç olabilir.

Bununla birlikte, iyi haber şu ki, hamburger menüleri bir tür yaygınlaştı - uygulamalardan web sitelerine ve video oyunlarına kadar hemen hemen her yerdeler. Basmak için kendi yolunu bile bulmuşlar. Bu, çevrimiçi kullanıcıların zihnine kazınmış ve navigasyonla eş anlamlı hale gelen bir simgedir. İnsanlar buna aşinadır ve gezinme için ona güvenebilir, kullanıcıların ana menüye gittiğiniz yerdeki ana sayfa simgesi veya dosyaları sildiğiniz yer olan çöp kutusu simgesi olduğunu bilmelerine çok benzer.

Web siteleri ve mobil uygulamalar gibi görsel gayrimenkul bulmanın zor olduğu dijital alanlarda hamburger menüsü alandan tasarruf sağlayabilir. Sonuçta, ziyaretçilerinizi asla çok fazla seçenekle boğmamalısınız. Bunun nedeni, kullanıcılara çok fazla seçenek sunulduğunda, hiç birini yapmama eğiliminde olmalarıdır.

3. Duyarlı Bir Site Oluşturma

Çevrimiçi trafiğin büyük kısmı artık mobil cihazlardan geliyor. Masaüstü web siteleri elbette önemlidir, ancak mobil kullanıcılar için de kolayca yüklenmelidir. İstediğiniz son şey, korkunç bir mobil deneyim nedeniyle kitlenizi geri çevirmek. Günümüzde, mobil web sitesi geliştirme o kadar kolay hale geldi ki, onu tasarımınıza dahil etmemek affedilemez.

Web sitenizi daha duyarlı hale getirmeye yardımcı olacak WordPress eklentileri ve uygun fiyatlı UI tasarımcıları vardır.

Duyarlı bir sitenin üç temel unsuru aşağıdadır:

Akışkan Izgara: Sabit yüzdeler, farklı ekran çözünürlüklerine ve cihazlara sahip kullanıcıların diğer herkes gibi aynı ekranı görmelerini sağlar.

Uyarlanabilir Görüntüler ve Metin: Görüntüler ve yazı tipi boyutları tüm cihazlar için aynı tutulamaz, bu nedenle kodu her farklı cihaz için tamamen optimize edilmiş şekilde yüklenecek şekilde ayarlamanız gerekir. Bu, web sitesi kodunda, örneğin CSS dosyasında dikkatli ayarlamalar yapılmasını gerektirir.

Medya Sorguları: Yukarıdaki iki senaryo için kodları başarıyla uyguladıysanız, bunları bir araya getirmenin zamanı gelmiştir. Bir medya sorgusu, özellikle masaüstü ve mobil cihazlarda neyin görüntüleneceğini söyler.

4. Hızlı Yükleme Hızı

Çoğu kullanıcının dikkat süresi çok düşüktür ve her geçen saniye için rekabet edersiniz. Günümüzün çevrimiçi kullanıcısı, web sayfanızın yüklenmesi için 2 saniyeden fazla bekleyecek sabra sahip değil.

Web sitesi hızını artırmak ister misiniz? Barındırma için daha fazla para harcamadan bunu yapmanın birçok yaratıcı yolu vardır:

Sıkıştırılmış Web Sitesi: Görüntüler ve videolar kalabalıkları memnun eder, ancak çok fazla medya aslında genel deneyimden dikkati dağıtabilir ve web sitenizi yavaşlatabilir. Görselleri dikkatli kullanmanın yanı sıra, RIOT, Smush.it vb. gibi çözümleri kullanarak web sitelerinizi sıkıştırın.

Bölünmüş Görüntüler: Her bilgiyi tek bir sayfaya sıkıştırmak iyi bir fikir değildir. Web sitenize daha hızlı yükleme için birkaç kısa sayfa vermek daha faydalıdır, ayrıca size daha fazla SEO avantajı sağlar.

Temiz Kodlama: Arama motorları, sayfanızın neyle ilgili olduğunu anlamak için tarayıcıları kullanır. Onları karmaşık kodlamayla karıştırırsanız, bu onları yalnızca zaman ayırmaya veya daha da kötüsü web sitenizi tamamen görmezden gelmeye zorlar. Bu nedenle her zaman temiz kodlamaya öncelik verin.

Web sitenizde navigasyona nasıl yaklaşıyorsunuz? Aşağıdaki yorumlarda bize bildirin.

Yazar Biyo-

Faye Eldridge, The Fyami Marketing group limited'in kurucusu ve yöneticisidir. Fyami, Londra'da talep yaratma, liderlik geliştirme, dijital, sosyal medya ve genel pazarlama desteği ve çözümleri sağlayan meraklı bir web tasarım ve pazarlama danışmanlığıdır.' Misyonumuz, teknoloji liderliğindeki bu dijital çağda daha fazla işletmeye sahip olmaktır. Faye, pozitif etkilemeye, şeffaflığa, çeşitliliğe, meraklı olmaya, inatçı olmaya ve bilgiyi paylaşmaya inanır. Yüksek lisans derecesine sahiptir ve şu anda CMO ve CTO işbirliğiyle ilgili doktora işletme araştırmalarına katılmaktadır.