9 Yaygın Hatalar Web Tasarımı (ve Nasıl Kaçınılır)
Kendi web sitenizi çalıştırmak hayal kırıklığına uğrayabilir. Sıradan sonuçlar elde etmek için sadece çok zaman, para ve enerji yatırım yapıyorsunuz. Belki beklediğiniz ziyaretçilerdeki artış sadece bir düşüştür. Belki sitenize gelenler herhangi bir işlem yapmadan ayrılırlar. Ne yapalım? Bu durumda, çoğu insan pazarlama veya pazarlama stratejilerini görecektir. Bununla birlikte, bulmacaların diğer kısımları o kadar önemlidir, ancak çoğu zaman göz ardı edilir, sitenizin web tasarımıdır. Web sitesi tasarım hataları çabalarınızı mahvedebilir. Bu durumdan kaçınmak için, bugünkü yazıda sadece web tasarımının neden önemli olduğunu görmekle kalmayacağız, aynı zamanda dokuz ortak web tasarımı hatasını ve bundan nasıl kaçınılacağını da tartışacağız.
Sitenizin tasarımını elden geçirmeye hazır mısınız? O zaman artık beklemeyelim. İyi bir web tasarımının önemi, etkisiz web tasarımı örneklerini tartışmadan önce, önce iyi bir web tasarımına yatırım yapmanın neden önemli olduğunu görelim. İlk izlenim, ilk izlenimi yapmak için asla ikinci bir şans bulamayacağınızı nasıl söylediklerini biliyorsunuz? Duygu web siteleri için de geçerlidir. Ziyaretçiler sitenizde kalıp kalmayacağınıza çok hızlı karar verirler. Bu nedenle, ilk izleniminizin mümkün olduğunca olumlu ve net olduğundan emin olmak istersiniz. Sitenize gelen herkes, ne olduklarını ve orada neler yapabileceklerini hızlı bir şekilde öğrenebilmelidir. Değilse, ziyaretçileriniz oradan Google’dan “arama sıralamasında yüksek oranlı etkiler” yapabileceğinizden daha hızlı çıkıyor (talimatlar: iyi değil).
Buna ek olarak, ziyaretçiler siteniz hakkında hoş olmayan bir fikir oluşturduktan sonra, tekrar geri dönmeme eğilimindedirler. Kaliteli web tasarımı, ziyaretçilerin tasarımınızın ilk izlenimini ne kadar hızlı oluşturduğunu güven oluşturur? İlk içerik satırına ulaşmadan çok önce. Bu, bilgilerinize güvenip güvenemeyecekleri konusunda bir karar verdikleri anlamına gelir. Biliyorum, çılgın değil mi? Bununla birlikte, sadece doğru web tasarımının, özellikle de en önemli güvenin sağlık ve tıp gibi endüstrilerde öneminin altını çizmektedir. Bu aynı zamanda diğer iş alanlarına da uzanır. Bu nedenle, ziyaretçilerinizin hayatta kalmasını istiyorsanız, hedeflediğiniz yüzün güvenilir bir yüz olduğundan emin olun. Web tasarımı, çoğumuzun sadece göstermek için veya bunun için değil, aynı zamanda bir amacımız olduğu için bir rehber sunar. akılda. Belki insanların e -posta listemize katılmasını, ürünlerimizi veya diğerlerini satın almasını sağlayın. Bu, web tasarımının önemli bir rol oynadığı başka bir alandır çünkü rehberlik sağlar. İyi bir tasarım ziyaretçileri istenen varış noktasına getirecek, kötü bir tasarım onları sitenizde ne yapmaları gerektiğini bilmelerini sağlayacaktır. Web Design = Estetik + Web Tasarımının Yalnızca sitenizin görünümü hakkında değil, aynı zamanda kullanıcıların onunla nasıl etkileşime girdiği hakkında kullanımı. Aslında, diğer her şeyi etkiler.
Örneğin, yükleme ve arama motoru optimizasyonu hızını alın. Siteniz büyük görüntülerle doluysa ve oluşturulacak beş özel yazı tipi yüklemesi gerekiyorsa, çok daha yavaş olacaktır. Bunun sadece ziyaretçilerinizin pentastlarının oranı üzerinde bir etkisi değil, aynı zamanda sitenizin aramasının sıralamasını da etkileyecektir. Bu nedenle, web tasarımı, herhangi bir WordPress web sitesinden bir bütün olarak başarının (veya eksikliklerinin) temelidir. Bu nedenle bu makalenin bir sonraki kısmı, iyi çalıştığını nasıl sağlayabileceğinizi tartışıyor. 9 Kaçınılması gereken (ve çözüm) Web Tasarımı Hataları Tamam, şimdi genel kaliteli web tasarımının önemini bildikten sonra, nasıl yapılmayacağına ve alternatif stratejilerin nasıl yapılmayacağına dair bir dizi örneğe bakalım. Yavaş yükleyen web siteleri
Kaynak: KissMetrics Site hızı için web tasarımının öneminden bahsettik. Çok fazla lüks JavaScript animasyonu olsa da, sitenizdeki en son teknoloji ve hile eğlenceli olabilir, eğer performanstan feda ederse size çok yardımcı olmaz. Bu durumda, birçok kişi web sitenizin tasarımını bile görmeyebilir, çünkü yüklemeyi bitirene kadar beklemeyeceklerdir. İyi değil. Bunun yerine ne yapmalı?
Performansı tasarımın bir parçası olarak ele al – başlangıçta web tasarımının sadece görünür değil, aynı zamanda kullandığından bahsettik. Aslında, ziyaretçiler web sitesinin performansının en önemli kalite işaretleyici olduğunu düşünüyor, bu nedenle performans bütçenizi doğru bir şekilde planlıyor. Ayrıca WordPress’in nasıl hızlandırılacağına dair tüm makalelerimiz var.
Hayatta birçok yönden olduğu gibi, web tasarımında daha azı daha fazlası önemli bir kuraldır. İyi bir tasarımın amacı rehberlik, odak ve içerik hiyerarşisi sağlamaktır. İzleyicilerin dikkatini tam tersine çekmek için yarışan düzinelerce unsurla dolu bir sayfa. HubSpot’a göre, kullanıcıların% 76’sı lüks tasarımdan ziyade kullanımı takdir ediyor. Bu nedenle, ziyaretçiler neyi tıklayacağını veya göreceklerini bilmediklerinde, web tasarımınız etkili bir şekilde başarısız olur ve yarışmada ziyaretçileri kaybedersiniz. Aynı şey, gerçek içeriğe ulaşmadan önce ziyaretçiler tarafından geçirilmesi gereken açılır pencereler, sunumlar, videolar ve diğer engeller için de geçerlidir. Eğer çabalar çok büyükse, orantılı olmadığına ve ayrılmadığına karar verebilirler. Bunun yerine ne yapılmalı?
Basit kalın – sitenize ne ekleyebileceğinizi düşünmek yerine, neyin ortadan kaldırılabileceğini düşünün. Her sayfanın amacını belirleyin ve her bir öğeyi bu hedefe ulaşmaya ekleyip eklemediğini kontrol edin. Tutarlı kalın – Renk şemasında, düzeninde veya tarafın konumunda ani değişikliklerden kaçının. Her ne kadar varyasyonlar mümkün ve belirli bir seviyeye teşvik edilse de, insanlar sadece sayfaları değiştirdiklerinde diğer web sitelerine gittiklerini hissetmemelidir. Tutarlılık, markanız için de önemlidir.
Çok fazla alan bırakın – tasarım öğelerinin etrafında yeterli boş alan da önemlidir. Bu, nefes almanın tasarımına, kullanıcının odağına rehberlik etmesini ve öğeler arasında ilişkiler ve hiyerarşi oluşturmasını sağlar.
İçerik için – Sitenizdeki birçok farklı konuyu tartışırsanız, her şeyi tek bir yerde sıkıştırmayın. Kendi parçalarının her birini subhhamatlar veya arşivler şeklinde verin, konulara dayalı olarak grupla ilgili sayfalar ve gerekli olmayanları ortadan kaldırın. Büyük ve kesintisiz metni engelleyin Ziyaretçilerin çoğu şu anda genel bir resim almak ve karar vermek için içeriği hızlı bir şekilde taramak istiyor ve Bir bütün olarak okuyun ya da oku. Büyük bir metne sahip olmak zorlaştıracaktır.
Web sitesi bir kitap değildir ve bu nedenle aynı düzen ile gelmesine izin verilmez. Okumak zor, gözler için dinlenme teklif etmeyin ve sitenizi hemen kaliteli görünmesini sağlayın. Sağladığınız bilgiler gerçekten altın değerli olsa bile, çoğu ziyaretçi öğrenmeye zahmet etmeyecektir. Bunun yerine ne yapmalı?
Yazı tipleri, yazı tipi boyutları ve farklı renkler kullanın – metni daha ilginç hale getirmenin ilk adımı onu biçimlendirmektir. Bu, bağlantılara ve diğer önemli metin öğelerine farklı bir tasarım eklemek ve görsel deneyimi daha çekici hale getirmek için yazı tiplerinin boyutu ve rengi ile oynamak anlamına gelir.
Paragraf ekleyin – İkincisi, büyük metin parçalarını daha küçük paragraflara ayırmaya yardımcı olur. Bu, metnin tüketilmesini kolaylaştırır, içeriğinize yer ekler ve gözler için yer sağlar. Hızlı ipuçları: Paragraf başına yalnızca bir fikir girdiğinizden emin olun. Team Yoast’ın WordCamp Europe 2016’dan metin yazarlığı hakkındaki sunumunda daha fazla bilgi bulabilirsiniz.
Metninizi daha küçük parçalara bölerken başlık bysides ekleyin, WordPress başlığını kullanarak topikal bölümler de yapabilirsiniz. Bu şekilde metni yapabilirsiniz taranabilir ve tüm içeriği okumaya zorlamadan okuyucuya genel bir resim sağlayabilir. Başlık aynı zamanda SEO sayfa için de yararlıdır. Görüntüleri ve diğer öğeleri kullanın, ek olarak, hiç kimse tüm metinlerin deneyimini sevmez. Bu nedenle, tasarımınızı görsel öğelerle tamamlayın. Resim burada ilk tercih ve bu amaç için birçok ücretsiz stok fotoğraf var. Ancak, metin bloğunu kırabilecek alıntıları, bağlantıları ve diğer öğeleri unutmayın.
Başlangıçta söylediğimiz gibi kötü davranma daveti, web sitesinin ziyaretçiler tarafından ele alınması gereken hedefleri ve hedefleri vardır. Bunun sembolü, çoğu web sitesinin odak noktası olan harekete geçme davetidir. Ancak bazı nedenlerden dolayı birçoğu bulmayı çok zorlaştırıyor.
Genellikle sayfada çok fazla gizli hareket etme davetiyesi veya not edilemeyecek kadar vasat. Ya da ziyaretçilerin kafası karışmış olması için bir sayfada rekabet eden harekete geçecek davetiyeler var. Amaç bu değil. Tersine, web tasarımı ziyaretçilerin sitenizin amacının ne olduğunu ve/veya ondan ne alabileceklerini kolayca anlamalarına izin vermelidir. Bunun yerine ne yapmalı?
Çarpıcı davranmak için davetiyeler sergileyin – CTA’ya ulaşmak bir saklanma ve arama oyun olmamalıdır. Tersine, CTA’nız net ve özel olarak görülmelidir. Ziyaretçileri tahmin etmeyin, onlara ne yapmak istediklerini ve karşılığında ne alacaklarını söyleyin. Kolayca evet demek-daha fazla engel yaparsınız, ziyaretçilerin nihai hedefe ulaşma olasılığı daha düşüktür. Bu nedenle, onlara doldurulacak bir form verirseniz, yalnızca bülten kaydı için isimler ve e -postalar gibi gerçekten ihtiyacınız olan bilgileri sorun. Daha fazlasını sorarsanız, evet demelerini zorlaştırırsınız.
Popup-popup’a dikkat edin ve diğer oyunculuk davetiyeleri çok etkili olabilir, ancak aynı zamanda üretken olmak ve okuyucunuzu rahatsız etmek arasında bir dengeleme eylemidir. Sumomes gibi araçlar, harekete geçme davetini görüntülemek için bir dizi farklı ve etkili yol sağlar. Şiddetle tavsiye edilir!
Duyarlı tasarım eksikliği, son birkaç yıldır taş altında yaşamadığınız sürece, duyarlı tasarımın fiili bir standardı haline geldiğini bileceksiniz. Çevrimiçi üç dakikadan ikisi artık mobil cihazlara harcanıyor.
Bunu göz önünde bulundurarak, yeni WordPress web sitelerinin yüzde 28’inin hücresel duyarlı temaları seçmemesi çok şaşırtıcı. Bana ne olduğunu söyle!? Bu sayı WordCamp Europe’da ortaya çıktığında, Matt Mullenweg’den gücü tüm yeni temalar için bir gereklilik olarak duyarlı hale getirmeye teşvik etti. Nedeni basit. Duyarlı bir tasarım olmadan, sadece web’i keşfetmek için masaüstü bilgisayar kullanmayan çok sayıda kullanıcıyı değil, aynı zamanda Google tarafından cezalandırılma riski taşırsınız. Yani, web tasarımınız uyarlanabilir değilse, bazı değişiklikler yapma zamanı. Bunun yerine ne yapmalı? Sitenizin tüm cihazlarda iyi görünmesini sağlayın – özellikle WordPress kullanıyorsanız, hücresel dostça bir web sitesine sahip olmamanın bir nedeni yoktur. Çeşitli duyarlı temalar arasından seçim yapabilir ve hücresel optimizasyon için eklentileri kullanabilirsiniz. DIYers için, mevcut temalarınızın nasıl duyarlı hale getirileceğine dair talimatlarımız bile var.
Süresi dolmuş tasarım
Web’de yeni trendler gelir ve gider ve her trene atlamanıza gerek yoktur. Aslında, en azından bu uğruna değil, yapmayabilirsiniz. Bununla birlikte, aynı zamanda, beklenen standartlara dikkat etmek önemlidir. Yukarıda belirtilen duyarlı tasarım bir örnektir. Tüm modern gelişmeleri gerçekten görmezden gelirseniz, sitenizi gerçekten güncel hale getirme riski taşırsınız. Ziyaretçilerin siteniz güncel olmadığında ve bu nedenle sizi yargılayacaklar. Bu, özellikle bir teknoloji şirketi iseniz veya güncel kalmanız için başka nedenleriniz varsa doğrudur. Bunun yerine ne yapılması gerekir? Her şeyden önce kalın – dediğimiz gibi, bir özellik avcısı olmak zorunda değilsiniz, ancak uyanık kalmak önemlidir. İlgili blogları okuyun, bülten teknolojisine kaydolun ve sitenizi web üzerindeki modern web siteleriyle karşılaştırın. Tüm tasarımlarınızı birkaç ayda bir elden geçirmenize gerek yok, ancak önemli şeylerin dahil edildiğinden emin olun.
Tüm hile, madde olmadan
Öte yandan, yukarıdaki tam tersi de kötü. Bir web sitesi ayrıca en son teknolojilere ve özelliklere (Paralax Rolls, Spring, Animation – Call It) sahip olabilir, ancak aksine boştur. Stil her şey değildir. Sitenizin madde yoksa, ziyaretçiler hızlı bir şekilde öğrenecek ve daha az parlak olabilecek ancak ihtiyaç duydukları şeyi sağlayabilecek web sitelerine geçecektir. İçeriğiniz iyi olmasına rağmen, aşırı özellikler kullanıcının deneyimine müdahale edebilir ve zarar verebilir. Bunun yerine ne yapmalı?
İçeriğe odaklanın – evet, bu web tasarımı hakkında bir makale, ancak herhangi bir web sitesinin çekirdeği içerik olarak kalıyor. Bir blogunuz olmasa bile. Tasarım sadece etrafındaki şeyleri güzelleştirmeye çalışmalı ve ana cazibe haline gelmemelidir. Yazılı, ürün veya başkalarının içeriğine odaklanın. Kötü sitelerin navigasyonu
Menü, ziyaretçilerin sitenizi keşfetmesinin ana yoludur. Bu nedenle, yararlı ve anlaşılması kolay tutmak önemlidir. WordPress bize bunun için birçok seçenek sunuyor. Bununla birlikte, bazı insanlar tüm üst düzey sayfaları doğrudan ekleyerek otomatik olarak navigasyonla ilgilenmek için CMS’ye teslim eder. Sonuç: Gezinmesi zor olan dağınık bir menü. Bunun yerine ne yapmalı?
WordPress seçeneğinden yararlanın – Görünüm altında> Menüler Site menünüz hakkında kelimenin tam anlamıyla değiştirebilirsiniz. Mantıksal ve hiyerarşik bir menü yapısı oluşturmak için tüm seçeneklerden iyi yararlanın.
Paylaşım seçeneği yok
Paylaşım seçeneğini önemli bir konuma ekleyin – herkes kendi içeriğinizi yaymak için bir fikir bulamaz. Bu nedenle, tüm önemli yerlere (yayınınızın sonunda olduğu gibi) hareket etmek için düğmeler ve davetiyeler eklediğinizden emin olun ve öne çıkmasını ve kolayca erişilebilir olmasını sağlayın. Bunun için birçok eklenti var. Hangi web tasarımı suçlu? İyi bir web tasarımı, herhangi bir web sitesinin başarısı için ana malzemelerden biridir. Bu, ziyaretçilerin güven oluşturmaktan, rehberlik sağlamak ve artan kullanımdan sorumlu oldukları ve sorumlu oldukları ilk şeydir. Bu aynı zamanda kötü bir web tasarımının sitenizi çekici ve kullanımı zorlaştırabileceği anlamına gelir. Bu, estetik ve işlevsellik arasında ustalaşması her zaman kolay olmayan bir dengeleme eylemidir. Yukarıdaki web tasarımı hatasına bakarak, en azından en belirgin hatalardan bazılarından kaçınabilirsiniz. Aynı zamanda denemeyi unutmayın çünkü yarı zevktir. Çevrimiçi olduğunda hangi web tasarımı hatalarını sık sık görüyorsunuz? Kendini hangisini yaptın? Bize yorum kısmında anlatın!
