Web tasarımınızın çalışmamasının 10 nedeni (ve bunun yerine ne yapmanız gerekir)
Paranızı ve kaynaklarınızı iyi bir lüks web sitesine boşa harcıyorsunuz ve … beklediğiniz yanıtı alamazsınız. Ya da belki de çok fazla ziyaretçi alıyorsunuz, ancak beklediğiniz miktar değil. Belki çok fazla trafik alırsınız, ancak kimse harekete geçme davetinize cevap vermez. Neler yanlış olabilir? Web tasarımınız suçlu olabilir. Web tasarımı, hedef kitlenizle iletişim kurmakla ilgilidir. Bu, metin ve görüntü kullanılarak düzen ve yapı yoluyla yapılır. Başka bir deyişle – UI. Doğru yapıldı, ziyaretçileri çekecek ve onlara bakacak. Yanlış yapıldı, onları yürümelerini sağlayacak.
Tasarımınızın çalışmamasının birçok nedeni vardır. Aşağıdakiler, sorunun üstesinden gelmek için 10 ve ne yapılması gerekmektedir. Bu örneklerin eski ve aşırı olduğunu itiraf ediyorum. Niyetlerimi iletmeye yardımcı olmak için aşırı örnekler kullanıyorum. Çoğu bugün web tasarımı dünyasında bu kadar kötü değil (aslında, ekstra denemediğiniz sürece bazıları WordPress’te yapmak zor olacaktır). Ancak, burada hala öğrenilecek çok şey var, o yüzden devam edelim. 1. Ana sayfanız bir karışıklıktır ve ziyaretçilerinizi yavaşlatır
Ziyaretçilerin ayrılmaya veya kalmaya karar vermeleri 10 saniyeden az sürer. Aradıkları içeriğe kolay erişmelerini istiyorsunuz. Web sayfalarında tıklamak için çok fazla şey veya görmek için çok fazla şey olabilir. Verandanızın birçok farklı konusu olabilir, ancak konu bir araya getirilir ve karıştırılırsa, okuyucunuz ekstra çaba harcamadan aradıklarını bulamaz. Ziyaretçilerinizin aradığı şey, dinvigated zor bir kaosa gömülebilir. Hiç uzun bir vaat listesi olan verandaya indiniz mi ve sadece son makaleye bir bağlantı bulmak için kaydırmanız ve kaydırmanız gerekiyor mu? Ne olduğunu bilmediğiniz o kadar çok olan ana sayfa ne olacak? Birkaç yıl önce herkesin ana sayfalarında bir flash videosu olduğunda ve onu kaçırmak için bir seçeneğiniz olduğunu hatırlıyor musunuz? Bunu yapma. Yıllar önce okuyucu, sitenize girmeden önce videoyu görecek kadar sabırlı olabilir, ancak şimdi artık değil.
İçeriğinize erişmeden önce sunumunuz sırasında ziyaretçilerinizi oturtmayın. Bu ayar gereksiz tıklamalar ekler, arama makineleri hoşlanmaz, hücresel tarayıcılar hoşlanmaz ve aradığınız ters etkiye sahiptir, çünkü birçok ziyaretçi sadece bir sonraki siteye geçer. Ana sayfanızdaki ziyaretçileri rahatsız edebilecek başka bir şey, site yüklendiğinde otomatik olarak çalınan müzik ve videolardır. Ses veya video istiyorsanız, kapatmaya zorlamak yerine açmalarına izin verin. Bir video veya sunum eklemeniz gerekiyorsa, ziyaretçilerinizin her zaman oturmaları gerekmeyecek şekilde bir geçiş düğmesi eklediğinizden emin olun. Ekstra tema, şık ve kaos içermeyen birçok veranda seçeneği sunar. Peki ne yapmalısın?
Okuyucuları çeken ve dikkatlerini koruyan bir ana sayfa yapın. Basitleştirin ve yalnızca orada olması gereken bilgileri ekleyin. Düzgün tutun. Hızlı bir giriş olarak kullanın ve ihtiyaç duydukları şeye ziyaretçi bağlantıları verin. Her şeyin bir sayfada olması gerektiğini söyleyen hiçbir kural yoktur. Verandanıza düzenli olarak iyi bakın. Her blog gönderisini veya hatta tam bir blog yayınını göstermeyin. İçeriği entegre olan küçük parçalara bölün. Çeşitli kategoriler ve etiket için bölümler oluşturun.
UI ve UX’e odaklanın. Unutmayın, yaratıcılık #1 hedef değildir. HubSpot’a göre (veranda’dan indirilebilecek raporlar), kullanıcıların% 76’sı web sitesinin tasarımındaki en önemli faktörün aradıklarını bulabilecekleri olduğunu söylüyor. Kullanım güzel olmaktan daha önemlidir. Ana sayfanızın hızlı bir şekilde yüklendiğinden emin olun. Yüklemek için çok uzun olan sayfa, arama motorunda daha düşük bir sıralama alacak ve ziyaretçilerinizin sabrını deneyecektir. Düzeniniz kalabalık, dağınık ve tutarsız
Resim Kaynağı: https://takakakusakari.files.wordpress.com/2012/09/bad-page1.jpg
Tıpkı ana sayfanız gibi, sayfanın düzeni ve yayınınızın da temiz ve temiz olması gerekir. Kenar çubuğuna, başlıklara ve altbilgilere çok fazla reklam koymayın. Reklam için en iyi yer içeriktir. Çerçevenizi bir sayfadan diğerine tutarlı bir şekilde saklayın. Sağ kenar çubuğunuz varsa ve aniden ziyaretçiniz her iki taraftaki kenar çubuklarını farklı renk şemaları ve farklı başlıklarla görürse, sitenizden ayrıldıklarını ve diğerlerine gittiklerini düşüneceklerdir. Birkaç varyasyon ve farklılıklara sahip olmak sorun değil, ancak ana tasarım öğelerini korumak oldukça sıkı, böylece aynı web sitesi olduğunu biliyorlar. Bunları mağazanız için başka sitelere gönderirseniz, markayı bir arada tutun – renk, logo vb. aynısı. Yanlışlık, sitenizin rastgele görünmesini sağlar. Divi, çok fazla boş alana sahip temiz bir düzen sunuyor.
Beyaz alanı unutma. Kitaptaki ekranın veya sayfanın kenarına ulaşan metni hiç okudunuz mu, yoksa tasarım öğesinin tıkandığı bir web sitesi gördünüz mü? Desenir ve düzeni kullanımı çok zorlaştırır. 3. İçeriğiniz yalnızca resimsiz büyük bir paragrafta metindir. Görsel duraklama veya görüntüler olmayan uzun paragraflar görsel olarak çekici değildir. Okuyucular genellikle hızlı bir şekilde tarayabilecekleri bilgileri ararlar. Tek bir yerde çok fazla metin varsa, sıkılmış ve devam edebilirler. Bilgi, tırnak, damla satış, sütun vb. Metninizi ayırmak ve yapmak için taranabilir. “Çok uzun okuma deliğine” düşmeyin. Onları okumalarını kolaylaştırın. Bu resmin dünyasında bile, metin mesajınızı aktarmada önemli kalır. Sözlerinizi kısaca kullanın. Okuyucular, metni küçük parçalara ayıran daha küçük paragrafları tercih ederler. Resimlerle kelimelerden daha fazlasını söyleyebilirsiniz çünkü bir bakışta bir hikaye anlatırlar. Kullanıcı için hızlı bir şekilde yüklenirken olabildiğince iyi görünmelidirler. Yüksek kaliteli görüntüler profesyonel görünüyor.
Okuması kolay yazı tipleri ve renkler kullandığınızdan emin olun. Yazı tiplerinizi ve renklerinizi web sitenizde tutarlı bir şekilde kullanın. 4. Harekete geçme daveti veya kolay görülmeyen harekete geçme daveti yok
Görüntü kaynağı: https://www.2webdesign.com/blog/wp-content/uploads/2014/01/screen-shot-2014-01-28-at-3.14.30-pm.png Bir bültenleri olduğunu fark ettiğinizde sizi şaşırtan web sitesini ziyaret ettiniz mi, çünkü çok derin gömüldü, böylece göremeyeceksiniz mi? Veya yanlışlıkla hareket etme davetlerini mi buluyorsunuz? Davetinizin hareket etmesini ve net olmasını istersiniz, böylece okuyucular onlardan hangi yanıtları istediğinizi bilir. Harekete geçmek için açık ve özel bir davet kullanın. Popup bunun için çalışır, ancak ziyaretçilerinizi kızdırmak ve onlara hareket etme davetiniz hakkında bilgi vermek arasında iyi bir denge olduğunu unutmayın. Kaçırmak için çok iyi bir şeyle abone olmaları için onları çekmeyi unutmayın.
Örneğin, Bloom harekete geçmeye davet etmek için iyi bir araçtır. Bu, okuyucunuza açılır pencerenin seçtiğiniz ayarlara bağlı olduğunu verecektir. Örneğin, sitenizde birkaç saniye sonra, sitenizden ayrıldıklarında, süzüldüklerinde veya bir köşeye kaybolduklarında vb. Başka bir iyi seçim, bir Divi oluşturucu kullanarak harekete geçmesi için davet modülüdür. Divi Builder CTA yapmak için de kullanılabilir.
Bir davet için bir form oluşturduğunuzda, formu yapmak basit ve doldurulması kolaydır. Form ayrıntı gerektiren belirli amaçlar için değilse, ihtiyacınız olandan daha fazla bilgi istemeyin. İsimleri ve e -postaları yeterlidir. Doldurmak için çok fazla alan varsa, ziyaretçiler ilgiyi kaybedebilir. Size e -posta adreslerini vermek için çalıştırmayın. Bunun yerine, mümkün olduğunca rahat hale getirin. 5. Tasarımınız duyarlı değil, akıllı telefonumda açtığım ekranımı eşleştirmek için kendimi biçimlendirmeyen birçok web sitesi tarafından şaşırıyorum. İçeriği görmek için ekranı bir taraftan diğer tarafa büyütmemi ve hareket ettirmemi gerektiriyorlar. Bu bugün çevrimiçi dünyada bir yasaktır. Bu aynı zamanda arama motoru sıralamanızı da etkileyecektir, çünkü Google yanıt vermeyen web sitelerini cezalandırır.
Okuyucuların çoğunluğu mobil cihazlarında internet içeriğini kullandığını düşünürsek, tasarımınız önce hücresel olarak odaklanmalıdır. Siteniz olası her ekran boyutunda mükemmel çalışmalıdır. Duyarlı bir tema kullandığınızdan veya web sitenizin hücresel bir sürümünü oluşturan bir eklenti kullandığınızdan emin olun. Buna ek olarak, mobil cihazlardaki her değişikliği test edin ve nasıl çalıştığını ve görünümünü görün. Navigasyonun kolay olduğundan emin olun. 6. Tasarımınız eski Resim Kaynağı: http://freelancefolder.com/wp-content/uploads/wordpress-your1.jpg
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 özellikleri içermesini istiyorsunuz. Siteniz iki yıldan fazla görünüyorsa, internetten çok daha yaşlı görünüyor. Ziyaretçiler yakında modern trendleri takip etmediğiniz ve tasarım becerilerinizin güncel olmadığı sonucuna varacaklar.
DIVI, sitenizi her zaman en son trendleri izleyecek yeni bir tasarıma sahiptir.
Her yeni eğilimi takip etmeniz gerekmez, ancak malzeme, minimalist ve seksi tasarım gibi standart eğilimleri takip etmeniz gerekir. 7. Siteniz çanlara ve ıslıklara odaklanmaktadırResim Kaynağı: https://www.waltercedric.com/images/stories/29379a375162_1346f/joomlatags.with.adobe.flash.pngkita, en son tasarım eğilimlerini kullanan web siteleri gördü – video kaymaları, animasyonlar, video kaymaları, animasyonlar, benzeri bir vb. – ama gerçek bir maddeleri yok çünkü kaliteli içeriğe, aşırı çanlara ve ıslıklara sahip değiller ve dikkati içerikten ayırıyorlar. Çanlara ve ıslıklara içerik eklemek yerine, içeriğinizi odak olarak yapın. Tat vermek için tuz ve baharat gibi çarpıcı malzemeler kullanın. Çok fazla gösterişli olma müdahale edebilir ve sıradan içeriği değiştirmez. Şimdiye kadar Tetris’in ne kadar güzel olduğunu düşünün. Lüks animasyonun eğlenceli bir oyun olmasına gerek yok. Eğer modernize edersek, yine de bu oyunu harika yapan şeylere odaklanacağız ve sonra sadece gereken yerde ihtiyaç duyulan şeyleri ekleyeceğiz. 8. WordPress’in navigasyonunuzu ele almasına izin verdiniz. Kötü bir menü ziyaretçilerinizin “Ne görüyorum?”
WordPress’in navigasyonunuzu ele almasına izin verirseniz, her yeni kategoriyi ana menünüze ekleyecek ve yapınızın dağınık ve yönetilmesi zor olmasına neden olacaktır. Bu, dinvigasyon için zorlaştırır. Ziyaretçileriniz birkaç tıklamada aradıklarını bulamazlarsa, pes edecek ve dikkatlerini çeken bir sonraki web sitesine dönecekler. WordPress’te özel bir menü hazırlayın.
WordPress size kendi navigasyon yapınızı yapmak için ihtiyacınız olan araçları verir. Görünüşe gidin ve menüyü seçin. Ardından, menü öğelerinizi çekebilir ve yayınlayabilir ve kendi menünüzü oluşturmak için kategoriler ve bağlantılar ekleyebilirsiniz. Kullanıcıların istediklerini hızlı bir şekilde bulmasına yardımcı olan mantıksal bir yapı oluşturun. Temiz ve basit kalın. Divimen, gezinmesi kolay ve kolaydır. 9. Ziyaretçilerinizin ziyaretçilerinizi paylaşmasını kolaylaştırmazsınız, ziyaretçileriniz sahip olduğunuz en iyi pazarlama kaynaklarından bazılarıdır. Bir arkadaşım bir arkadaşına söyledi ve oradan patladı. İnsanlar arkadaşlarından önce bir şeyler bulan insanlar olmaktan mutluluk duyarlar. Peki ya içeriğinizi paylaşmazlarsa? Onlara yardım etmelisiniz ve teşvik etmelisiniz. Ziyaretçiler paylaşım düğmesini görmezlerse, ziyaretçilerin içeriğinizi sosyal ağlarında paylaşmayacaklarıdır. Mümkün olduğunca kolaylaştırmalısınız.
Kralın sosyalini kurtarmak için paylaşın! Ziyaretçilerin ihtiyaç duyduğu bir paylaşım düğmesini sağlayarak işlemi basitleştirin. Her gönderiye de bir paylaşım düğmesi ekleyerek onları kolaylaştırın. 10. Kötü renk seçenekleri
Resim Kaynağı: https://abcomm.files.wordpress.com/2011/04/screen-hot-2011-04-28-28-at-5-00-16-pm.png Kötü renk kombinasyonlarının okunması zordur, web sitesinin kesilmiş görünmesini sağlamak, çünkü gerçekten uygun değildir ve olumlu bir yanıta elverişli değildir. Her sayfa için farklı bir renk şeması kullanırsanız, bu renk olasılığı ziyaretçileri farklı bir web sitesinde olmak gibi hissettirir. Markada tutarlılık yok. Çok zor renkler sitenizin profesyonelce görünmesini sağlayacaktır. Renk mesleğiyle eşleşmeli, ancak sıkıcı olmamalıdır. Renk ve psikoloji teorisini hatırlayın. Renk seçenekleriniz ruh hali kitlenizi etkileyecektir. Uygun bir renk seçmenize ve hatta web sitenizde kullanmadan önce çalışmada görmenize yardımcı olmak için birçok çevrimiçi araç kullanabilirsiniz. İyi renkli araçlar şunları içerir: palet
Bu ücretsiz çevrimiçi araç, ana rengi seçmenizi ve size eşleşen bir renk vermenizi sağlar. Birçok özellik ve seçeneğe sahiptir ve kullanımı kolaydır. Bu size renkler için RGB ve Onaltılık Kodları da verir. Adobe Color CC Adobe’nin ücretsiz çevrimiçi renk aracı, seçtiğiniz faktörlere göre renkleri seçmenizi sağlar. Birçok seçenek var ve hatta kendi kombinasyonunuzu bile yapabilirsiniz. Bu size RGB ve HEX kodunu verir. Grabber Web Style
