İyi ve Kötü Web Sitesi Arayüzü Arasındaki Farklar Nelerdir?
Web Sitesi Arayüzü Nedir?
Basitçe söylemek gerekirse, web sitesi arayüzü (UI), web sitesinin kullanıcı ile nasıl etkileşime girdiğidir. Bir sitenin güzelliğinden çok, ürünü kullanıcıya ulaştırmadaki kullanışlılığıyla ilgilidir. Bir blogcuysanız, ürün sizin bakış açınızdır; Çevrimiçi bir mum mağazasıysanız, ürün bir mumdur. UI ‘nin amacı, kullanıcıyı ürüne mümkün olduğunca verimli ve hızlı bir şekilde ulaştırmaktır.
İyi bir tasarımının kullanıcı arayüzü her zaman aşağıdaki gibi olmalıdır:
- Kullanımı kolay
- Anlaması kolay
- Hatasız
- Son hedef (veya ürün) için etkili
Tersine, kötü UI tasarımı ağır, karmaşık ve geneldir.
İyi Kullanıcı Arayüzü ne yapar?
Etkili bir kullanıcı arayüzü (UI) tasarımı, hem kullanıcıyla nasıl etkileşime girdiği hem de kullanıcının siteyle nasıl etkileşime girdiği açısından sezgiseldir. İyi bir UI tasarımı kullanıcıların aşina olduğu konulara sahiptir. Kullanıcı sayfanızı veya uygulamanızı ilk kez ziyaret ediyor olsa bile, sitenin ya da uygulamanın nasıl çalıştığını hızlı bir şekilde anlaması gerekir.
İyi bir kullanıcı arayüzü ziyaretçinin elinden tutar ve gitmesi gereken yere götürür.
Kötü Kullanıcı Arayüzü ne yapar?
Kötü UI sizi gitmeniz gereken yere götürmez. Çoğu zaman bunun nedeni, web sitelerinin inanılmayacak kadar büyük bir demografiye hitap etmeye çalışmasıdır, bu nedenle çekirdek kitle, daha geniş bir kitleye hitap etmek için marjinalleştirilir.
İşte kullanıcı arayüzlerinin 10 yanlış özelliği örneği:
1. Kullanıcı Arayüzü yanıt vermiyor.
Günümüzde, kullanıcıların mobil web cihazlarında görüntüleyebilmesi için yakınlaştırması gereken bir web sitesine sahipseniz endişelenmelisiniz. Yakınlaştırmak zor olmasa da, kullanıcılarınızla iletişiminizin koptuğunu gösterir. Web sitenizin mobil cihazlardan makul miktarda trafik aldığını fark ederseniz, aramaları cevaplamak için kullanıcı arayüzünüzü güncellemeyi geciktirmemelisiniz.
2. Kullanıcı Arayüzü sezgisel değildir.
Web sitenizi veya uygulamanızı oluştururken hedef müşterilerinizi aklınızda bulundurmalısınız. Tasarımınızın kullanılabilirliği, hedef müşterinizin tasarımda ne kadar kolay gezinebileceği ile belirlenir. 18-49 yaş arası yetişkinlerin 6-10 yaş arasını hedefleyen bir uygulamayı kullanıp kullanmaması önemli değildir. Kullanıcı arayüzünün kullanıcı için bir anlam ifade etmesi gerekir.
Mümkün olduğunda platform kurallarını uygulamaya çalışın . Çoğu kullanıcı, arama kutusunun konumunun bir web sitesinin sağ üst köşesinde olmasını bekler. Veya rengini değiştirmek için ziyaret edilen bağlantılar. Kullanıcılar bekledikleri tasarım öğeleriyle kendilerini evlerinde hissedecekler. Her halükarda yaratıcı olun, ancak kullanıcı deneyiminden ödün vermeyin.
3. Tasarım tutarsız.
Web sitenizin tonu her sayfada oldukça tutarlı olmalıdır. Bir okuyucu, bir sayfadan diğerine tamamen farklı bir web sitesindeymiş gibi hissetmemelidir. Boyunca tek tip navigasyon ve kararlı bir ton sağlayın.
4. Hedef yok.
Hedef kullanıcınız kim? Bu, ilk sayfada belirgin bir şekilde kullanıcıya sunulmazsa kaybedersiniz. Birçok web sitesi genel kitlelere sunulur, ancak çok azı başarılı olur.
80/20 kuralı olarak da bilinen Pareto İlkesini hatırlayın.
Bu durumda: Satışlarınızın %80’i müşterilerinizin %20’sinden gelir.
Bu ilke, sahip olduğunuz web sitesi veya uygulama türü ne olursa olsun, para kazanıyor olsanız da, sadece eğlence için de geçerlidir. Bu %20’nin kim olduğunu bulmak ve web sitenizi sadece onlar için uyarlamak çok daha önemlidir.
5. Sosyal etkileşim eksiktir.
Kullanıcıların sitenizde zaman geçirmeyi seçerken onaylanmış hissetmeleri gerekir. Bu ihtiyacı doldurmanın en güçlü yollarından biri, popülerliğinizi ön plana çıkarmaktır. Yorum formları gibi sosyal araçları web sitenize uygulayın. Bülten kaydınızda abone sayınızı gösterin. Web sitelerine resimler ve bağlantılarla, memnun kullanıcılardan öneriler veya incelemeler gönderin.
6. Yön yok.
Alt çizginizin ne olduğunu anlayın. Kullanıcıların sitenizden veya uygulamanızdan ne almasını istiyorsunuz? Eğlence mi, bilgi mi, ürün mü, yoksa hizmet mi? Nihai hedef ne olursa olsun, onları yönlendirmelisiniz. Sitenizi ziyaret ettiklerinde hedeften uzaklaştıracak pek çok bilgi ile karşılaşmamalıdırlar.
İşte tam da bu nedenle, reklamlarla dolu bir blog, dikkatlice yerleştirilmiş bir veya iki onay içeren bir blog kadar iyi çalışmaz. Odağı daralttığınızda, kullanıcıyı kaybedersiniz.
7. Formlar çok yetersiz.
Uzun bir formdan daha kötü olan tek şey, net olmayan hata mesajları içeren bir formdur. İyi Kullanıcı Arayüzü ‘nün kurallarında vurgulandığı gibi, kullanıcı arayüzünün hatasız olmasını istiyorsunuz, ancak form alanların anlaşılabilirliği ve kullanılabilirliği çok önemlidir.
Form alanlarınız, yanlış yazılmış sözcükleri düzeltmeyi veya satır içi hata doğrulamasını sunarak kullanıcıya yardımcı olmalıdır. Bir başka iyi UI tasarımı, sitenizdeki diğer sayfalarda doldurulan bilgilerle önceden doldurulmuş formlardır.
Ayrıca, kullanıcılardan daha az bilgi talep etmeyi düşünün . Bir siteye kaydolmak kullanıcılara gerçekten çok zor gelir. Bu yüzden kaydınızı olabildiğince kolay yapın.
8. Sosyal medya girişi eksikliği.
Sosyal medya girişi, şu anda web ‘de çok önemlidir. Görünüşte farklı parçalar bir araya gelir. Web sitenizi kendi izole topluluğu olarak yapılandırdıysanız, kendinize ve kullanıcılarınıza zarar vermiş olursunuz. Her şey birbirine bağlıdır.
Kullanıcılardan form ile kaydolmalarını istemek yerine, sosyal medya aracılığıyla sitenize bağlanmalarına izin verdiğiniz sosyal oturum açmayı entegre edin, örneğin:
- heyecan
- Google+
Avantajları, kullanıcı için daha az işçilik getirir ve fotoğraflar gibi kayıt yaptırmış olan kullanıcı hakkında daha fazla bilgiye sahip olmanıza izin vermesidir.
Elbette, kullanıcılara geleneksel yoldan kaydolma seçeneğine izin verdiğinizden emin olun. Bazı kullanıcılar sosyal medyayı kullanmaz veya sitenizle ayrı bir etkileşim kurmayı tercih edebilir.
9. Yavaştır.
Yavaşlık kötüdür. Yavaş bir web sitesi size zarar verebilir.
Bunu engellemek için web sitenizi hızlandırabilecek en iyi uygulamaları seçin. Bu en iyi uygulamalar şunları içerir:
- Öğeleri birleştirmek ve CSS Sprite ‘ları kullanarak HTTP isteklerinizi en aza indirmek
- stil sayfalarını birleştirmek
- bant genişliğini azaltmak için sıkıştırmayı etkinleştirmek
- Görsellerinizi kaliteden ödün vermeden mümkün olduğunca sıkıştırın.
10. Okunabilirlik sorunları.
İyi bir kullanıcı arayüzü, içeriği de ele alır. İlgi çekici içeriğe sahip olmak güzeldir, ancak yanlış şekilde sunulursa, kullanıcılar onu okumaz.
Kullanılabilirlik hakkında bilmeniz gereken en önemli şey, çoğu insanın okumadığı, tarama yaptığıdır ; ve tarama ilginç görünüyorsa, gözden geçirirler; ve içerik ilgi çekiciyse o zaman okurlar. Ancak ilk nokta, taranabilir metin oluşturmaktır. Bunu alt başlıklar, madde işaretleri ve vurgulanmış metin kullanarak yapın.
Ardından yazı tipi ve boyutunun uygun kullanımı gelir. Metin boyutu her zaman düşündüğünüzden daha büyük olmalı , yazı fontunun uygulanabilirliğine göre genellikle 16 piksel civarında olmalıdır.
Son olarak, İçeriğinizi hedef kitleniz için okunması kolay hale getirin. Unutmayın, kullanıcı arayüzü, sitenin kullanıcı ile nasıl etkileşime girdiğidir.
Artık iyi ve kötü kullanıcı arayüzünün ana noktalarını öğrendiğimize göre, mevcut tasarımınız hakkında kendinize sormanız gereken 5 soru:
- Hedef kitleniz kim?
- Kullanıcılar sitenize neden geliyor? Kullanıcı ziyaret ederek neyi çözmeyi umuyor?
- Son derece basit mi? Değilse, baştan başlayın.
- Kullanıcıları hedefinize etkili bir şekilde yönlendiriyor musunuz?
- Net çözüm ve sonuç nedir?
Bu soruları yanıtladıktan sonra sitenizi test etmeye başlamanın zamanı geldi . Test, verimli kullanıcı arayüzü için gerekli bir bileşendir. Neyse ki, otomatik test ile testler kolay ve ucuz bir şekilde yapılabilir. Test yaparken izlenecek temel kurallar şunlardır: Test kullanıcıları edinin; temsili görevleri yerine getirmelerini isteyin; sonrasında tüm şikayet, öneri ve taleplerini dinleyin.
İyi kullanıcı arayüzü aslında hiç de karmaşık değildir. Odaklanmayı basitleştirmekle ilgilidir.