Web Dizayn və UX: Konversiyaya Təsir Edən Dizayn Prinsipləri
Bir neçə ay əvvəl Bakıda bir onlayn mağazanın sahibi məndən kömək istədi: "Aylıq 10,000 ziyarətçi gəlir, amma cəmi 50 satış olur — konversiya 0.5%. Nə edim?" Saytına baxdım. Dizayn gözəl idi — rəngarəng, animasiyalı, "professional" görünürdü. Amma bir problem var idi: istifadəçi nə etməli olduğunu bilmirdi. "Sifariş et" düyməsi gizli idi, məhsul kateqoriyaları qarışıq idi, mobil versiya istifadə olunmaz idi. 3 həftə ərzində sadəcə dizayn dəyişiklikləri etdik — düymələri böyütdük, navigasiyanı sadələşdirdik, mobil UX-i yenidən qurduq. Nəticə: konversiya 0.5%-dən 2.1%-ə qalxdı — 4 dəfədən çox artım, reklam büdcəsinə toxunmadan.
Google-un araşdırmasına görə, mobil saytın yüklənməsi 1 saniyədən 3 saniyəyə artdıqda "bounce rate" (saytı tərk etmə) 32% artır. 5 saniyəyə çatdıqda isə 90% artır (Google/SOASTA, 2025). UX yalnız "gözəllik" deyil — bu, birbaşa pula çevrilən strateji investisiyadır.
UX və UI: Fərq Nədir?
Bu iki termin tez-tez qarışdırılır, amma tamamilə fərqli konsepsiyalardır:
| Xüsusiyyət | UX (User Experience) | UI (User Interface) |
|---|---|---|
| Fokus | İstifadəçinin təcrübəsi və hiss etdikləri | Vizual elementlər və interaksiya dizaynı |
| Sual | "Bu rahatdır? Bu asandır?" | "Bu gözəldir? Bu cəlbedicidir?" |
| Məsuliyyət | Araşdırma, wireframe, prototip, test | Rəng, tipografiya, ikonlar, layout |
| Analogiya | Evin planı — otaqların yerləşməsi, axını | Evin interyeri — mebel, rəng, dekorasiya |
| Ölçmə | Task completion rate, NPS, konversiya | Vizual uyğunluq, brend ardıcıllığı |
Mükəmməl veb sayt həm UX, həm UI baxımından güclü olmalıdır. Gözəl, amma istifadəsi çətin sayt müştəri itirir. Rahat, amma çirkin sayt isə etibar yaratmır.
Konversiyaya Təsir Edən 10 UX Prinsipi
1. Hicks Qanunu: Seçim paradoksu
Seçim artdıqca qərar vermə vaxtı uzanır — və insanlar heç bir seçim etməyə meyl edir. Columbia Universitetinin "mürəbbə eksperimenti" bunu sübut edib: 24 seçim olan stendə 60% insan yanaşdı, amma cəmi 3% alış etdi; 6 seçim olan stendə 40% yanaşdı, amma 30% alış etdi.
Tətbiq: Əsas səhifədə 3-5 əsas kateqoriya göstərin, 20 yox. CTA düymələrini azaltın — ideal olaraq bir səhifədə bir əsas CTA.
2. F-Pattern və Z-Pattern
Eye-tracking araşdırmaları göstərir ki, istifadəçilər veb səhifəni F və ya Z formasında skan edirlər. Ən vacib elementlər bu xəttlər üzərində olmalıdır.
Tətbiq: Başlıqları sol üstdə, CTA düyməsini Z-nin son nöqtəsində (sağ altda) yerləşdirin.
3. Vizual iyerarxiya
Gözlər böyük, parlaq, kontrastlı elementlərə ilk baxır. Hər səhifənin aydın vizual iyerarxiyası olmalıdır:
- H1 başlıq: Ən böyük, ən görkəmli
- CTA düyməsi: Kontrastlı rəng, kifayət qədər böyük
- Əsas mətn: Oxunaqlı ölçü (minimum 16px)
- İkinci dərəcəli elementlər: Daha kiçik, daha solğun
4. Ağ boşluq (White Space)
Boş sahə "israf" deyil — bu, dizaynın ən güclü alətidir. Apple-ın saytı dünyada ən yüksək konversiyaya malik e-ticarət saytlarından biridir — və ağ boşluqdan ən çox istifadə edən saytdır.
Tətbiq: Elementlər arasında kifayət qədər məsafə saxlayın. "Sıxlıq" hissi istifadəçini qaçırır.
5. Yüklənmə sürəti
Hər əlavə 1 saniyə yüklənmə vaxtı konversiyanı 7% azaldır (Akamai, 2025). Optimal yüklənmə vaxtı: 2 saniyədən az.
Tətbiq:
- Şəkilləri sıxışdırın (WebP formatı istifadə edin)
- CSS/JS fayllarını minify edin
- CDN istifadə edin
- Lazy loading tətbiq edin
- PageSpeed Insights ilə mütəmadi test edin
6. Mobil-First dizayn
Azərbaycanda internet trafikinin 75%+ hissəsi mobil cihazlardandır (StatCounter, 2025). Mobil versiya ilk prioritet olmalıdır:
- Touch-friendly düymələr (minimum 44x44 px)
- Bir əllə istifadə imkanı
- Şaquli scroll — horizontal scroll istifadəçini çaşdırır
- Form sahələri məhdud saxlayın
7. Etibar siqnalları
İstifadəçilər tanımadıqları sayta etibar etmir. Etibar siqnalları konversiyanı 15-40% artıra bilər:
- SSL sertifikatı (https://)
- Müştəri rəyləri və reytinqlər
- Tanınmış müştərilərin logoları
- Mətbuat xəbərləri / media coverage
- Əlaqə məlumatları (ünvan, telefon, e-mail)
- Ödəniş təhlükəsizliyi ikonları
8. CTA (Call-to-Action) optimallaşdırması
CTA düyməsi konversiyanın ürəyidir:
- Rəng: Saytın əsas rəngindən fərqli, kontrastlı rəng seçin.
- Mətn: "Göndər" yox, "Pulsuz sınaq başlat" — fayda odaqlı mətn.
- Yerləşmə: "Above the fold" — scroll etmədən görünən sahədə.
- Ölçü: Kifayət qədər böyük, amma nəhəng deyil. Desktop: 200x50px optimal.
9. Form sadəliyi
Hər əlavə form sahəsi konversiyanı 11% azaldır (HubSpot, 2025). Yalnız mütləq lazım olan sahələri saxlayın.
- 3-5 sahə ideal
- Avtomatik doldurma dəstəyi
- Real-time validasiya (xətanı dərhal göstərmə)
- Progress bar (çox addımlı formlarda)
10. Sosial sübut (Social Proof)
"3,500+ müştəri bizə etibar edir" — bu sadə cümlə konversiyanı 15-20% artıra bilər. Sosial sübut növləri:
- Müştəri rəyləri (video rəylər 2x daha effektiv)
- Case study / uğur hekayəsi
- Real-time bildirişlər ("Əli 5 dəqiqə əvvəl sifariş etdi")
- Rəqəmlər ("10,000+ sifariş çatdırılıb")
Azərbaycan Veb Saytlarının Ümumi UX Problemləri
Azərbaycan bizneslərinin veb saytlarında tez-tez rast gəlinən UX problemləri:
| Problem | Yayılma dərəcəsi | Konversiyaya təsiri | Həll |
|---|---|---|---|
| Yavaş yüklənmə | 70%+ | -30-50% konversiya | Şəkil optimizasiyası, CDN, caching |
| Mobil uyğunsuzluq | 40% | Mobil trafikin 80%-i itirilir | Responsive/mobil-first dizayn |
| Qarışıq navigasiya | 60% | Bounce rate +40% | Sadə menyu, aydın kateqoriyalar |
| Gizli əlaqə məlumatı | 50% | Etibar itkisi | Header-də telefon, footer-də tam məlumat |
| Pop-up bombardmanı | 45% | Bounce rate +50% | Exit-intent pop-up, 1-dən çox yox |
| Köhnə dizayn | 55% | Etibar itkisi -20% | Müasir dizayn trendi |
Web dizayn və UX sahəsindəki peşəkar mütəxəssislərə tələbat artır. Birjob.com-da UX/UI dizayner, frontend developer və web dizayner vakansiyalarını izləyə bilərsiniz.
A/B Test: Data ilə Dizayn Qərarları
Dizayn qərarlarını "mən belə düşünürəm" əsasında yox, data ilə verməlisiniz. A/B test bunun ən effektiv yoludur:
Nəyi test etmək olar?
- CTA düyməsinin rəngi, mətni, ölçüsü
- Başlıq variasiyaları
- Şəkil vs video
- Form uzunluğu
- Qiymət göstərilmə formatı
- Layout dəyişiklikləri
A/B test alətləri
- Google Optimize: Pulsuz (basic versiya), Google Analytics ilə inteqrasiya
- Optimizely: Premium alət, ətraflı funksionallıq
- VWO: Visual Website Optimizer — kod bilmədən test
- Hotjar: Heatmap və session recording — istifadəçi davranışını görmək
Test qaydaları
- Bir dəfədə bir element test edin
- Statistik əhəmiyyətli nəticə üçün kifayət qədər trafik gözləyin (minimum 1000 ziyarətçi hər variasiyaya)
- Testi minimum 2 həftə davam etdirin
- Qalib variasiyaya keçin, sonra növbəti testi başladın
2026 Web Dizayn Trendləri
- Dark mode: Qaranlıq tema seçimi — göz rahatlığı və müasir görünüş.
- Micro-interactions: Kiçik animasiyalar — düyməyə hover effekti, scroll animasiyaları.
- AI-personalized UX: İstifadəçi davranışına əsasən kontent və layout adaptasiyası.
- 3D elementlər: WebGL ilə 3D vizuallar — xüsusilə məhsul tanıtımında.
- Voice UI: Səs əsaslı interaksiya — axtarış, naviqasiya.
- Accessibility-first: Əlçatanlıq artıq "əlavə" deyil, əsas tələbdir (WCAG 2.2).
Mənim Fikrim
Azərbaycanda veb dizayn hələ "vizual gözəllik" ilə ölçülür — "sayt gözəl olsun" deyilir, amma "sayt satış etsin" deyilmir. Bu, fundamental fərqdir. Ən gözəl sayt — ən çox konversiya edən saytdır. Apple-ın saytı sadədir, amma milyardlarla dollar satış edir. Çünki hər piksel strateji məqsədə xidmət edir.
Azərbaycan bizneslərinin 80%-i "sayt yaratdırdıq, bitdi" düşüncəsindədir. Halbuki sayt canlı orqanizmdir — daim test edilməli, optimallaşdırılmalı, yenilənməlidir. Hər ay saytınızda bir dəyişiklik edin, nəticəsini ölçün, öyrənin. Bu davamlı optimallaşdırma yanaşması 12 ay ərzində konversiyanı 2-3 dəfə artıra bilər — heç bir reklam büdcəsi xərcləmədən.
UX dizayn sürətlə böyüyən peşə sahəsidir. birjob.com platformasında UX/UI dizayn, frontend development və product design sahəsindəki vakansiyalara baxaraq bu sahədə karyeranızı qura bilərsiniz.
Fəaliyyət Planı: Saytınızın UX Auditini Aparın
| Gün | Tapşırıq |
|---|---|
| 1 | Google PageSpeed Insights ilə sürət testini keçirin. Mobile-Friendly testini edin. |
| 2-3 | Hotjar (pulsuz plan) quraşdırın — heatmap və session recording başlasın. |
| 4-5 | 5 nəfərdən saytınızı istifadə etmələrini xahiş edin, müşahidə edin. Harada ilişirlər? |
| 6-7 | Google Analytics-dən bounce rate, exit pages, conversion path datanı analiz edin. |
| 8-10 | Tapılan problemləri prioritetləşdirin. Ən böyük təsirli, ən asan həll olunanlardan başlayın. |
| 11-14 | İlk düzəlişləri tətbiq edin: CTA optimallaşdırması, mobil UX, sürət artırma. |
Mənbələr
- Google/SOASTA — "The State of Online Retail Performance" (2025)
- Akamai — "Online Retail Performance Report" (2025)
- HubSpot — "Form Length and Conversion Rates" (2025)
- Nielsen Norman Group — "UX Research Findings" (2025)
- StatCounter — "Mobile vs Desktop Market Share Azerbaijan" (2025)
- Baymard Institute — "E-Commerce UX Research" (2025)
Bu məqalə reklamyeri.az komandası tərəfindən hazırlanıb.
