İçeriğe Atla Menüye Atla
 

FilBlog

Sağladığımız hizmetler ile ilgili işinize yarayabilecek kısa bilgiler
filblog

Web Sitenizin Kullanıcı Deneyimini Nasıl İyileştirebilirsiniz

Web sitesi tasarımı, ziyaretçi dönüşleri için düşündüğünüzden daha önemlidir. Dünyadaki her dönüşüm artırıcı taktiği uygulayabilirsiniz, ancak web tasarımınız kötü görünüyorsa, bunlar pek işinize yaramaz. Ancak rahat kullanılabilir bir web tasarımı ile başarılı olabilirsiniz. Tasarım sadece tasarımcıların yaptığı bir şey değildir. Bundan çok daha fazlasıdır ve bunun içinde sizin de müşteri olarak rolünüz oldukça büyüktür. Her şeyden önce doğru şeyi istiyor olmanız önemlidir.

1. Görsel Hiyerarşi 

Görsel hiyerarşi , iyi web tasarımının arkasındaki en önemli ilkelerden biridir. İnsan gözünün gördükleri ve algıladığı düzen zihinsel olarak bir önem sıralamasına koymasına yardım eder.

Web sitenizin formlar , harekete geçirme çağrıları , teklifler vb belirli bölümleri diğerlerinden daha önemliyse  ve bunların daha az önemli olan kısımlardan daha fazla dikkat çekmelerini istiyorsanız görsel bir hiyerarşi oluşturarak kullanıcıya yardım etmeniz gereklidir.

Web sitenizin menüsünde birden çok öğe varsa, hepsi eşit derecede önemli mi? Kullanıcının nereye tıklamasını istersiniz? Önemli bağlantıları daha belirgin hale getirin veya sayfa içinde farklı şekillerde tekrar edin.

Hiyerarşi, yalnızca boyut ile oluşmaz. Belirgin renk kullanımı da buna yardımcı olur.

Web sitenizdeki unsurları kurumsal hedefinize göre sıralamalısınız. Belirli bir hedefiniz yoksa neye öncelik vereceğinizi bilemezsiniz. Görsel hiyerarşi, etkili web tasarımı için çok önemlidir.

2. Altın Oranlar 

Altın Oran için Latince (φ) harfi kullanılmıştır.

Altın Oran , 1,618 (φ) sihirli bir sayı gibidir. Altın oran tarafından tanımlanan oranlar kullanarak yapılan tasarımların, estetik açıdan hoş olduğuna inanılıyor.

Bir de Fibonacci dizisi var. Her terim, önceki iki terimin toplamıdır: 0, 1, 1, 2, 3, 5, 8, 13, 21 vb. Burada ilginç olan altın oran ve Fibonacci dizisinin bize aynı sonucu vermesi. 

Birçok sanatçı ve mimar, Altın Oranı yaklaşık olarak belirlemek için oranlar kullanır. Ünlü bir örnek, Antik Yunanistan'da yerleşik olan Parthenon'dur:

Bu oranlar tasarımın her dalında kullanılabilirler. Yıllar önce Twitter'ın tasarım yönetmeni Doug Bowman yapılan tasarımın tesadüf olmadığını belirli oranlara sahip olduğunu belirtmişti.

Bugün web tasarımında kullanılmak üzere belirli oranlar veren Bootstrap gibi pek çok yardımcı araç bulunmaktadır. Bunlar tasarımı belirli oranların dışına çıkmadan oluşturmaya yardımcı olurlar.

Daha fazla bilgi edinmek istiyorsanız altın oran hakkında yazılmış makalelere göz atabilirsiniz

3. Hick Yasası 

Hick Yasası kısaca bir karar anında her ek seçimin karar almak için gereken süreyi artırdığını söylüyor.

Restoranlarda zaman geçirmişsinizdir. Büyük seçeneklere sahip menüler, yemeğinizi seçmeyi zorlaştırır. İki seçenek sunmuş olsaydı, karar vermek çok daha az zaman alırdı. Bu, Seçim Paradoksuna benzer; ne kadar çok seçenek verirseniz, hiçbir şey seçmemek o kadar kolay olur. Her iki ilke de web tasarımı için geçerlidir.

Bir kullanıcı, web sitenizde ne kadar fazla seçenek varsa, sitenizi kullanmakta o kadar zorlanır.  Seçimleri ortadan kaldırmamız gerekiyor. Daha kullanılabilir bir web tasarımı yapmak için tasarım süreci boyunca dikkat dağıtıcı seçeneklerin ortadan kaldırılmasına odaklanın.

Sonsuz seçim çağında, insanların daha iyi filtrelere ihtiyacı var! Çok sayıda ürün satıyorsanız, karar vermeyi kolaylaştırmak için daha iyi filtreler ekleyin. 

gr2
Antik Yunanistan'da yerleşik olan Parthenon
gr
Altın Oran ilkesi ile çekilmiş bir fotoğraf
twtr gr
Altın Oran ve Twitter

4. Fitt Yasası

Fitt yasası bir hedef bölgeye gitmek için gereken zamanın hedefe olan mesafenin ve hedefin boyutunun bir fonksiyonu olduğunu şart koşar. Başka bir deyişle, bir nesne ne kadar büyük ve ne kadar yakınsa, o kadar kolay kullanılır.

Örneğin Spotify “Oynat” a basmayı diğer düğmelerden daha kolay hale getirir. Cep telefonu uygulamasında, oynatma düğmesini dokunması kolay bir yere de yerleştirirler.

Daha büyük her zaman daha iyi değildir. Ekranın yarısını kaplayan bir düğme iyi bir fikir değildir. Buna rağmen, Fitt Yasası ikili bir logaritmadır. Bu, bir nesnenin kullanılabilirliğinin tahmini sonuçlarının düz bir çizgi değil, bir eğri boyunca uzandığı anlamına gelir. Bir düğmenin boyutu, beklenen kullanım sıklığına orantılı olmalıdır. İnsanların en çok hangi düğmeleri kullandığını görmek için fare izleme işlevini kullanabilir, daha sonra popüler düğmeleri daha büyük yapabilirsiniz.

5. Gestalt Tasarım Yasaları 

Gestalt psikolojisi zihin ve beyin teorisidir. İlkesi, insan gözünün, parçalarını algılamadan önce nesneleri bütünüyle görmesidir. Bütün, parçalardan bağımsız olarak varıdır

Web tasarımıyla ilgili olarak, insanlar önce web sitenizin tamamını görür; üst bilgiyi, menüyü, alt bilgiyi vb. ayırmadan önce kısa bir süre içinde zihinlerinde bir bütün imge oluştururlar. İnsanların bir şeyi nasıl algılayacaklarını tahmin etmemize olanak tanıyan sekiz sözde gestalt tasarım yasaları vardır. Her biri web tasarımı ile ilgilidir

1. Yakınlık Yasası

İnsanlar birbirine yakın şeyleri birlikte gruplandırır. Tek bir algılanan nesne haline gelirler.

Etkili web tasarımı için, birliktegruplanamayacak şeylerintek olarak algılanmadığındanemin olun. Benzer şekilde, bir bütün oluşturduklarını bildirmek için ilgili tasarım öğelerini (gezinme menüsü, altbilgi vb.) Birlikte gruplandırabilirsiniz.

2. Benzerlik Yasası

Benzer şeyleri birlikte gruplandırma bir bütünlük algısı oluşturur. Bu benzerlik şekil, renk, gölgeleme veya diğer nitelikler biçiminde ortaya çıkabilir.

wwf
3. Kapanış Yasası

Bütünlüğü arıyoruz. Kapatılmayan şekiller veya resmin parçaları eksik olduğunda, algımız görsel boşluğu doldurur.  

Kapatma yasasını kullanmak, logoları veya tasarım öğelerini daha ilginç hale getirebilir. Buna iyi bir örnek, 1961'de Sir Peter Scott tarafından tasarlanan World Wide Nature for Nature logosudur.

4. Simetri Kanunu

Zihin nesneleri simetrik olarak algılar ve bir merkez noktası etrafında oluşturur. Nesneleri eşit sayıda simetrik parçaya bölmek algısal olarak memnuniyet vericidir. Bağlantısız iki simetrik eleman gördüğümüzde, zihin onları tutarlı bir şekil oluşturmak için algısal olarak birleştirir.

İnsanlar asimetrik olanlara göre simetrik görünüşleri tercih eder. Alternatif görüntü ve metin sütunları, ortalanmış sliderlar ve üç sütunlu bir liste, sayfa tasarımının görsel zevkine katkıda bulunur
5. Ortak Kader Kanunu

Nesneleri bir yol boyunca hareket eden çizgiler olarak algılamaya meyilliyizdir. Aynı hareket eğilimine sahip ve dolayısıyla aynı yolda olan nesneleri bir arada gruplandırırız.

6. Süreklilik Kanunu

İnsanlar bir çizgiyi, yönünü sürdürdüğü şekliyle algılamaya eğilimlidir. Nesneler (örneğin çizgiler) arasında bir kesişme olduğunda, iki çizgiyi iki tek, kesintisiz varlık olarak algılama eğilimindeyizdir.  

6. Beyaz boşluk ve temiz tasarım 

Beyaz boşluk ("negatif boşluk" olarak da bilinir), bir web sayfasının "boş" olarak kalan kısmıdır. Grafikler, kenar boşlukları, oluklar, sütunlar arasındaki boşluk, yazı satırları arasındaki boşluk veya görseller arasındaki boşluktur. Bu sadece “boşluk” değil, aynı zamanda web tasarımının önemli bir unsurudur. İçindeki nesnelerin var olmasını sağlar. Beyaz alan, bilgi, tipografi, renk veya görüntüler için hiyerarşi kullanımı ile yakından ilgilidir. Beyaz boşluk içermeyen, metin veya grafiklerle dolu bir sayfa, kalabalık veya darmadağın olma riskini taşır. 

Doğru miktarda beyaz alan bir web sitesinin “temiz” görünmesini sağlar. Temiz bir tasarım açık bir mesaj iletmek için çok önemli olsa da, sadece daha az içerik anlamına gelmez.

Temiz bir tasarım içinde bulunduğu alanı en iyi şekilde kullanır. Temiz bir site tasarımı oluşturmak için beyaz alanı akıllıca kullanarak nasıl net bir şekilde iletişim kuracağınızı bilmeniz gerekir. Beyaz alanın ince kullanımı, ana mesaja ve görsellere odaklanmayı kolaylaştırır. Genel olarak, beyaz alan zerafeti arttırır, okunaklılığı artırır ve odağı yönlendirir.

7. Occam'ın Usturası

Ockham'ın Usturası teorisi temel olarak "her şeyin birbirine eşit olduğu bir ortamda, en basit açıklama doğruya en yatkın olandır" felsefesi üzerinde şekillenir. (wikipedia)

Birkaç rekabet hipotezi verildiğinde, Occam'ın usturası, en az varsayımı yapan birini seçmeye teşvik eder ve böylece en basit açıklamayı sunar. Web tasarımı bağlamında,  en basit çözümün genellikle en iyisi olduğunu söyleyebiliriz.

Basit, minimalist tasarım, tasarımın çalışacağını garanti etmez. Ancak, deneyimlerimize göre, basit her zaman karmaşıktan daha iyidir - ve bu nedenle, web tasarımlarımızı basitleştirmek için çaba göstermek iyi bir fikir olacaktır.

Sonuç

Etkili web tasarımı bir sanat değildir. Ancak birçok psikoloji ve tasarım ilkesi web siteleri için de geçerlidir. Bu yasaların konuyla ilgili yönlerini düzeninize, tipografinize ve resimlerinize uygulayarak harika bir web sitesi tasarımı elde edebilirsiniz.