Web Tasarımınızın Çalışmamasının 10 Sebebi (Ve Bunun Yerine Ne Yapmalı)

Paranızı ve kaynaklarınızı güzel ve süslü bir web sitesine harcıyorsunuz ve… beklediğiniz yanıtı alamıyorsunuz. Ya da belki çok ziyaretçi alırsınız ama umduğunuz sayıyı alamamışsınızdır. Belki tonlarca trafik alırsınız, ancak kimse harekete geçirici mesajınıza yanıt vermez. Yanlış ne olabilir ki? Web tasarımınız suçlu olabilir.

Web tasarımı, hedef kitlenizle iletişim kurmakla ilgilidir. Bu, metin ve görüntüler kullanılarak düzen ve yapı yoluyla yapılır. Başka bir deyişle – kullanıcı arayüzü. Doğru yapıldığında ziyaretçileri çekecek ve tutacaktır. Yanlış yapıldığında, onları çalıştırır.

Tasarımınızın çalışmamasının birçok nedeni olabilir. İşte 10'luk bir liste ve sorunu çözmek için yapılması gerekenler. Bu örneklerin eski ve aşırı olduğunu kabul ediyorum. Amacımı anlatmak için abartılı örnekler kullanıyorum. Çoğu, günümüzün web tasarımı dünyasında bu kadar kötü değil (aslında, fazladan çaba göstermediğiniz sürece bunlardan bazılarını WordPress'te yapmak zor olacaktır). Yine de, burada öğrenilecek çok şey var, o yüzden hemen konuya girelim.

1. Ana Sayfanız Dağınık ve Ziyaretçilerinizi Yavaşlatıyor

Bir ziyaretçinin gitmeye veya kalmaya karar vermesi 10 saniyeden az sürer. Aradıkları içeriğe kolayca erişmelerini istiyorsunuz.

Web sayfalarında tıklanacak çok fazla şey veya bakılacak çok fazla şey olabilir. Ana sayfanızda birçok farklı konu olabilir, ancak bunlar bir araya getirilip karışırsa, okuyucularınız ekstra çaba harcamadan aradıklarını bulamayacaklardır. Ziyaretçilerinizin aradığı şey, içinde gezinmesi zor olan dağınıklığın içinde gömülü olabilir.

Hiç uzun bir vaatler listesi olan bir ana sayfaya girdiniz ve sadece en son makaleye bir bağlantı bulmak için kaydırmanız ve kaydırmanız gerekti mi? Neyin ne olduğunu anlayamayacağınız çok şey içeren bir ana sayfaya ne dersiniz? Birkaç yıl önce herkesin ana sayfasında bir Flash videosu olduğunu ve (bazen) onu atlama seçeneğiniz olduğunu hatırlıyor musunuz? Bunu yapma. Yıllar önce okuyucular sitenize girmeden önce bir videoyu izleyecek kadar sabırlı olabilirdi ama artık değil.

Ziyaretçilerinizi, içeriğinize erişmeden önce sunumunuz boyunca oturtmayın. Bu kurulumlar gereksiz tıklamalar ekler, arama motorları onları sevmez, mobil tarayıcılar onları sevmez ve aradığınız tam tersi etkiye sahiptir, çünkü birçok ziyaretçi bir sonraki siteye geçer.

Ana sayfanızda ziyaretçilerinizi rahatsız edebilecek başka bir şey de site yüklendiğinde otomatik olarak çalan müzik ve videodur. Ses veya video istiyorsanız, onları kapatmaya zorlamak yerine açmalarına izin verin. Bir video veya sunum eklemeniz gerekiyorsa, ziyaretçilerinizin her defasında tekrar oturmak zorunda kalmaması için bir atlama düğmesi eklediğinizden emin olun.

Peki bunun yerine ne yapmalısınız?

• Okuyucuları çeken ve dikkatlerini çeken bir ana sayfa oluşturun . Basitleştirin ve yalnızca orada olması gereken bilgileri ekleyin. Düzensiz tutun. Bunu hızlı bir giriş olarak kullanın ve ziyaretçilere ihtiyaç duydukları şeylere bağlantılar verin. Her şeyin tek sayfada olması gerektiğini söyleyen bir kural yok. Ana sayfanızı düzenli tutun. Her blog gönderisini görüntülemeyin, hatta blog gönderilerini tamamlamayın. İçeriği bir araya gelen daha küçük parçalara bölün. Farklı kategoriler için bölümler oluşturun ve bunları etiketleyin.

• UI ve UX'e odaklanın. Unutmayın, yaratıcılık 1 numaralı hedef değildir. Hubspot'a (ana sayfadan indirilebilir rapor) göre, kullanıcıların %76'sı bir web sitesinin tasarımındaki en önemli faktörün aradıklarını bulabilmeleri olduğunu söylüyor. Kullanılabilirlik güzelden daha önemlidir.
• Ana sayfanızın hızlı bir şekilde yüklendiğinden emin olun. Yüklenmesi çok uzun süren sayfalar, arama motorlarında daha düşük bir sıralama elde edecek ve ziyaretçilerinizin sabrını deneyecektir.

2. Düzeniniz Kalabalık, Dağınık ve Tutarsız

Tıpkı ana sayfanız gibi, sayfalarınızın ve gönderilerinizin düzeninin de temiz ve düzenli olması gerekir. Kenar çubuklarına, üstbilgilere ve altbilgiye çok fazla reklam yerleştirmeyin. Reklamlar için en iyi yer içeriğin içidir.

Çerçevenizi bir sayfadan diğerine tutarlı tutun. Sağ kenar çubuğunuz varsa ve birdenbire ziyaretçileriniz her iki tarafta farklı bir renk şemasına ve farklı bir üstbilgiye sahip kenar çubukları görürse, sitenizden ayrıldıklarını ve başka bir siteye gittiklerini düşüneceklerdir. Bazı varyasyonlara ve farklılıklara sahip olmak sorun değil, ancak birincil tasarım öğelerini, aynı web sitesi olduğunu anlayacak kadar sıkı tutun. Onları mağazanız için farklı bir siteye gönderirseniz, markayı aynı tutun – aynı renkler, logo vb. Tutarsızlık sitenizin rastgele görünmesine neden olur.

Beyaz alanı unutma. Hiç ekranın kenarına ya da bir kitapta sayfaya kadar giden bir metin okudunuz mu ya da tasarım öğelerinin bir araya toplandığı web sitelerini gördünüz mü? Dikkat dağıtıyor ve düzeni kullanmayı çok zorlaştırıyor.

3. İçeriğiniz, Resimsiz Büyük Paragraflarda Sadece Metindir.

Görsel ara veya resim içermeyen uzun paragraflar görsel olarak çekici değildir. Okuyucular genellikle hızlı bir şekilde tarayabilecekleri bilgileri ararlar. Bir yerde çok fazla metin varsa, sıkılıp devam edebilirler.

Metninizi ayırmak ve taranabilir hale getirmek için çağrılar, alıntılar, büyük harfler, sütunlar vb. kullanarak sayfanızı ve gönderi düzenlerinizi daha ilginç hale getirebilirsiniz. “Çok uzun zamandır okumadım” çukuruna düşmeyin. Okumalarını kolaylaştırın. Bu görüntü dünyasında bile, mesajınızı iletmede metin hala önemlidir. Sözlerinizi özlü kullanın. Okuyucular, metni küçük parçalara bölen daha küçük paragrafları tercih eder.

Bir bakışta bir hikaye anlattıklarından, resimlerle kelimelerle anlatabileceğinizden daha fazlasını söyleyebilirsiniz. Kullanıcı için hızlı yüklemeye devam ederken mümkün olduğunca iyi görünmelidirler. Yüksek kaliteli görüntüler profesyonel görünür.

Okunması kolay yazı tipleri ve renkler kullandığınızdan emin olun. Yazı tiplerinizi ve renklerinizi web sitenizde tutarlı bir şekilde kullanın.

4. Harekete Geçirici Mesaj Yok veya Harekete Geçirici Mesajın Görülmesi Kolay Değildir

Hiç göremeyeceğiniz kadar derine gömülü olduğu için haber bültenleri olduğunu öğrendiğinizde şaşırdığınız bir web sitesine gittiniz mi? Yoksa eylem çağrısını kazara mı buldunuz? Harekete geçirici mesajınızın görünür ve net olmasını istersiniz, böylece okuyucular onlardan ne yanıt istediğinizi bilir. Net bir harekete geçirici mesaj kullanın ve spesifik olun. Pop-up'lar bunun için çalışır, ancak ziyaretçilerinizi kızdırmak ile onları harekete geçirici mesajınız hakkında bilgilendirmek arasında ince bir denge olduğunu unutmayın. Vazgeçemeyecek kadar iyi bir şeye abone olmaları için onları ikna etmeyi unutmayın.

Örnek olarak, Bloom bir harekete geçirici mesaj oluşturmak için iyi bir araçtır. Seçtiğiniz ayarlara bağlı olarak okuyucularınıza bir açılır pencere verecektir. Örneğin, sitenizden ayrılırken birkaç saniye sonra harekete geçirici mesajı sunmasını sağlayabilirsiniz, bir köşeye kayarlar veya kaybolurlar, vb. Divi Oluşturucu.

Harekete geçirici mesajınız için formlar oluşturduğunuzda, bunları basit ve doldurması kolay hale getirin. Form, ayrıntı gerektiren belirli bir amaca yönelik değilse, ihtiyacınız olandan daha fazla bilgi istemeyin. Sadece isimleri ve e-postaları yeterlidir. Doldurulması gereken çok fazla alan varsa, ziyaretçilerin ilgisini kaybedebilir. Size e-posta adreslerini vermek için onları çalıştırmayın. Bunun yerine, mümkün olduğunca ağrısız hale getirin.

5. Tasarımınız Duyarlı Değil

Akıllı telefonumda gittiğim ve kendilerini ekranıma uyacak şekilde biçimlendirmeyen web sitelerinin sayısına hala şaşırıyorum. İçeriği görmek için yakınlaştırmamı ve ekranı bir taraftan diğerine taşımamı istiyorlar. Bu, günümüzün çevrimiçi dünyasında bir hayırdır. Google, yanıt vermeyen web sitelerini cezalandırdığı için bu, arama motoru sıralamalarınızı da etkiler.

Okuyucuların çoğunluğunun İnternet içeriğini mobil cihazlarında tükettiği göz önüne alındığında, tasarımınız önce mobil cihazlara odaklanmalıdır. Sitenizin olası her ekran boyutunda mükemmel şekilde çalışması gerekir. Duyarlı bir tema kullandığınızdan veya web sitenizin mobil sürümünü oluşturan bir eklenti kullandığınızdan emin olun. Ayrıca, her değişikliği mobil cihazlarda test edin ve nasıl çalıştıklarını ve göründüklerini görün. Navigasyonun kolay olduğundan emin olun.

6. Tasarımınız Eski

Tasarımınızı birkaç ayda bir değiştirmeniz gerekmez (aslında tasarımınızı birkaç ayda bir değiştirmeyin!), ancak web sitenizin modern özellikler içermesini istiyorsunuz. Siteniz iki yıldan daha eski görünüyorsa, İnternet yıllarından çok daha eski görünüyor. Ziyaretçiler, modern trendlere ayak uyduramadığınız ve tasarım becerilerinizin modası geçmiş olduğu sonucuna varacaklar.

Her yeni trendi takip etmenize gerek yok, ancak Materyal Tasarımı, minimalizm ve bölümler gibi standart hale gelen trendleri takip etmeniz gerekiyor.

7. Siteniz Zillere ve Islıklara Odaklanıyor

Paralaks kaydırma, video kaydırıcılar, animasyonlar vb. gibi en son tasarım trendlerini kullanan web sitelerini hepimiz görmüşüzdür, ancak bunların gerçek bir özleri yoktur çünkü kaliteli içerikten yoksundurlar ya da ziller ve ıslıklar abartılı ve içerikten uzaklaşıyorlar.

Zillere ve ıslıklara içerik eklemek yerine, içeriğinizi odak noktası haline getirin. Tuz ve baharat gibi gösterişli şeyleri kullanın – sadece ona lezzet verecek kadar. Çok fazla gösteriş dikkati dağıtabilir ve vasat içeriği telafi etmez.

Tetris'in bugün hala ne kadar eğlenceli olduğunu bir düşünün. Eğlenceli bir oyun olması için süslü animasyonlara ihtiyacı yok. Onu modernize etseydik, yine de oyunu neyin harika yaptığına odaklanacak ve sonra sadece ihtiyaç duyulanı ihtiyaç duyulan yere ekleyecektik.

8. Gezinme İşleminizi WordPress'e Bırakın.

WordPress'in navigasyonunuzu yönetmesine izin verirseniz, her yeni kategoriyi birincil menünüze ekler ve yapınızın dağınık ve asi olmasına neden olur. Bu, gezinmeyi zorlaştırır. Ziyaretçileriniz birkaç tıklamayla aradıklarını bulamazlarsa, vazgeçip gözlerine çarpan bir sonraki web sitesine geçerler.

WordPress, kendi gezinme yapınızı oluşturmak için ihtiyacınız olan araçları sağlar. Görünüm'e gidin ve Menüler'i seçin. Daha sonra menü öğelerinizi sürükleyip bırakabilir ve kendi menülerinizi oluşturmak için kategoriler ve bağlantılar ekleyebilirsiniz. Kullanıcının istediğini hızla bulmasına yardımcı olan mantıksal bir yapı oluşturun. Temiz ve basit tutun.

9. Ziyaretçilerinizin İçeriğinizi Paylaşmasını Kolaylaştırmıyorsunuz

Ziyaretçileriniz, sahip olduğunuz en iyi pazarlama kaynaklarından bazılarıdır. Bir arkadaş bir arkadaşına söyler ve oradan patlar. İnsanlar arkadaşlarından önce bir şeyler bulan kişi olmayı severler. Ama ya içeriğinizi paylaşmıyorlarsa? Onlara yardım etmeli ve teşvik etmelisiniz. Ziyaretçiler paylaşım düğmelerini görmezlerse, içeriğinizi sosyal ağlarıyla paylaşmaları pek olası değildir. Bunu mümkün olduğunca kolaylaştırmalısın.

Ziyaretçilere ihtiyaç duydukları paylaşım düğmelerini sağlayarak süreci basitleştirin. Her gönderiye paylaşım düğmeleri de ekleyerek bunu onlar için kolaylaştırın.

10. Kötü Renk Seçimi

Kötü renk kombinasyonlarını okumak zordur, gerçekten birlikte gitmedikleri için web sitesinin bağlantısız görünmesine neden olurlar ve olumlu bir yanıt vermeye yardımcı olmazlar. Her sayfa için farklı bir renk şeması kullanırsanız, bu renklerin ziyaretçileri farklı bir web sitesindeymiş gibi hissettirmesi mümkündür. Marka tutarlılığı yok.

Çok yüksek renkler sitenizin profesyonel görünmemesine neden olur. Renkler mesleğe uygun olmalı, ancak sıkıcı olmamalıdır. Renk teorisini ve psikolojisini hatırlayın. Renk seçiminiz, kitlenizin ruh halini etkileyecektir.

Web sitenizde kullanmadan önce eşleşen renkleri seçmenize ve hatta bunları çalışırken görmenize yardımcı olacak birçok çevrimiçi aracı kullanabilirsiniz. İyi renk araçları şunları içerir:

palet

Bu ücretsiz çevrimiçi araç, ana renginizi seçmenize olanak tanır ve size eşleşen renkleri verir. Birçok özelliği ve seçeneği vardır ve kullanımı kolaydır. Size renkler için de RGB ve hex kodları verir.

Adobe Color CC

Adobe'nin ücretsiz çevrimiçi renk aracı, seçtiğiniz faktörlere göre renkleri seçmenize olanak tanır. Birçok seçenek var ve kendi kombinasyonlarınızı bile oluşturabilirsiniz. Size RGB ve hex kodları verir.

Web Stili Yakalayıcı

Bu yeni çevrimiçi araç, size herhangi bir web sitesindeki başlıkların ve paragrafların renk değerlerini ve yazı tiplerini verir. URL'yi yapıştırın ve Stilleri Yakala'yı tıklayın. Diğer web siteleriyle aynı veya benzer stilleri kullanmak istiyorsanız bu harika bir araçtır. Size hex ve RGB kodları verir.

Son düşünceler

İyi web tasarımı, yaratıcılık ve işlevsellik arasında doğru dengeyi bulmayı gerektirir. Yaratıcılığa çok fazla odaklanmak siteyi kullanılamaz hale getirebilir ve kullanılabilirliğe çok fazla odaklanmak siteyi sıkıcı hale getirebilir. Denemek sorun değil, ancak kendinizi çalışmayan bir tasarıma bağlı kalmaya mecbur etmeyin. Sitenizi analiz edin ve yapabildiğiniz kadar çok iyileştirme yapın. Sonuçlar sizi şaşırtabilir.

Senden duymak istiyorum. Web tasarımlarının çalışmamasına neden olan nedenler gördünüz? Ekleyeceğiniz bir şey var mı? Yorumlarda bize bildirin.

LOVE YOU / Shutterstock.com'dan makale küçük resmi