Her Web Tasarımcısının Uyması Gereken 10 UX Kuralı
Yayınlanan: 2017-03-02Dünyanın en göz alıcı tasarımını yaratabilirsiniz ve kullanılabilirliği karşılamıyorsa başarılı olamaz.
Bir kürdandan ticari bir uçağa kadar her şey, çalışmak ve satmak için kullanılabilirlik gerektirir, aksi takdirde tasarımı mahvolur. Benzer şekilde, web dünyasında bir web sitesi kullanıldığında ve derecelendirildiğinde UX adı verilen bir terim devreye girer.
UX, bir web kullanıcısının bir web sitesinde gezinirken ve öğeleri ve özellikleriyle etkileşim kurarken edindiği kullanıcı deneyiminin kısaltmasıdır. Deneyim dalgalı ve kötü amaçlıysa, web sitesi internette yüzen çöplerle kimsenin umurunda olmaz. UX, bir web sitesinin kullanılıp kullanılamayacağına veya satılıp satılmayacağına tek başına karar verebilir, bu nedenle tasarımcı için sayılması zorunludur. Bu yazıda, her web tasarımcısının web sitesini son aşamalarına götürmeden önce bilmesi gereken kullanılabilirlikle ilgili 10 temel kuralı paylaşacağız.
1. Kullanıcı Arayüzü ile Asla Hata Yapmayın
UX ve UI arasına çizilmiş ince bir çizgi var. Farkın farkında olsanız bile, bunu bir noktada müşteriden duyabilirsiniz, ancak zamanı geldiğinde farkı mümkün olan en iyi şekilde açıklayabilmelisiniz. Kullanıcı Arayüzü, gerçek sistem olarak tanımlanırken, Kullanıcı Deneyimi, sistemle etkileşime girdikten sonraki duygusal sonuç olarak tanımlanır.
Microsoft Windows UI, kullandıktan sonraki duygusal memnuniyet ise UX'tir. İki terimi karıştırmak yalnızca kendi işinize zarar vermekle kalmaz, aynı zamanda tamamen işiniz olmayan bir şeyle size aşırı yük bindirebilir.
İyi bir tasarımcı, yalnızca farkı bilmekle kalmayacak, aynı zamanda işini sunarken bir adım önerdiğinde müşteriye bunu açıklayabilecektir.
2. UX Web Sitesi Deneyiminden Daha Fazlasıdır
Web tasarımı göründüğünden daha fazlasıdır. Görsel detaylarından, kullandığınız ürüne, gezdiğiniz mekanlara kadar her şeyin üzerinde UX yazıyor. Değersiz bir araba kullanmak kötü bir deneyimdir, paketlenmiş bir kutuyu kolayca açmak ise iyi bir deneyimdir. Çevrimdışı UX pazarlaması farklı bir elbise gibi görünebilir, ancak aslında aynı kumaştan kesilmiştir. Tamamen aynı olmasa ve birkaç örnekle doğrulanamayacak olsa da, maddi ve manevi bir platformdaki UX deneyimi beyninizde aynı hormonları üretir. Örneğin, birisi insanların bilgileri soldan sağa önceliklendirdiğini ve soldaki öğelerin daha az dikey alan kapladığını ve eşit görsel ağırlık taşıdığını keşfetti.
2000 yılında trend değişmeye başladı ve web tasarımcıları web sayfasının sol paneline gezinme çubukları yerleştirmeye başladı. Bu, kullanıcıların içeriği daha hızlı ve daha iyi taramasını sağlarken, web sitesi içeriğine daha fazla maruz kalma sağlar. Bir web tasarımcısı olarak, her iki ortama da ayak uydurmak, zihninizi çapraz eğitmenize ve daha canlı bir bakış açısıyla projeleri değerlendirmek ve üretmek için bilginizi genişletmenize olanak tanır.
3. Sanat ve Bilim Geriye Gidiyor
UX söz konusu olduğunda Sanat ve Bilim el ele gider. Bağları hakkında rafine bir anlayışa sahip olmak, özellikle tasarım sürecinde zorunludur. Bilimsel olarak, tasarımcının bir yol haritası çizmesi ve sorunları teorik bir çözümle çözmesi gereken bir problem-çözüm senaryosu vardır. Örneğin, bir web sitesi satışlarında büyük ölçüde azalmaktadır. Tasarımcı, bir çözüme dönüşecek olan web sitesini güncellemeyi, test etmeyi ve sorun gidermeyi önerecektir. Sanatın devreye girdiği yer burasıdır.
Renkler, yazı tipleri, düzen, metin ve görsel içerik gibi tüm yönler ve unsurlar, bu web sitesini hem estetik hem de işlevsel olarak çekici hale getirmek için çözümde önerilecektir. Kullanıcıdan istenen duygusal tepkiyi almayı başarana kadar daha fazla teste tabi tutulacaktır. Bilimsel bir uygulama yoluyla dışa dönük davranışın bu kanalize edilmesi, Sanat ve Bilim'i tuhaf ama güçlü bir çift yapan şeydir.
4. Problem Çözmeniz İçin Hedefe Dayalı Yaklaşımı Kullanın
Tasarımcıların, her şeyin kendi kitaplarına göre yürümesini isteyen müşterilerle uğraştığı bir sır değil. Bu, müşterinin farkında olmadığı ve yalnızca tasarımcının bildiği pek çok şey olduğu için hiçbir yere gitmeyen bir labirent yaratır. Benzer şekilde, tasarımcılar bazen işleri kendi yöntemleriyle yapmaya eğilimliyken, diğer yöntemler de masadadır ve daha iyi sonuç verebilir.
UX açısından zengin bir web tasarımı tasarlarken tek fikirli bir yaklaşımı sürdürmek asla sağlıklı değildir. İyi bir UX, yalnızca mevcut en iyi çözüme odaklanan hedef odaklı bir yaklaşımla elde edilebilir. Örneğin, bir müşteri daha fazla görünürlük elde etmek ve daha fazla trafik davet etmek için müşteri referansları bağlantısını sayfanın üst tarafına kaydırmak istiyor. Ancak sorun, bağlantının yerleşiminde değil, trafik çekmede başarısız olduğu için konum bağlantısının kendisinde yatmaktadır. Bu nedenle, bağlantıyı yeni bir konuma taşımak yerine tam olduğu yerde daha görünür hale getirerek de düzeltebilirsiniz. Her iki çözüm de sorunu çözmek için kullanılabilir ve seçeneği açık tutmalısınız. Buna hedef odaklı tasarım denir.
5. UX ile Marka Kimliğini Ortaya Çıkarın
Marka Kimliği, harika bir UX oluşturmanın ardındaki birincil hedefler arasındadır. UX, kullanıcıları memnun etme konusunda damgasını vurursa, bu deneyimi mümkün kılan Markaya büyük ölçüde yansıyacaktır. Müşterinin tercihlerini karşılayan bir görünüm yaratırken dikkatinizin dağılmaması önemlidir. Yalnızca kullanıcının deneyimini bir zevk haline getirmekle kalmayıp, aynı zamanda bir markanın başarılı olması için yaptığı yatırımı da detaylandıran, işlevsellik ve özelliklerin doğru karışımını sergilemesi gereken iyi bir tasarım. Bu, kullanıcının web sitesini tekrar ziyaret edip etmeyeceğine karar verecektir.

Müşterinin bakış açısının tasarıma yerleştiğinden emin olmak için, onları her hareket hakkında bilgilendirin ve tasarımda yer alabilecek gerekli değişiklikleri yapın. Ayrıca, kullanıcı deneyiminin süreçten etkilenmemesi için müşteri tercihlerini eklerken büyük resmi göz önünde bulundurmanız da önemlidir.
6. UX'inizi Kullanıcı Perspektifinde Oluşturun
Asla kendi hayal gücünüzün kurbanı olmayın. Bir web sitesi tasarlarken biraz yaratıcı özgürlüğünüz olduğundan, onu kötüye kullanmamanız çok önemlidir. Bu özel durumda, müşterinin yönergelerine ve tercihlerinize derinlemesine yerleşmişsiniz, ancak kullanıcının bakış açısını tamamen unutmuşsunuz. Bir tasarımcı olarak, hayal gücünüzün sizi müşterinin ve kullanıcının istediğini elde etmekten alıkoymasına asla izin vermemeniz önemlidir. Kullanıcı odaklı bir tasarım, diğer yaklaşımlardan daha fazla kazanan bir UX üretme şansına sahiptir.
Doğru yolda olduğunuzdan emin olmak için tasarım nişinizin kullanıcıları hakkında araştırma yapın ve özel tasarımınızdaki ihtiyaçları ve istekleri hakkında bilgi edinin. Başlatmaya hazır olmadan önce tasarımınızın gereksinimleri karşılayıp karşılamadığını doğrulamak için A/B testini kullanın. Unutmayın, kullanıcının ihtiyaçları sizin kişisel girdilerinizden daha önemlidir çünkü sonunda onu kullanacaklardır.
7. UX Tamamen Psikoloji ile İlgilidir
Davranışsal tetikleyiciler, kullanıcının duygusal tepkisini uyaran insan psikolojisine dayanır. İyi tasarımcılar, kullanıcının zihniyetini niteliksel olarak değerlendirebilir ve içerikle duygusal bağlantı kurabilir. Bu duygusal bağlantılar, bir web tasarımında canlı bir UX üretmek için gereklidir. Örneğin bildirimleri alın. Çıkış yolunda kapıyı çarparak sizi web sitesinden gönderen can sıkıcı açılır pencere bildirim özelliğini deneyimlemiş olabilirsiniz. Perakendeci için dönüşümleri güvence altına alırken aynı zamanda kısmen müşterinin yararına olsa da, müşteri web sitesine girdikten hemen sonra bunu göstermek korkunç bir fikir.
Ofis noktanıza geldiğinizi ve nefes almadan veya sıcak bir fincan kahvenin tadını çıkarmadan ev işlerinizi yapmanızın emredildiğini hayal edin. Burada zamanlama çok önemli bir faktördür. İnsan ruhunu biliyorsanız, ekranın yarısından fazlasını kaplayan bir açılır pencereyle asla başlamazsınız. Bunun yerine, ziyaretçinin içeriği gözden geçirmesini bekleyebilir ve ardından sunumunuza başlayabilirsiniz. Bu şekilde, aynı bildirim açık kollarla alınacaktır, çünkü artık kullanıcı gerçekten etkileşime geçmek için zaman ayırabilir. UX, tüketicinin ruhuna büyük ölçüde bağlıdır ve bu nedenle, sağlıklı bir dozda davranışsal tetikleyiciyi entegre etmeniz ve gerektiğinde dikkatli olmanız gerekir.
8. Kaydırarak Müşterilerinize Yol Gösterin
Bana sorarsanız kaydırma sihir gibi çalışır. Bilgi arayan kullanıcıyı sitenin derinliklerine göndererek dönüştürme şanslarını artırır. Muhtemelen çoğu tasarımcının CTA'larını sayfanın en altına, kaydırmanın sona erdiği yere yerleştirmesinin nedeni budur.
"İlk görüşte aşk" yaklaşımı bile, tasarımın sayfanın üst kısmında CTA'ları gösterdiği kaydırmayı teşvik edebilir. Bu tür sayfaları kaydırma ipuçlarını ekleyerek optimize edebilirsiniz. Kaydırma ipuçları, oklarla iç çekmelerden büyüleyici grafik öğelere kadar değişebilir. Örneğin, bir sonraki içerik parçasının yol tarifini göstermek için Oklar kullanılabilirken, grafik öğeler kullanıcıyı içerikle etkileşime girdiklerinde doğrudan bir sonraki slayda götürebilir.
9. Kullanımı Rahat Hale Getirin
İçeriğinizi internette yayınladığınızda, her türden insanla karşılaşmasını beklemelisiniz. Herkes görüşlerinizi, önermek istediğiniz şekilde paylaşmaz. Bu nedenle içeriğinizin emilebilir olması gerekir, böylece kullanıcının onlara ne sunduğunuzu anlamak için ekstra çaba göstermesi gerekmez. İçerik sindirilebilir ise, kullanıcı daha hızlı dönüştürecektir.
Onlara her seferinde bir ısırık verin. Tek bir oturuşta sunabileceğiniz her şeyi göstermek sadece kullanıcıyı şaşırtmakla kalmaz, aynı zamanda yarınızdaki çaresizliği de yansıtır. Tasarımınızın nefes alabilir ve özümsenmesi kolay olduğundan emin olmak için öğelerinizin etrafında bol miktarda beyaz boşluk kullanın, böylece kolayca ayırt edilebilirler. Ayrıca örneklerle ve kendi anlatımlarınızla her türden izleyici için anlaşılabilir içerik oluşturun. Kendinizi bir iş adamı olarak değil, onların arkadaşı olarak gösterin.
10. Sayfa Öğelerinizi Yeterli Şekilde Optimize Edin
Sayfa öğeleri, bir web tasarımının ayrılmaz bir parçasıdır. Kullanıcılar için temel işlevleri yerine getirirler ve UX'te duygusal bir uyum sağlarlar. Ancak, gereksiz sayfa öğeleri eklemek web siteniz ve kullanıcı için de tehlikeli olabilir.
Bir yerine birden çok komut içeren bir CTA gibi sayfa öğeleri, gözü konudan uzaklaştıracak kadar dikkati dağıtan bir görüntü veya sayfanın ortasında müşteriyi yanlış yönlendiren metin parçası. Bu öğelerin eklenmesi, web tasarımınızın güvenilirliğini anlamsız bir şekilde etkilerken, yükleme hızını da yavaşlatır. Örneğin HD görüntüler, web sayfalarınız için gecikme fabrikaları olabilir. Çok fazla bant genişliği talep ederler ve dönüşüm dostu bir web sitesi için ideal yükleme süresini ortadan kaldırırlar. Yavaş yüklenen bir web sitesi, web sitenizin UX'inde istediğiniz son şeydir.
Son düşünceler
Bir web tasarımcısı olarak, denkleme her öğeyi, yönü ve yaklaşımı almalısınız. Hedefiniz, yalnızca müşterileri kazanmakla kalmayıp aynı zamanda tatmin edici bir UX sunan bir tasarım üretmektir. Bu 10 temel kural sayesinde, her açıdan kullanılabilirliği sağlayan ideal web tasarımını yaratırsınız.