Dizayn tendentsiyalari + eng yaxshi amaliyotlarni kashf qilish uchun SaaS-ning 100 ta saytini o'rganib chiqdik (mana bu biz topdik)

SaaS veb-dizayni uchun eng yaxshi amaliyotlar qanday?

SaaS saytida qoqilgandan keyin, SaaS saytidan keyin, SaaS saytidan keyin men javob berishni boshladim ... Bu juda o'xshash edi:

Eng yaxshi amaliyotlarni tushunish veb-dizaynerlar (va SaaS asoschilari) uchun o'zlarining brendlari haqida o'ylashning yaxshi usuli bo'lishi mumkin. Ushbu yondashuv Andy Crestodina bir necha yil oldin eng yaxshi 50 ta marketing saytlari uchun veb-standartlarni tahlil qilganda amalga oshirildi. Shuningdek, u dizaynerlarga, strategistlarga va asoschilarga o'zlarining dizayn tashabbuslarini simframlar ma'nosida rejalashtirishga va o'zlarining veb-saytlarida qanday asosiy dizayn elementlari kerakligini aniqlashga yordam beradi.

Nielsen / Norman Group veb-dizayn standartlari atrofida birinchi hujjatlarni nashr qildi va standartlashtirishning uchta darajasini aniqladi:

  • Standart: 80% + saytlar bir xil yondashuvdan foydalanadilar
  • Konventsiya: 50–79% veb-saytlar xuddi shu yondashuvdan foydalanadilar
  • Adashib qolish: 49% yoki undan kam veb-sayt yondashuvdan foydalanadi

Men dastlab Saalik SaaS brendlaridan juda xafsalam pir bo'lgan; Keyinchalik men dizayn me'yorlari va eng yaxshi amaliyotga rioya qilish asoslarini ko'rib chiqdim va men muvofiqlik foydasini ko'proq angladim. Quyidagi dizayn veb-standartlari keltiradigan ba'zi afzalliklarga quyidagilar kiradi:

  • Dizaynning umumiy elementlarini ko'rganingizda xavfsizlik va ishonch hissi
  • Biror narsa kerak bo'lganda qaerga borishni aniq bilish (masalan, uy orqali. Logotipni bosish)
  • Yangi piktogrammalar, tugmalar va dizayn elementlari atrofida noaniqliklar yo'q
  • Hech qanday muhim element (masalan, demo oling) o'tkazib yuborilmagan

Bularning barchasi foydalanuvchi tajribasini yanada yumshoq va intuitiv qiladi.

Ammo SaaS makonida biron bir sababsiz ko'paytirilgan ko'rinadi.

Shunday qilib, SaaS veb-dizayn standartlarini yaxshiroq tushunish uchun biz 2019 yil yanvar oyida SaaS1000.com saytidan eng yaxshi 100 ta saytni tanladik, bizga standartlar nimaga aylanganligi, odatiy nima va tanga pulining nima ekanligini ko'rsatadigan ma'lumotlar to'plamini yaratish uchun. SaaS dizayni bo'yicha 2019 yilda bo'lib o'tadigan eng yaxshi tajribalarni diqqat bilan ko'rib chiqamiz:

Tovar logotiplari har doim chap tomonda

Logotipni veb-saytning yuqori chap tomoniga joylashtirish eng yaxshi odatiy dizayndir. Ko'pgina dizaynerlar SaaS ichida va SaaS tashqarisida ishlaydigan yondashuv. Shimoliy Amerikadagi ko'p odamlar saytni chapdan o'ngga qarab ko'rishlarini tan olish mantiqiy tanlovdir.

Ammo ba'zida (bizning tadqiqotlarimizda; bir marta) dizayner logotipni boshqa joyga qo'yishga qaror qiladi. Hech qanday sayt o'z logotipini o'ng tomonga joylashtirganini ko'rmadik; Biz o'z logotiplarini o'z saytlarining o'rtasida joylashtirgan DataDog-ni topdik:

Logotipni o'rganish bo'yicha Vengrage-da o'tkazilgan tadqiqotda, 35% odamlar texnologik kompaniyalar uchun matematik dominant va gorizontal uslubdagi logotiplarni afzal ko'rishlarini aniqladilar.

SaaS veb-saytlarining aksariyati mobil javob beradi

Biz mobil dunyoda yashayapmiz.

Javob beradigan saytlar - ish stolida yoki uyali telefonda tashrif buyurganlarga buzilgan tajribalarni etkazmaslikning ajoyib usuli.

2018 yilda butun dunyo bo'ylab internet-trafikning 52,2 foizi mobil telefonlar orqali ishlab chiqarilgan. Shu sababli SaaS kompaniyalarining aksariyati faqat ish stoli uchun qurilishni emas, balki e'tiborga loyiq dizaynga sarmoya kiritayotganini ko'rish juda yoqimli.

Videoni 55% saytlarda ozgina topish mumkin

Ushbu saytlarning yarmidan ko'pi ushbu saytlar uchun demo yoki video-sahifa ko'rinishidagi video-surat tarzida bo'lsin. SaaS kompaniyalarining aksariyati videoni eng yaxshi amaliyot deb hisoblash uchun sezilarli darajada emas, balki undan foydalanadilar.

Yuqori sifatli videoni ishlab chiqarish bilan bog'liq bo'lgan eski narxlar bo'yicha umidlar hali ham ushbu investitsiyalardan brendlarni ushlab turishi mumkin. Ilova qilingan mahsulot izohchilari bir necha yil oldin mashhurlikka erishdilar va Fiverr va Upwork kabi saytlar orqali sotib olingan mashhur xizmatga aylandilar. Bugungi kunda ushbu turdagi videolarga talab juda katta (oyiga 14,800 ta izohlovchi videolarni qidirish), ammo SaaS kompaniyalarining faqat yarmidan ko'pi ularni ishlatadi.

Yig'ilish ustidagi harakatlarga har doim birinchi qo'ng'iroq bor

SaaS hamjamiyatida sizning odamlarni biron bir narsani qilishga undashga undovchi harakatlaringiz bu darajadan yuqori bo'lishi kerakligi haqida aniq tajriba mavjud. SaaS Dizayn tadqiqotlariga kiritilgan barcha saytlarning 90% dan ortig'ida tugmacha yoki tepada harakat qilishga chaqiriqlar mavjud.

Harakatga chaqiriqning joylashishi o'zgaradi

Ushbu saytlarning barchasida harakatga undovchi harakatlarning izchilligi juda kam edi. Ulardan ba'zilari veb-sahifaning chap burchagiga joylashtirildi, ba'zilari o'rtada o'lik holda, boshqalari esa juda o'ngda edi. CTA-ni joylashtirish haqida gap ketganda, eng yaxshi amaliyot, SaaS kompaniyalari orasida to'liq tanga almashtirishga o'xshaydi.

SaaS kompaniyalari tugmalar uchun qanday ranglardan foydalanadilar?

Harakatlarni chaqirishni tahlil qilishda yashil va to'q sariq tugmachalarga nisbatan aniq tendentsiya kuzatildi.

Bepul demo - bu eng mashhur qo'ng'iroq

Biz ko'rib chiqgan saytlar odatda harakatga chaqiruvchi narsalarga ega bo'lib, ular odamlar nimani xohlashlarini aniq bilishadi. Ularning aksariyati harakatga yo'naltirilgan tilni (%%) ishlatadilar va tashrif buyuruvchini ularni boshqa huni ichida itaradigan narsalarni qilishga undashadi. Ba'zi tafovutlarga quyidagilar kiradi:

  • Namoyishni jadvali
  • Namoyishni talab qiling
  • Bepul demo oling
  • Bepul X oling
  • Boshlang
  • X ni sinab ko'ring

Eng tez-tez uchraydigan so'zlar + iboralar xatti-harakatlarga chaqiriladi: Bepul, Demo, Ishga tushirish, Boshlash, X-ni sinab ko'rish va so'rash ... Ushbu so'zlarning ba'zilari birgalikda paydo bo'ldi (masalan. Bepul demo yoki bepul X-ni sinab ko'rish), ammo kombinatsiyadan foydalanib ushbu so'zlarning aksariyati SaaS asosiy CTAs-larida aks etadi.

Engil fonni ishlatish eng yaxshi amaliyotdir

SaaS-da qora fonga ega bo'lgan saytni ko'rish odatiy emas:

Ko'pgina saytlar (ularning 92%) o'zlarining saytlari uchun asosiy fon sifatida oq yoki ochiq ranglardan foydalanganlar.

Haqiqiy odamlardan foydalanish faqat 56% SaaS tomonidan qo'llaniladi

Uy sahifasida haqiqiy odamlarni joylashtirish yarmidan ko'pini tashkil etdi. Rasmlar bilan taqqoslaganda, haqiqiy odamlarning bosh sahifaga joylashtirilishi odatda saytning asosiy qismida topilmadi. Ba'zan ular yuqoridagi rasm singari to'g'ridan-to'g'ri katlamning tepasida paydo bo'ldi, lekin aksariyat hollarda u sahifa, guvohlik, amaliy ish yoki xususiyatga havolalar ko'rinishida joylashdi.

Rasmni tanlashda biroz xilma-xillikni ko'rish juda yaxshi bo'ldi. Yagona narsa bu "Bizning jamoamiz" sahifalarida shunga o'xshash rang-baranglikni ko'rish edi, ammo bu boshqa mavzu.

Shaxsiy rasmlar juda keng tarqalgan (70%)

Maxsus rasmlarning ko'payishi SaaS jamoatchiligini bo'ronga aylantirdi. So'nggi 3 yil davomida saytdan keyin saytga chiqayotgan narsa. Bizning professional fikrimizcha, bu tendentsiya, ammo bu eng yaxshi amaliyotga aylanish uchun atigi bir necha foiz nuqta.

Bu erda ba'zi saytlarning suratlari va ularning rasmlari keltirilgan:

Bu qiziqarli tendentsiya.

Sizningcha: Dizaynga bo'lgan yondashuv startaplarga yordam beradimi yoki ular birlashishiga olib keladimi? Bu muhimmi? Bu ishonch hissini yo'qotadimi?

SaaS brendlarining yarmi jonli suhbat vositasidan foydalanadi

Jonli suhbat va suhbatlar marketingining o'sishi tomosha qilish uchun qiziqarli tendentsiya bo'ldi. Haqiqiy vaqtda suhbatlarning istiqbollari (yoki botlardan foydalanish) bilan bog'lash g'oyasi tortishishni davom ettirmoqda va B2B SaaS kompaniyalari orasida mashhur bo'lib bormoqda.

Bizning tadqiqotlarimiz shuni ko'rsatdiki, SaaS saytlarining qariyb 50 foizida ular shug'ullanishga tayyor bo'lgan suhbat qutisi mavjud. Ushbu saytlarning aksariyat qismida ishlatiladigan xizmatlar Interkom yoki Drift edi.

Shunday qilib, siz standartlarga rioya qilishingiz kerakmi?

Ga bog'liq.

Dizayn bilan tajriba qilish - bu sohaning qolgan qismidan oldin biron bir narsani ochishning ajoyib usuli. Dizayn eksperimentining xavfi shundaki, foydalanuvchilar butun tajribani buzilgan va yomon yaratilgan deb topishlari mumkin. Flipide-da, siz butun dunyo bo'ylab SaaS veb-saytlarida allaqachon ishlatilgan standartlarga muvofiq hamma narsani osonlikcha aralashtirishingiz mumkin.

Agar siz boshqalarga o'xshamaydigan saytni xohlasangiz, nima qilish kerakligi ro'yxati:

  • Brendingizning mavhum vakili sifatida tekis rasmlardan foydalanmang
  • Uy sahifangizda to'q to'q sariq yoki sariq tugmalardan foydalanmang
  • O'zingizning takliflaringizni saytda joylashtiring
  • Sizning logotipingizni o'rtada yoki o'ngda joylashtiring
  • Saytingiz uchun qorong'i fondan foydalaning

Ayni paytda sizning saytingiz ushbu standartlarga javob beradimi?

Bu erda biron bir narsa sizni ajablantirmadimi?

Dastlab SaaS veb-dizaynidagi eng yaxshi amaliyotlar: Foundation Labs

Ushbu hikoya The Startup-da, Tadbirkorlikning O'rta Osiyodagi eng yirik nashrida chop etilgan, undan keyin +430,678 kishi.

Bizning eng yaxshi voqealarni olish uchun obuna bo'ling.