2020'de Kaçınılması Gereken 9 Web Geliştirme Trendi

Yayınlanan: 2020-02-05

Web siteleri yıldan yıla daha iyi, daha hızlı ve daha çekici hale geliyor. Tüm web geliştirme endüstrisi gelişirken, web yöneticileri sitelerinin hem işlevselliğini hem de tasarımını iyileştirmenin yeni yollarını bulmaya devam ediyor.

İnsanların neredeyse %50'si bir web sitesinin tasarımını bir işletmenin güvenilirliğine karar vermede bir numaralı faktör olarak gösterdiğinden, bu kritik bir adımdır. Başka bir deyişle, sitenizi uzun vadede daha çekici hale getirmek için kesinlikle en son web geliştirme çözümlerini takip etmelisiniz.

Ancak en iyi yeni iş modellerini bulmakla onu geri dönüşü olmayan bir noktaya itmek arasında ince ve çok ince bir çizgi var. Profesyonel otoriteyi korumak istiyorsanız, gereksiz yenilikleri atlamanız gerekir. Bu yazıda, 2020'de kaçınmanız gereken dokuz web geliştirme eğilimini göstereceğiz.

Web Development Trends

1. Sunuma Performanstan Öncelik Verin

İlk izlenim her zaman en önemlisidir, bu yüzden birçok geliştirici öncelikle göze hoş gelen bir web sitesi oluşturmaya odaklanır. Bu mantıklı bir bakış açısıdır, ancak ziyaretçilerin genel deneyimini tehlikeye attığından çok agresif ve verimsiz hale gelmiştir.

Çok fazla kullanıcıyı savuşturabileceğinden, trendden kaçınmanızı şiddetle tavsiye ederiz. Rapora göre, kullanıcıların %88'i kötü bir kullanıcı deneyiminden sonra bir web sitesine asla geri dönmeyecek. Amacınız sadık ziyaretçilerden oluşan bir ordu oluşturmaksa, sunuma performansa öncelik vermeyin, bunun yerine web geliştirmenin iki unsuru arasında doğal bir denge kurmaya çalışın.

Örneğin, ShareASale adlı popüler bir çevrimiçi perakende mağazasını ele alalım. Ana sayfalarına girdiğinizde, muhtemelen orada bulduklarınızla heyecanlanmayacaksınız. Site, garip ve gereksiz görünebilecek sayısız özellikle doludur, ancak web sitesinin amacı, ana e-ticaret kategorilerini hemen görüntülemektir.

Bu nedenle ShareASale, mümkün olduğu kadar çok anlaşma yapmak istedikleri için performansa öncelik verir. Bu sizin de hedefiniz olmalıdır, bu nedenle işinizin ana fikrine odaklanmayı unutmayın.

2. Müdahaleci Görsel Bileşenler

İkinci eğilim, bir öncekiyle el ele gider. İnternette yeterince uzun süre gezinirseniz, sitelerin büyük bir bölümünün izleyicilerini etkilemek için yoğun görsellere güvendiğini fark edeceksiniz. Resim karusellerinin, animasyonların ve videoların web sayfasını daha çekici hale getirebileceği doğru olsa da, bunun can sıkıcı olabileceğini ve tüm web sitesini yavaşlatabileceğini bilmelisiniz.

Örneğin Forbes'a bir göz atın. Dünya çapında en popüler iş dergilerinden biri olmasına rağmen, web sitesi genellikle otomatik oynatılan videolar ile kullanıcıları rahatsız ediyor. Forbes'un bunu açıkça karşılayabileceğini söylemek doğru olur, ancak muhtemelen yapamazsınız ve bu nedenle araya giren görsel bileşenleri atlamanız gerekir.

Ana sayfaya dinamik bir bileşen eklemek için gerçekten hevesliyseniz, bunu GAP gibi yapmanızı öneririz. Popüler bir moda markası, en son ürünlerini sergilemek için bir resim karuseli kullanıyor, ancak konsepte hoş bir değişiklik eklediler.

Yani, atlıkarınca aslında statiktir, bu da web sitesi ziyaretçilerinin kaydırıcıyı hareket ettirip ettirmeyeceğini belirleyebileceği anlamına gelir. Kullanıcıları fazladan bir adım atmaya zorlasa da, en azından karar vermeleri ve içeriği istedikleri şekilde tüketmeleri sağlanıyor.

3. Sayfa Yükleme Hızını İhmal Edin

İnsanların en çok nefret ettiği tek bir şey varsa, muhtemelen yavaş çalışan bir web sitesi olacaktır. Kullanıcılar web sitelerinin üç saniye içinde açılmasını beklese de, ortalama sayfa yükleme süresi şaşırtıcı bir şekilde 10,27 saniyedir.

Söylemeye gerek yok, böyle bir düşük performans sizi fazla uzağa götürmez ve eğer onunla uğraşıyorsanız sorunu çözmeniz daha iyi olur. Nasıl yapabilirsin?

Cevap, Pingdom gibi web sitesi optimizasyon araçlarında yatmaktadır. Bu platform emrinizdeyken, etki alanını hızlı bir şekilde analiz edebilir ve sayfa yükleme hızını azaltan özellikleri belirleyebilirsiniz. Pingdom ayrıca sorunları nasıl çözeceğiniz ve sitenizi yıldırım hızında nasıl yapacağınız konusunda size önerilerde bulunacaktır.

Platform nasıl çalışır? Yapmanız gereken tek şey bir web sitesi bağlantısını kopyalayıp Pingdom URL kutusuna yapıştırmak olduğu için işlem oldukça basittir. Bunun yanı sıra, sayfa yükleme hızını test etmek istediğiniz konumu seçebilirsiniz. Şu ana kadar Avrupa, Kuzey Amerika, Güney Amerika, Avustralya ve Japonya'daki yedi konumdan birini seçebilirsiniz.

Platform, süresi dolan başlıklar eklemek, DOM öğelerinin sayısını azaltmak veya boş src veya href'ten kaçınmak gibi farklı yükleme sorunlarını ayırt etmek için renkler kullanır.

4. Markalama Yönergelerini İhmal Edin

Ciddi işletmeler, pazarlama ve marka tanıtımının her segmenti için geçerli olan, özenle tasarlanmış bir marka stratejisine sahiptir. Bu, web siteleri için de geçerlidir, bu nedenle bir site oluştururken temel markalama yönergelerine uymamak aptalca olur.

Bir kez daha, daha az çevik markaların bu kavramı ihmal ettiğini ve web geliştirmeyi marka stratejisiyle uyumlu hale getirmediğini fark ediyoruz.

İşiniz, sorunu halletmek ve işletmenizin çevrimiçi görünürlüğüne katkıda bulunan sayfalar oluşturmaktır. Örneğin, tez servislerinin bunu nasıl yaptığını görebilirsiniz. Profesyonel otoriteyi vurgulamak için mavimsi tonlar kullanırlar ve yeterliliği kanıtlamak için çok fazla metin eklerler ki bu tam olarak bir yazı ajansından bekleyeceğiniz şeydir.

Öte yandan, dünyanın en büyük markalarından birinden harika bir örnek geliyor. Coca-Cola'dan ve şirketin marka kurallarına tamamen uyan web sitesinden bahsediyoruz.

Ana sayfada, Coca-Cola'nın imza renkleri olarak da bilinen kırmızı ve beyazın hakim olduğunu görebilirsiniz. En popüler ürünlerini modern ve göz alıcı bir görüntüde anında görürsünüz. Basit gibi görünse de pek çok şirket web sitesi geliştirirken kendi markalaşma tarzlarını takip etmekte başarısız oluyor.

5. Açılır Pencere İkilemi

Pop-up'lar web tasarımında önemli bir konudur, çünkü konseptin gerçekten işe yarayıp yaramadığı veya sadece izleyiciyi uzaklaştırıp uzaklaştırmadığı konusunda hala genel bir fikir birliği yoktur. İşte neden:

  • Pop-up'lar kesinlikle insanları rahatsız eder ve kullanıcı deneyimini bozar
  • Tüm pop-up'lar için ortalama dönüşüm oranı %3,09'dur

İkilem açıktır – pop-up'lar kullanıcıların büyük çoğunluğunu rahatsız eder, ancak yine de oldukça iyi bir dönüşüm oranına sahiptirler. Bu gibi durumlarda, bazı geliştiriciler pop-up'ları tamamen ortadan kaldırırken, diğerleri bunları aşırı kullanır.

Önerimiz, açılır pencere çabalarınızı ılımlı tutmaktır. Bunları her sayfada kullanmayın, ancak dönüşüm açısından gerçek bir fark yaratabilecek pop-up'lar eklemekten korkmayın.

Örneğin Jeff Bullas'ın web sitesini ele alalım. Jeff, dijital pazarlama alanında dünyaca ünlü uzmanlardan biri ve sitesinde pop-up'ları kullanmaktan korkmuyor. Aksine, web sitesindeki sayfalardan birini açar açmaz, sizi Jeff Bullas'ı bir sonraki etkinliğinizde konuşmaya davet etmeye teşvik eden bir açılır pencere göreceksiniz.

Tabii ki, sır, açılır pencerenin oldukça hassas ve ayrık olduğu, ancak yine de gözden kaçırılmasının imkansız olduğu gerçeğinde yatmaktadır. Böyle mükemmel bir kombinasyon oluşturmak her zaman kolay değildir, ancak kimse sizi denemekten alıkoyamaz!

6. Yalnızca Masaüstü Tasarım

Yıl 2020 ve artık kimse yalnızca masaüstü tasarımına odaklanmamalı. Ne yazık ki, yine de kötü optimize edilmiş sitelere çok sık rastlayabilirsiniz. Bu, 3,2 milyardan fazla insanın mobil cihazları kullandığı dünyada büyük bir gaftır.

Web sitenizi henüz yükseltmediyseniz, mümkün olan en kısa sürede mobil uyumlu hale getirdiğinizden emin olun. Tek yapmanız gereken, web sitenizin durumunu belirlemek için Mobil Uyumluluk Testi yapmak. Google, akıllı telefon deneyimini ihmal eden siteleri cezalandırır, bu nedenle bunu bir an önce yapsanız iyi olur.

Mobil uyumluluk, 2016'dan beri Google'ın önceliği olduğundan bu bir yenilik değil, ancak mobil öncelikli dizine ekleme sayesinde 2020'de özelliği daha da önemli hale getirdiler. Bunun anlamı ne?

Google'a göre, mobil öncelikli dizine alma, bu arama motorunun dizine ekleme ve sıralama için ağırlıklı olarak içeriğin mobil sürümünü kullandığı anlamına gelir: "Kullanıcıların çoğu artık Google Arama'ya bir mobil cihazla eriştiğinden, Googlebot öncelikle sayfaları akıllı telefonla tarar ve dizine ekler. ajan ilerliyor.”

7. JavaScript Çerçeveleri Hakkında Çılgına Dönün

JavaScript size bir sürü ilginç çerçeve sunar; en popüler çözümlerden bazıları Angular, Vue ve React'tir. JS çerçeveleri, web geliştiricilerine aşağıdakiler gibi çok çeşitli oldukça pratik işlevler sunar:

  • Hızlandırılmış kodlama : Bir dizi satırı sıfırdan yazmak yerine, işlemi daha basit ve daha hızlı hale getirmek için önceden tanımlanmış bir çerçeve bileşeni kullanabilirsiniz.
  • Veri bağlama : JS çerçeveleri ile sezgisel kısayollar kullanarak veri bağlantıları kurabilirsiniz.
  • Optimum performans : JS çerçeveleri neredeyse her zaman çok küçük dosyalardır. Bu, talepleriniz ve kodlama faaliyetlerinizden bağımsız olarak mükemmel şekilde çalışabilecekleri anlamına gelir.

Bunların hepsi JavaScript temeline yapılan çok değerli eklemelerdir, ancak bu süreçte çok erken delirmeyin. Aksine, çerçevelerine dönmeden önce aşılmaz bir JavaScript yapısı oluşturmaya çalışmalısınız. Bu şekilde, web sitelerinizdeki olası performans sorunları ve uzun vadeli hatalar hakkında endişelenmenize gerek kalmayacak.

8. SEO: Ayarlayın ve Unutun

Arama motoru optimizasyonu (SEO) iyi bilinen bir kavramdır ve içeriği arama motoru algoritmalarının beklentilerini karşılayacak şekilde özelleştiremeyen bir web geliştiricisi veya içerik oluşturucusu hayal etmek zordur. Bununla birlikte, web yöneticileri arasında başka bir eğilim daha var ve o da “kur ve unut”.

Bunun anlamı ne?

Bu, tek seferlik bir optimizasyon süreci yürüttükleri ve bir daha asla geri dönmedikleri anlamına gelir. Örneğin, bazı içerik oluşturucular hala anahtar kelime doldurma adı verilen eski bir taktik kullanıyor. Tanım olarak, anahtar kelime doldurma, bir sitenin Google arama sonuçlarındaki sıralamasını değiştirmek amacıyla bir web sayfasını anahtar kelimeler veya sayılarla yükleme uygulamasına atıfta bulunur.

Bu web yöneticilerinin bilmediği şey, Google'ın algoritmalarının anahtar kelime doldurmayı çok hızlı bir şekilde tanıyabildiğidir, bu da tüm kavramın anında dağıldığı anlamına gelir. 2020'ye hızlıca ilerlediğinizde, anahtar kelime doldurmanın yalnızca sitenizin itibarına ve sıralamasına zarar verebileceğini göreceksiniz.

Bundan daha akıllı olmalı ve Google'ın algoritmalarını yılda 500 ila 600 kez değiştirdiğini bilmelisiniz. Bu gibi durumlarda, SEO sürekli yükseltmeler talep eder. Bu, sitenizi keşfedilebilir kılmak için trendleri takip etmeniz ve son teknoloji optimizasyon mekanizmalarını kullanmanız gereken durumdur.

9. Yardım İstememek

Listemizdeki son ipucu basittir, ancak web geliştiricileri bunu nadiren kullanır. Tavsiyemiz, web sitenizle ilgili sorun yaşıyorsanız veya belirli bir sorunu nasıl çözeceğinizden emin değilseniz yardım istemenizdir. Cesaretinize güvenmeyin, bunun yerine işleri sonuna kadar profesyonel tutmaya çalışın. Web sitenizin kusursuz çalışmasını sağlayacak ve profesyonel itibarınızı korumanıza yardımcı olacaktır.

Sonuçta, muhtemelen bu yazıyı okumanızın ana nedeni budur. Başlamak için çok iyi bir yol, ancak özellikle herhangi bir kavram veya stratejiyle ilgili sorun yaşıyorsanız başvurabileceğiniz başka birçok kaynak var.

Tek yapmanız gereken ödevi yapmak ve en güvenilir blogları, seminerleri, önemli kanaat önderlerini, veri kitaplıklarını veya bilmeceyi çözmenize yardımcı olabilecek diğer türdeki kaynakları bulmak. Normalden biraz daha fazla çalışma gerektirir, ancak sonunda daha iyi bir ürün yaratacaksınız.

Çözüm

Web geliştirme, temel bir endüstri haline geldi çünkü web sitelerinin görünümü ve işlevselliği, tüm işleri yapma veya bozma gücüne sahip. Bu gibi durumlarda, en son web geliştirme girişimlerini takip etmek, aynı zamanda kullanıcılar üzerinde kalıcı bir olumlu etki yaratmayacak eğilimleri belirlemek de gereklidir.

Bu yazıda, 2020'de kaçınmanız gereken dokuz web geliştirme eğilimini gösterdik. Bu taktiklerden herhangi birini daha önce kullandınız mı? Web geliştirme deneyimlerinizi görmek istediğimiz için yorum yazmaktan çekinmeyin!