Tasarım Trendlerini + En İyi Uygulamalarını Bulmak için 100 SaaS Sitesi Çalıştık (İşte Bulduklarımız)

SaaS web tasarımı için en iyi yöntemler nelerdir?

Bu, SaaS sitesine tökezledikten sonra, SaaS sitesinden sonra, SaaS sitesinden sonra cevaplamak için sorduğum soru. Bu hemen hemen aynı görünüyordu:

En iyi uygulamaları anlamak, web tasarımcılarının (ve SaaS kurucularının) kendi marka varlıkları hakkında düşünmeleri için harika bir yol olabilir. En iyi 50 pazarlama sitesinin web standartlarını incelerken Andy Crestodina'nın birkaç yıl önce aldığı bir yaklaşım. Ayrıca tasarımcılara, stratejistlere ve kuruculara tasarım girişimlerini tel kafes anlamında planlamalarında ve ana tasarım öğelerinde ana sayfada ne olması gerektiğini belirleme konusunda yardımcı olabilir.

Nielsen / Norman Group, Web Tasarım Standartları ile ilgili ilk dokümantasyon parçalarından birini yayınladı ve üç standardizasyon seviyesi tanımladı:

  • Standart:% 80 + site aynı yaklaşımı kullanır
  • Sözleşme: Web sitelerinin% 50–79'u aynı yaklaşımı kullanıyor
  • Karışıklık:% 49 veya daha az web sitesi bir yaklaşım kullanıyor

Başlangıçta SaaS markalarına benzeyen hayal kırıklığı yaşadım; tasarım standartlarına ve en iyi uygulamalara uyma nedenine baktıkça tutarlılığın faydasını daha iyi anladım. Aşağıdaki tasarım web standartları ile birlikte gelen avantajlardan bazıları şunlardır:

  • Yaygın tasarım öğelerini görürken bir güvenlik ve güven duygusu
  • Bir şeye ihtiyacınız olduğunda tam olarak nereye gideceğinizi bilmek (örneğin, Home by. Logo click)
  • Yeni simgeler, düğmeler ve tasarım öğeleri etrafında belirsizlik yok
  • Anahtar öğeler (yani bir demo al) kaçırılmış

Bütün bunlar, kullanıcı deneyimini daha yumuşak ve sezgisel hale getirebilir.

Ancak, SaaS alanında herhangi bir sebep olmadan çoğaltılmış görünen birçok şey var.

Bu yüzden, SaaS Web Tasarım Standartlarını daha iyi anlamak için, Ocak 2019’da SaaS1000.com’dan en iyi 100 siteyi aldık, bize neyin standart haline geldiğini, neyin geleneksel olduğunu ve bozuk para olduğunu gösteren bir veri seti oluşturduk. 2019’da gerçekleşen SaaS tasarım en iyi uygulamalarına daha yakından bakalım:

Marka Logoları Her Zaman Sol Taraftadır

Logonun bir web sitesinin sol üst köşesine yerleştirilmesi, ortak bir tasarım en iyi uygulamadır. Tasarımcıların çoğu SaaS'ın içinde ve SaaS'ın dışında kaldıraçlı bir yaklaşım. Kuzey Amerika'daki çoğu insanın bir siteyi soldan sağa görüntülediğini kabul etmek mantıklı bir seçimdir.

Ancak bazen (araştırmamızda; bir kez) bir tasarımcı logoyu başka bir yere koymaya karar verir. Hiçbir sitenin logosunu sağa yerleştirmediğini görmemize rağmen; logosunu doğrudan sitelerinin ortasına yerleştiren DataDog'u bulduk:

Bir logo araştırma çalışmasında, Venngage'deki insanlar, insanların% 35'inin teknoloji şirketleri için metin baskın ve yatay stil logoları tercih ettiğini buldu.

Çoğu SaaS Web Sitesi Mobil Duyarlı

Mobil bir dünyada yaşıyoruz.

Duyarlı siteler, masaüstündeki veya mobil ziyaret eden kişiler için bozuk deneyimler yaşamadığınızdan emin olmanın harika bir yoludur.

2018'de, dünya çapındaki tüm çevrimiçi trafiğin% 52,2'si cep telefonları aracılığıyla üretildi. Bu nedenle, çoğu SaaS şirketinin yalnızca masaüstü için inşa etmek yerine, duyarlı bir tasarıma yatırım yaptığını görmek bu kadar harika.

Video Sitelerin% 55’inin Altında Biraz Bulunabiliyor

Bu bir demo mu yoksa bir örnek olay incelemesi mi, bu siteler için ana sayfada video şeklinde bu sitelerin yarısından fazlası bu yaklaşımı benimsemiştir. SaaS şirketlerinin çoğunluğu videodan yararlanır, ancak en iyi uygulama olarak değerlendirilebilmesi için önemli bir oranda değildir.

Yüksek kaliteli bir videonun üretilmesiyle ortaya çıkan eski maliyet beklentileri, markaları bu yatırımdan uzak tutuyor olabilir. Illustrated ürün açıklayıcıları birkaç yıl önce popülaritesini artırdı ve Fiverr ve Upwork gibi sitelerden satın alınan popüler bir hizmet haline geldi. Günümüzde, bu tür videolara olan talep hala oldukça yüksektir (ayda 14.800'den fazla açıklayıcı video arar), ancak SaaS şirketlerinin yalnızca yarısından biraz fazlası bunları kullanmaktadır.

Katlamanın Üstünde Her Zaman Birincil İşlem Çağrısı Var

SaaS topluluğunda, insanları harekete geçirmenin bir yolunu göstermesi için yaptığınız çağrının, katın üstünde olması gereken net bir en iyi uygulama var. Bu SaaS Tasarım araştırmasına dahil olan tüm sitelerin% 90'ından fazlasının, düğmenin üzerinde bir düğme veya harekete geçme çağrısı vardı.

Eylem Çağrısının Yerleştirilmesi Değişir

Tüm bu siteler arasında, harekete geçirme çağrısının yerleştirildiği yerde çok az tutarlılık vardı. Bazıları web sayfasının en soluna yerleştirilmiş, bazıları ortada ölmüş, diğerleri ise sağda çok uzaktalardı. CTA'nın yerleştirilmesi söz konusu olduğunda en iyi uygulama, SaaS şirketleri arasında tam bir bozuk para gibi görünmektedir.

SaaS Şirketleri Düğmeler İçin Hangi Renkleri Kullanır?

Çeşitli eylem çağrıları analiz edilirken yeşil ve turuncu düğmelere doğru belirgin bir eğilim vardı.

Ücretsiz Demo En Popüler Harekete Geçirme Çağrısı

İncelemiş olduğumuz ve harekete geçirme çağrısı yaptığımız sitelerin tipik olarak insanların yapmalarını istedikleri açık bir şeyi var. Bunların çoğu eylem odaklı dil kullanıyor (%%) ve ziyaretçiyi hunide daha fazla iten bir şey yapmaya zorluyor. Bazı varyasyonlar şunları içerir:

  • Demoyu Zamanla
  • Demo İste
  • Ücretsiz Deneme Alın
  • Bedava X alın
  • Başlamak
  • X'i dene

En yaygın kelimeler + eylem çağrıları içindeki ifadeler şu şekilde olma eğilimindeydi: Ücretsiz, Demo, Al, Başla, X'i Dene ve İsteği ... Bu kelimelerin çoğu SaaS primer CTA'larında ortaya çıkma eğilimindedir.

Hafif Bir Arka Plan Kullanmak En İyi Uygulamadır

SaaS’da siyah arka plana sahip bir siteyi görmek yaygın değildir:

Sitelerin çoğu (% 92'si) siteleri için ana arka plan olarak beyaz veya açık renkler kullanmıştır.

Gerçek İnsanları Kullanmak, SaaS’ın% 56’sı Tarafından Kullanılır

Gerçek insanların anasayfaya yerleştirilmeleri yarıdan fazlaydı. Resimlere kıyasla, gerçek kişilerin ana sayfaya yerleşimi genellikle sitenin ana bölümünde bulunamadı. Bazen, yukarıdaki resimdeki gibi doğrudan ekranın üst kısmında göründüler, ancak çoğu zaman sayfadan aşağıya bir referans, örnek olay incelemesi ya da bir özelliğe atıfta bulunuldu.

Resim seçiminde biraz çeşitlilik görmek harikaydı. Eksik olan tek şey, bu “Ekibimiz” sayfalarında benzer bir çeşitlilik seviyesi görmekti ancak bu başka bir zaman için bir konudur.

Özel Resimler Çok Yaygındır (% 70)

Özel resimlerin yükselişi SaaS topluluğunu fırtınaya sürüklemiştir. Son 3 yıldır siteden sonra siteden sonra ortaya çıkan bir şey. Profesyonel görüşümüz bunun bir trend olduğu, ancak en iyi uygulama haline gelmenin sadece yüzde bir puan olduğu yönünde.

İşte bazı siteler ve resimlerinin anlık görüntüsü:

Bu ilginç bir trend.

Ne düşünüyorsunuz: Bu tasarım yaklaşımı girişimcilerin öne çıkmasına yardımcı oluyor mu, yoksa onların karışmasına neden oluyor mu? Önemli mi? Bir güven duygusu veriyor mu?

SaaS Markalarının Yarısı Canlı Sohbet Aracı Kullanıyor

Canlı sohbet ve konuşmacı pazarlamanın yükselişi izlemek için büyüleyici bir trend olmuştur. Potansiyel müşterilerle (veya botları kullanarak) gerçek zamanlı konuşmaları benimseme fikri, B2B SaaS şirketleri arasında açıkça popüler olmaya başladı.

Araştırmamız, SaaS sitelerinin yaklaşık% 50'sinin köşede meşgul olmaya hazır bir sohbet kutusunun olduğunu buldu. Bu sitelerin çoğunda, kullanılan hizmetler İnterkom veya Sürüklüydü.

Öyleyse Standartlara Uymalı mıyım?

Değişir.

Tasarımla denemeler yapmak, endüstrinin geri kalanından önce bir şeyi ortaya çıkarmak için harika bir yoldur. Bununla birlikte, tasarım denemesinin riski, kullanıcıların tüm tecrübeyi kırılmış ve kötü bir şekilde yaratılmış bulabilmesidir. Diğer taraftan, dünyadaki SaaS web sitelerinde hali hazırda kullanılmakta olan standartlara göre çok kolay bir şekilde harmanlayabileceğiniz her şeyi yapmak.

Herkes gibi olmayan bir site istiyorsanız, yapılacaklar listesi:

  • Markanızın soyut bir temsili olarak düz çizimi kullanmayın
  • Ana sayfanızdaki koyu turuncu veya sarı düğmeleri kullanmayın
  • Değer teklifinizi sitedeki hizalamayı bırakma
  • Logonuzu ortasına veya sağına yerleştirin
  • Siteniz için karanlık bir arka plan kullanın

Siteniz şu anda bu standartlara uyuyor mu?

Burada bir şey sizi şaşırttı mı?

Aslen SaaS Web Tasarım'ın En İyi Uygulamaları: Foundation Labs

Bu hikaye, Orta’nın en büyük girişimcilik yayını olan Startup’ta ve ardından +430.678 kişi tarafından yayınlandı.

En iyi hikayelerimizi buradan almak için abone olun.