İstifadə qabiliyyəti testi, rəqəmsal məhsulların həqiqi istifadəçilərlə test edilərək problemlərin erkən mərhələdə aşkarlanmasını təmin edən UX araşdırma metodudur. Jakob Nielsen-in araşdırmasına görə, yalnız 5 istifadəçi ilə aparılan test problemlərin %85-ini ortaya çıxarır. Bu, onu ən səmərəli UX araşdırma metodlarından biri edir.

İstifadə Qabiliyyəti Testi Növləri

Moderasiyalı vs Moderasiyasız

Test Prosesi: Addım-addım

1. Hədəf təyin etmə: Nəyi test edirsiniz? (naviqasiya, checkout, onboarding)
2. İştirakçı seçimi: Hədəf istifadəçi profilinə uyğun 5-10 nəfər
3. Ssenari hazırlama: Realistik tapşırıqlar təyin edin
4. Pilot test: 1-2 nəfərlə sınaq aparıb ssenariləri doğrulayın
5. Test sessiyaları: Səsli düşünmə (think-aloud) protokolu ilə
6. Təhlil: Problemləri şiddət və tezlik əsasında təsnif edin
7. Hesabat: Tapıntıları aksiya təklifləri ilə təqdim edin

İstifadə Qabiliyyəti Metrikləri

• Tapşırıq tamamlama nisbəti: İstifadəçinin tapşırığı uğurla bitirmə faizi
• Tapşırıq müddəti: Tapşırığı tamamlama müddəti (saniyə)
• Xəta nisbəti: Tapşırıq zamanı edilən xəta sayı
• SUS (System Usability Scale): 10 suallıq standart anket (hədəf: 68+)
• NPS (Net Promoter Score): Tövsiyə etmə ehtimalı
• CSAT (Customer Satisfaction): Məmnuniyyət balı

Şiddət Təsnifatı

Aşkarlanan problemləri prioritetləşdirmək üçün şiddət şkalası istifadə edin:

• Kritik (P0): Tapşırıq tamamlana bilmir — dərhal düzəldilməli
• Major (P1): Tapşırıq çətinliklərlə tamamlanır — növbəti sprint
• Minor (P2): Kiçik narahatlıq — təkmilləşdirmə planına alın
• Kosmetik (P3): Estetik problem — fürsət tapdıqca düzəldin

Uzaqdan İstifadə Qabiliyyəti Testi Alətləri

• UserTesting: Əhatəli platforma, geniş iştirakçı hovuzu
• Maze: Figma inteqrasiyalı, sürətli test
• Lookback: Moderasiyalı uzaqdan test üçün ideal
• Hotjar: Sessiya qeydləri və istilik xəritələri
• Microsoft Clarity: Pulsuz sessiya qeydi və analitik

Nəticə

İstifadə qabiliyyəti testi, rəqəmsal məhsul inkişafında ən yüksək ROI-ni təmin edən araşdırma metodudur. Erkən və tez-tez test, inkişaf xərclərini azaldır və istifadəçi məmnuniyyətini artırır. Məhsulunuzu bazara çıxarmadan əvvəl — hətta prototip mərhələsində belə — həqiqi istifadəçilərlə test edin. TAGUM UX komandası, istifadə qabiliyyəti testi planlamasından hesabatlamaya qədər əhatəli dəstək təqdim edir.

İstifadə Qabiliyyəti Testi Xidməti Alın →

Doğru dizayn aləti seçimi, komanda səmərəliliyini və layihə keyfiyyətini birbaşa təsir edir. Figma, Sketch və Adobe XD — üç böyük oyunçu fərqli güclü tərəflərə malikdir. 2026-cı il etibarilə Figma bazar lideri mövqeyini möhkəmləndirmiş olsa da, hər alətin özünəməxsus istifadə ssenariləri var.

Əhatəli Müqayisə

Figma: Niyə Bazar Lideridir?

Figma-nın bazara hakim olmasının əsas səbəbləri:

• Brauzər əsaslı: Quraşdırma tələb etmir, hər əməliyyat sistemində işləyir
• Real-time əməkdaşlıq: Google Docs kimi eyni vaxtda iş
• Variables: Design tokens idarəsi üçün güclü infrastruktur
• Auto Layout: Responsiv dizayn üçün güclü layout sistemi
• Component system: Variants, slots və instances ilə əhatəli komponent idarəsi
• FigJam: İnteqrasiya edilmiş whiteboard və beyin fırtınası aləti

Sketch: macOS Yönümlü Güc

Sketch, müasir UI dizayn aləti kateqoriyasının öncüsüdür və macOS ekosistemində güclü mövqeyə malikdir:

• Native macOS tətbiqi — hamar performans
• Symbols və libraries ilə komponent idarəsi
• Zəngin plugin ekosistemi
• Sketch Cloud ilə paylaşım və geribildirim

Adobe XD: Creative Cloud İnteqrasiyası

Adobe ekosistemi ilə dərin inteqrasiya təklif edir:

• Photoshop, Illustrator, After Effects ilə problemsiz fayl mübadiləsi
• İnkişaf etmiş 3D və animasiya imkanları
• Voice prototyping (səsli prototip)
• Creative Cloud abunəliyi ilə əlavə xərc yox

Nəticə

Alət seçimində tək doğru cavab yoxdur — komandanızın ehtiyacları, iş axışınız və mövcud ekosisteminiz həlledici olmalıdır. Lakin əksər müasir dizayn komandaları üçün Figma ən əhatəli həlli təqdim edir. TAGUM komandası, dizayn aləti seçimi və komanda iş axışı optimallaşdırılması mövzusunda məsləhət xidməti göstərir.

Dizayn Prosesinizi Optimallaşdıraq →

Dashboard-lar, mürəkkəb verilənlər dəstlərini anlaşılan və aksiyaya çevrilə bilən vizual məlumata çevirən interfeyslərdir. Yaxşı dizayn edilmiş dashboard qərar qəbul edənlərə doğru məlumatı doğru vaxtda təqdim edir. Pis dizayn edilmiş dashboard isə məlumat çirklənməsi yaradaraq qərarları ləngidir və ya yanlış istiqamətləndirir.

Dashboard Dizayn Prinsipləri

1. Məlumat İerarxiyası

Ən vacib metriklər ən görünən mövqedə olmalıdır. Sol yuxarı künc, göz izləmənin başlanğıc nöqtəsidir və ən kritik KPI-lar buraya yerləşdirilməlidir.

2. Glancability (Bir Baxışda Anlaşılma)

Dashboard 5 saniyə ərzində ümumi vəziyyəti çatdıra bilməlidir. Detal, drill-down qarşılıqlı əlaqələri ilə təqdim edilməlidir.

3. Data-Ink Ratio

Edward Tufte-nin prinsipi: Verilənləri təmsil edən mürəkkəbin ümumi mürəkkəbə nisbətini maksimallaşdırın. Lazımsız bəzəkləri, arxa plan xətlərini və dekorativ elementləri silin.

Doğru Qrafik Növünün Seçimi

Dashboard Layout Strategiyaları

• KPI kartları: Üst sətirdə 3-5 əsas metrik (rəqəm + trend oxu + dəyişmə faizi)
• Əsas qrafik: Ortada ən vacib trend və ya müqayisə
• Detal paneli: Altda və ya yanda cədvəl və detal qrafiklər
• Filtrlər: Üstdə və ya yanda tarix aralığı və seqment filtrləri

Rəng İstifadəsi

Dashboard-larda rəng məlumat daşımalıdır, dekorasiya olmamalıdır:

• Yaşıl = müsbət/artım, Qırmızı = mənfi/azalma (ardıcıl saxlayın)
• Maks 5-7 rəng istifadə edin (rəng korluğu əlçatanlığını nəzərə alın)
• Neytral tonları arxa plan və ikincil elementlər üçün istifadə edin
• Semantik rəngləri verilənlər kateqoriyaları üçün ayırın

Nəticə

Dashboard dizaynı, verilənlər elmi ilə vizual dizaynın qovuşduğu nöqtədir. İstifadəçilərin sürətli və doğru qərarlar qəbul etməsini təmin edən dashboard, müəssisə performansını birbaşa artırır. TAGUM komandası, müəssisənizə xüsusi dashboard və verilənlərin vizuallaşdırılması həlləri dizayn edir.

Dashboard Dizaynı Üçün Bizimlə Əlaqə Saxlayın →

Landing page (eniş səhifəsi), rəqəmsal marketinqin dönüşüm nöqtəsidir. Reklam kliklərini, e-poçt linklərini və ya sosial media yönləndirmələrini konkret aksiyaya (qeydiyyat, satınalma, forma doldurma) çevirmək üçün dizayn edilmiş xüsusi səhifələrdir. Yaxşı dizayn edilmiş landing page dönüşüm nisbətini %300-ə qədər artıra bilər.

Landing Page Anatomiyası

Above the Fold (İlk Ekran)

İstifadəçinin scroll etmədən gördüyü sahə ən kritik bölgədir:

1. Başlıq (Hero Headline): Dəyər təklifini aydın və təsirli ifadə edin
2. Alt başlıq: Başlığı dəstəkləyən qısa açıqlama
3. Hero vizual/video: Məhsul/xidmətin vizual təmsili
4. CTA düyməsi: Tək, aydın, diqqətçəkən aksiya çağırışı
5. Güvən elementləri: Loqo bar, müştəri sayı, təhlükəsizlik nişanları

Below the Fold

• Xüsusiyyətlər/Faydalar: 3-4 əsas fayda, ikon və ya vizual ilə
• Sosial sübut: Müştəri rəyləri, keyz araşdırmaları, statistika
• Ətraflı məlumat: Necə işləyir, qiymətləndirmə, TSS
• İkincil CTA: Səhifənin sonunda təkrarlanan aksiya çağırışı

Dönüşüm Yönümlü Dizayn Prinsipləri

1. Tək Hədəf Qaydası

Hər landing page-in tək bir dönüşüm hədəfi olmalıdır. Naviqasiya menyusu, footer linkləri və digər çıxış nöqtələrini silin və ya minimuma endirin.

2. Mesaj Uyğunluğu (Message Match)

Reklam mətni ilə landing page başlığı bire-bir üst-üstə düşməlidir. İstifadəçi reklamda gördüyü vədi səhifədə tapmalıdır.

3. F-Pattern və Z-Pattern

İstifadəçilərin göz tarama nümunələrinə uyğun düzən yaradın. F-pattern mətn yoğun səhifələr, Z-pattern vizual ağırlıqlı səhifələr üçün uyğundur.

Nəticə

Landing page dizaynı, sənət və elmin kəsişmə nöqtəsidir. Vizual dizayn prinsipləri ilə dönüşüm psixologiyasını birləşdirərək effektiv səhifələr yaradın. Hər landing page, davamlı test və optimallaşdırma ilə inkişaf etdirilməlidir. TAGUM komandası, kampaniya hədəflərinizə uyğun yüksək dönüşümlü landing page-lər dizayn edir.

Landing Page Dizaynı Üçün Bizimlə Əlaqə Saxlayın →

Mikro qarşılıqlı əlaqələr istifadəçinin tək bir tapşırığını dəstəkləyən kiçik, fokuslanmış animasiyalardır. “Bəyən” düyməsinin ürək animasiyası, form göndərmədəki təsdiq effekti və ya pull-to-refresh hərəkəti — bunların hamısı mikro qarşılıqlı əlaqələrdir. Kiçik detallar kimi görünsə də, istifadəçi təcrübəsini mənalı şəkildə zənginləşdirir.

Mikro Qarşılıqlı Əlaqələrin Anatomiyası

Dan Saffer-in təyin etdiyi dörd komponent:

1. Tetikleyici (Trigger): Qarşılıqlı əlaqəni başladan istifadəçi hərəkəti və ya sistem hadisəsi
2. Qaydalar (Rules): Qarşılıqlı əlaqənin necə davranacağını müəyyən edən məntiq
3. Əks əlaqə (Feedback): İstifadəçiyə verilən vizual/səsli cavab
4. Döngülər və rejimlər (Loops & Modes): Təkrarlar və dəyişən vəziyyətlər

Mikro Qarşılıqlı Əlaqə Növləri

Nəticə

Mikro qarşılıqlı əlaqələr rəqəmsal təcrübəni mexaniki bir prosesdən zövqlü bir səyahətə çevirir. Düzgün dozada və düzgün yerdə istifadə edildikdə, istifadəçi məmnuniyyətini və marka qavranışını gücləndirir. TAGUM dizayn komandası məhsullarınıza həyat verən qarşılıqlı əlaqə dizaynları yaradır.

Qarşılıqlı Əlaqə Dizayn Xidməti Alın →

Tipoqrafiya veb dizaynın səssiz qəhrəmanıdır. Bir veb səhifəsinin məzmununun 95%-i mətndən ibarətdir; dolayısı ilə font seçimi və tipoqrafik düzən istifadəçi təcrübəsini müəyyən edən ən vacib amillərdən biridir. Düzgün tipoqrafiya oxunaqlılığı artırır, marka kimliyini gücləndirir və emosional əlaqə qurur.

Font Təsnifatı

Nəticə

Tipoqrafiya dizaynın ən incə və ən təsirli vasitəsidir. Düzgün font seçimi, uyğun şkala və diqqətli iyerarxiya ilə mətnlərinizi vizual bir təcrübəyə çevirə bilərsiniz. TAGUM komandası rəqəmsal məhsullarınızda tipoqrafik mükəmməlliyi təmin edir.

Dizayn Məsləhəti Alın →

Rəng dizaynın ən güclü ünsiyyət vasitəsidir. Veb saytı ziyarət edən istifadəçi ilk 90 saniyə ərzində şüuraltı bir qərar verir və bu qərarın 62-90%-i yalnız rənglərə əsaslanır. Rəng psixologiyasını anlamaq və strateji istifadə etmək, marka qavranışından konversiya nisbətinə qədər hər şeyə təsir edir.

Rənglərin Psixoloji Təsirləri

Rəng Harmoniyası Qaydaları

60-30-10 Qaydası

Uğurlu rəng palitrasının qızıl nisbətidir:

• 60% dominant rəng: Arxa plan və ümumi sahə (adətən neytral)
• 30% ikinci rəng: Kartlar, kənar panellər, bölmə arxa planları
• 10% vurğu rəng: CTA düymələri, keçidlər, vacib elementlər

Konversiya Yönümlü Rəng İstifadəsi

CTA düymələrindəki rəng seçimi konversiya nisbətini 21%-ə qədər təsir edə bilər:

• CTA rəngi səhifənin dominant rəngindən fərqli olmalıdır (kontrast)
• Qırmızı və narıncı düymələr adətən ən yüksək klik nisbəti əldə edir
• Yaşıl təsdiq və davam hərəkətlərində güclüdür
• A/B testi ilə hədəf auditoriyanıza ən uyğun rəngi müəyyənləşdirin

Nəticə

Rəng seçimi intuitiv deyil, strateji bir qərar olmalıdır. Marka kimliyi, hədəf auditoriya psixologiyası və konversiya hədəflərini birlikdə dəyərləndirərək yaradılan rəng palitrası rəqəmsal varlığınızın təsirini qatlayacaqdır. TAGUM dizayn komandası markanız üçün məlumat dəstəkli rəng strategiyaları hazırlayır.

Marka Dizayn Məsləhəti Alın →

Dizayn sistemi, bir təşkilatın rəqəmsal məhsullarında ardıcıllıq, səmərəlilik və miqyaslana bilənliyi təmin edən standartlar, komponentlər və qaydalar toplusudur. Google-un Material Design-ı, Apple-ın Human Interface Guidelines-ı və IBM-in Carbon-u uğurlu dizayn sistemlərinin nümunəsidir.

Dizayn Sisteminin Komponentləri

1. Design Tokens

Dizayn qərarlarını təmsil edən ən kiçik vahidlərdir:

• Rənglər: Primary, secondary, accent, neutral, semantic (success, error, warning)
• Tipoqrafiya: Font ailələri, ölçülər, çəkilər, sətir hündürlükləri
• Boşluq: 4px əsaslı boşluq şkalası (4, 8, 12, 16, 24, 32, 48, 64)
• Border radius: Künclərin yuvarlaqlıq dəyərləri
• Kölgələr: Kölgə səviyyələri (elevation)
• Hərəkət: Animasiya müddəti və easing funksiyaları

2. Komponent Kitabxanası

Yenidən istifadə edilə bilən UI komponentləri dizayn sisteminin əsasını təşkil edir:

3. Sənədləşdirmə

Hər komponent üçün hərtərəfli sənədləşdirmə bunları əhatə etməlidir:

1. İstifadə qaydaları və ən yaxşı təcrübələr
2. Komponent variantları və vəziyyətləri (states)
3. Əlçatanlıq tələbləri
4. Kod nümunələri
5. Do’s and Don’ts vizualları

Dizayn Sistemi Yaratma Addımları

1. Audit: Mövcud məhsullardakı UI elementlərini inventarlaşdırın
2. Prinsiplərlə başlayın: Dizayn dəyərlərinizi müəyyənləşdirin
3. Tokenları təyin edin: Rəng, tipoqrafiya, boşluq sistematikləri
4. Əsas komponentlər: Ən çox istifadə edilən 10-15 komponentlə başlayın
5. Sənədləşdirmə: Hər komponenti ətraflı sənədləşdirin
6. Pilot tətbiq: Bir layihədə test edin
7. İterasiya: Əks əlaqələrlə inkişaf etdirin

Nəticə

Dizayn sistemi rəqəmsal məhsul inkişafında səmərəlilik və ardıcıllığın açarıdır. Kiçik bir investisiya ilə başlayıb mərhələli böyütmək ən dayanıqlı yanaşmadır. TAGUM olaraq, müəssisənizə xas dizayn sistemi yaratma prosesində başdan sona məsləhət xidməti göstəririk.

Dizayn Sistemi Məsləhəti Alın →

Veb əlçatanlığı, rəqəmsal məhsulların əlilliyi olan fərdlər daxil olmaqla hamı tərəfindən istifadə oluna bilməsini təmin edən fənndir. Dünya əhalisinin 15%-i — təxminən 1,3 milyard insan — hansısa bir əlilliyə malikdir. Əlçatan dizayn həm etik bir məsuliyyət, həm də iş fürsətidir.

WCAG 2.2 Standartları

Web Content Accessibility Guidelines (WCAG) əlçatanlığın universal standartıdır. Dörd əsas prinsip üzərində qurulub:

1. Qavranıla bilən (Perceivable): Məzmun bütün hisslərlə qavranıla bilən olmalıdır
2. İstifadə oluna bilən (Operable): İnterfeys fərqli daxiletmə metodları ilə istifadə edilə bilən olmalıdır
3. Anlaşıla bilən (Understandable): Məzmun və işləmə qaydası anlaşılan olmalıdır
4. Möhkəm (Robust): Məzmun fərqli texnologiyalarla uyğun olmalıdır

Əsas Əlçatanlıq Yoxlama Siyahısı

Vizual Əlçatanlıq

• Rəng kontrastı: Mətn və arxa plan arasında minimum 4.5:1 kontrast nisbəti (AA)
• Alt mətn: Bütün mənalı şəkillər üçün təsviredici alternativ mətn
• Rəng asılı olmayanlıq: Məlumat ötürmədə yalnız rəngə güvənməyin
• Mətn ölçüsü: 200% böyüdmədə məzmun itkisi olmamalıdır
• Animasiya nəzarəti: Avtomatik hərəkətli məzmunları dayandırmaq mümkün olmalıdır

Klaviatura Əlçatanlığı

• Bütün interaktiv elementlər Tab ilə əlçatan olmalıdır
• Fokus göstəricisi görünən olmalıdır
• Məntiqi tab sırası qorunmalıdır
• Klaviatura tələsi olmamalıdır (modaldan çıxa bilməmək kimi)

Ekran Oxuyucusu Uyğunluğu

• Semantik HTML istifadəsi (header, nav, main, article, section)
• ARIA etiketləri ilə dinamik məzmun əlçatanlığı
• Düzgün başlıq iyerarxiyası (H1 → H2 → H3)
• Form etiketləri hər daxiletmə sahəsinə bağlı olmalıdır

Əlçatanlığın İş Dəyəri

Əlçatanlıq yalnız etik məsuliyyət deyil, eyni zamanda güclü bir iş fürsətidir:

• Bazar genişlənməsi: 1,3 milyard potensial istifadəçiyə çatış
• SEO üstünlüyü: Əlçatan saytlar axtarış motorlarında daha yaxşı sıralanır
• Hüquqi uyğunluq: ADA, EAA və Türk Əlillər Hüququ Qanunu
• Marka dəyəri: İnklüziv markaların istehlakçı güvəni daha yüksəkdir

Nəticə

Əlçatanlıq dizayn prosesinin sonradan əlavə edilən xüsusiyyəti deyil, əvvəldən bəri kök salmış prinsipi olmalıdır. Hamı üçün dizayn etmək, əslində hamı üçün daha yaxşı dizayn etmək deməkdir. TAGUM komandası əlçatan rəqəmsal təcrübələr dizayn edərək bütün istifadəçilərinizə çatmağınıza kömək edir.

Əlçatanlıq Auditi Üçün Bizə Müraciət Edin →

Türkiyədə internet trafikinin 75%-dən çoxu mobil cihazlardan gəlir. Bu reallıq veb dizaynda mobil birinci (mobile-first) yanaşmanı qaçınılmaz edir. Responsiv dizayn, tək bir veb saytın fərqli ekran ölçülərinə avtomatik uyğunlaşmasını ifadə edir.

Niyə Mobile-First vacibdir?

• Google Mobile-First Indexing: Google saytınızı mobil versiyasından qiymətləndirir
• İstifadəçi gözləntisi: Mobil cihazda pis təcrübə = 53% tərk nisbəti
• Konversiya təsiri: Mobilə uyğun saytlar 67% daha yüksək konversiya əldə edir
• Core Web Vitals: Mobil performans SEO sıralamasına təsir edir

Responsiv Dizayn Prinsipləri

1. Elastik Grid Sistemi

Pikselə əsaslanan sabit genişliklər əvəzinə faizə əsaslanan elastik grid sistemi istifadə edin. CSS Grid və Flexbox müasir responsiv layoutlar üçün güclü alətlər təklif edir.

2. Elastik Şəkillər

Şəkillərin konteynerlərinə görə avtomatik ölçülənməsi üçün max-width: 100% və müasir formatların istifadəsi (WebP, AVIF) həlledici əhəmiyyət daşıyır.

3. Media Sorğuları

Breakpoint-lər fərqli ekran ölçülərinə görə stil dəyişiklikləri tətbiq edir. Müasir yanaşmada cihaz əsaslı deyil, məzmun əsaslı breakpoint-lər üstünlük verilir.

Mobil UX Ən Yaxşı Təcrübələri

1. Toxunma hədəfləri: Minimum 44x44px (Apple HIG) və ya 48x48dp (Material Design)
2. Tək əl istifadəsi: Kritik hərəkətləri baş barmaq əlçatanlıq zonasına yerləşdirin
3. Alt naviqasiya: Əsas naviqasiyanı alt panelə köçürün
4. Gecikdirilmiş yükləmə: Ekran xaricindəki şəkilləri gecikdirilmiş yükləyin
5. Skelet ekranlar: Yükləmə müddətində skelet ekranlar göstərin
6. Offline-first: Şəbəkə bağlantısı olmadan da əsas funksionallıq

Nəticə

Responsiv dizayn artıq seçim deyil, zərurətdir. Mobil birinci düşüncə ilə dizayn edilən rəqəmsal təcrübələr daha geniş auditoriyaya çatır və daha yüksək konversiya təmin edir. TAGUM komandası responsiv veb dizayndan mobil tətbiq interfeyslərınə qədər bütün platformalarda istifadəçi mərkəzli təcrübələr dizayn edir.

Mobil Birinci Dizayn Xidməti Alın →