Prototipleme ve Kullanılabilirlik Testi: Ürün Doğrulama Rehberi [2026]

Prototipleme Nedir? Neden Prototip Yapmalıyız?

Prototipleme, fikri hayata geçirme öncesi, ucuz ve hızlı bir şekilde test etme sürecidir. Kalem çizimi, basit dijital modeller, animasyonlu wireframing, hepsi prototip türüdür.

Geliştirme zamanı ve kaynakları, tasarım testine harcamak, isteksiz gözükebilir. Ancak matematik basittir:

Tasarım hatasını erken yakalamak = ucuz fix.
Tasarım hatasını geliştirmeden sonra yakalamak = maliyetli fix.

Nielsen Norman Group, erken prototip testi, geliştirme maliyetinin yüzde 25-30'unu tasarruf ettiğini göstermiştir. Çünkü, yanlış şeyi geliştirmemek için harcanan kaynaklar, tasarruf edilir.

Matematiği basit: Eğer geliştirme maliyeti 500 bin TL ise, yüzde 25 tasarruf = 125 bin TL. Prototipleme ve test maliyeti, 20-30 bin TL. Net tasarruf, 95-105 bin TL.

Prototip Fidelity Seviyeleri

Tüm prototipler, aynı düzeyde ayrıntılı değildir. Prototip fidelity (ayrıntı düzeyi), amaca göre seçilir.

Low-Fidelity (Düşük Ayrıntı)

Kalem çizim, papier prototyping (kağıt üzerine taslak), basit wireframe. Renkler, tipografi, detaylı grafikler yoktur. Sadece, sayfa düzeni ve akış gösterilir.

Kullanım: İçgüdüsü test etmek, navigasyon akışı doğrulamak, erken fikirler ortaya atma.
Avantaj: Çok hızlı ve ucuz. Hata korreksiyonu, dakikalar içerisinde yapılır.
Dezavantaj: Gerçeklik düşük. Kullanıcılar, "bu sadece taslak" görmeyebilir.

Mid-Fidelity (Orta Ayrıntı)

Figma'da wireframe temelli, basit animasyonlar. Renkler ve tipografi, vardır. Ancak, gerçek görsel tasarım ayrıntısı, tam değildir.

Kullanım: Navigasyon ve akışı test etmek, temel etkileşimleri doğrulamak.
Avantaj: Denge sağlar; hızlı ve makul ayrıntılı.
Dezavantaj: Kullanıcılar, "bu, nihai tasarım gibi görmüyor mu?" sorusu sorabilir.

High-Fidelity (Yüksek Ayrıntı)

Figma'da, tam görsel tasarım ile, animasyonlar, mikro-etkileşimler ve hata durumları. Neredeyse, geliştirmeye hazır görünüm.

Kullanım: Nihai tasarımı doğrulamak, görsel ve etkileşim detaylarını test etmek.
Avantaj: Gerçekliğe yakın. Kullanıcı feedback, gerçek deneyimi yansıtır.
Dezavantaj: Zaman ve kaynak yoğun. Değişim maliyeti, yüksek.

Prototip süreci, genellikle low-fidelity ile başlar ve high-fidelity'ye doğru ilerler. Fakat, her aşamada prototip gerekir. Hiç prototip olmadan tasarımdan geliştirmeye geçmek, risklidir.

Prototyping Tools Karşılaştırması

Figma

Web tabanlı, birlikte tasarım (collaborative design) ve prototyping. Prototip ayrıntısı, yeterlidir. Böyük tasarımcı topluluğu, binlerce template. Fiyat, aylık $12'den başlar (profesyoneller için).

Avantaj: Kolay öğrenme, ekip iş birliği, mobile preview.
Dezavantaj: Animasyon ayrıntısı, sınırlıdır. 3D tasarım, zayıf.

Adobe XD

Adobe Creative Cloud entegrasyonu. Figma kadar popüler değildir, ancak güçlü özellikleri vardır. Prototype ayrıntısı, yüksektir.

Avantaj: Animate-in özellikleri, yüksek fidelity.
Dezavantaj: Figma kadar kullanıcı dostu değildir. Maliyeti, biraz daha yüksektir.

Sketch (Mac Sadece)

Tasarımcılar arasında, popular. Plugin eklenti sistemi, genişletilebilir. Prototype ayrıntısı, orta seviye.

Avantaj: Tasarımcı odaklı.
Dezavantaj: Mac sadece. Web tabanlı değildir. Ekip iş birliği, daha az gelişmiştir.

Framer / Webflow

Kod tabanlı prototyping. Tasarımcılar, sınırlı kodlamaya katlanabilirler.

Avantaj: Animasyon ve etkileşim, çok detaylı. Geliştirmeye yakın.
Dezavantaj: Öğrenme eğrisi, dik. Tasarımcılar, kod hakkında bilgi gerektirir.

Çoğunlukla, Figma yeterlidir. Özel animasyon gerekiyorsa, Framer veya code-based çözümler tercih edilir.

Prototip Fidelity Seçim Kriterleri

Hangi fidelity seviyesini seçersiniz?

Low-Fidelity, Ne Zaman?

• Çok erken fikirler
• Navigasyon akışı, temel olarak test edilecek
• Bütçe, sınırlı
• Hız, kritik (48 saatte sonuç lazım)

Mid-Fidelity, Ne Zaman?

• Konsept, anlaşılıyor
• Navigasyon, solidleşmiş
• Form design, test edilecek
• Detaylar, hala önemli değil

High-Fidelity, Ne Zaman?

• Nihai tasarım
• Görsel detaylar, test edilecek
• Animasyon, etkisini test etmek
• Lansmanndan hemen önce

Prototip fidelity, proje aşamasına bağlı. Erken bir prototip, yüksek fidelity'de yapıldıysa, maliyeti artırır.

Kullanılabilirlik Testi: Metodoloji

Prototip hazır. Kullanıcı testi, sonra.

Kullanılabilirlik testi, gerçek kullanıcılara ürünü kullandırarak, davranışlarını ve geri bildirimlerini gözlemlemektir. Tasarımcının önsayı değeri, testlere yatırılmaz. Kullanıcı davranışı, gerçektir.

Kullanılabilirlik testi, iki türde yapılabilir:

Moderated Testing (Yöneticili Test)

Araştırmacı, oturumda hazır kalır. Kullanıcı, görevi tamamlamaya çalışırken, araştırmacı sorular sorar, açıklamalar alır. 45-60 dakika sürer.

Avantaj: Derinlemesine. Neden başarısız oldu, açıklanır.
Dezavantaj: Maliyetli, zaman alıcı.

Unmoderated Testing (Yönetimli Olmayan Test)

Kullanıcı, kendi başına test eder. Platform (UserTesting, Validately) aracılığıyla, ekran kaydı ve ses kaydı, otomatik alınır. Araştırmacı, veriderine bakarak analiz eder.

Avantaj: Ucuz, hızlı. Çoğu katılımcı.
Dezavantaj: Derinlik, az. Kullanıcı soruluyor, cevap yok.

Remote Testing (Uzak Test)

Moderated ya da unmoderated, uzak ortamda. Zoom, Teams gibi araçlar.

Avantaj: Coğrafi sınırı yoktur. Çeşitli kullanıcılara erişim.
Dezavantaj: Teknik sorunlar, internet bağlantısı.

Kullanılabilirlik Testi Planlama

1. Hedef Belirleyin

Neyi test ediyorsunuz? Tüm tasarımı mı, yoksa belirli özelliği mi? Hedef netleşirse, test soruları kolay belirlenir.

2. Katılımcı Seçin

Hedef kullanıcılarınızı belirleyin. Demografik (yaş, cinsiyet), psikografik (tekno-savvylik), davranış (sık ürün kullanıcı mı). 5-6 moderated katılımcı, yeterlidir.

3. Senaryo ve Görevler Yazın

"Sepete ekle" görevinden ziyade, gerçekçi senaryo yazın: "Günlük kahvenin yedeği, mağazada yok. Çevrimiçi satın almak istiyor. Kahvesini bulup, sepete ekle."

Senaryo, bağlam sağlar. Kullanıcı, görevin neden önemli olduğunu anlar.

4. Metrikler Belirleyin

Neyi ölçeceksiniz? Görev tamamlama oranı, hatalar, zaman, memnuniyet puanı (SUS - System Usability Scale)?

5. Pilot Test

Asıl teste başlamadan, bir tanesiyle pilot test yapın. Senaryo net mi? Zaman tahminleri doğru mu?

Kullanılabilirlik Testi Yürütme

Açılış

Katılımcıya, rahatlatıcı bir başlangıç yapın. Amaç açıklanır. Geri bildirim, başka geri bildirim değildir (ekip, veya tasarım "kötü" değil, tasarımdan öğrenmeyin).

Think-Aloud Protokolü

Katılımcıdan, düşündüğünü sesli olarak söylemesini isteyin. Düğmeyi tıklamadan önce, ne bekliyor? Hata yaptığında, neden yaptığını açıklayabilir mi?

Gözlem

Tasarımcı, sessiz kalır. Hata yaptığında, hemen müdahale etmez. Kullanıcının davranışı, tamamlanır; sonra açıklama alınır.

Kapanış

Genel izlenimlerini, iyi ve kötü yanları sorun. Ürünü yeniden kullanmak ister mi?

Kullanılabilirlik Testi Analizi

Testler tamamlandı. Şimdi ne?

Bulguları Toplayın

Görev tamamlama oranı, ortalama zaman, hata sayısını hesaplayın. Her görev için, başarı/başarısızlık metriklerini görün.

Sorunları Kategorize Edin

Hangi sayfalar/görevler, en çok soruna yol açtı? Neden başarısız oldular?

• Bulunamadı (kullanıcı, öğeyi bulamadı)
• Yanlış anlama (kullanıcı, yanlış anladı)
• Teknik sorun (sistemin hatası, tasarım değil)

Öneriler Oluşturun

Her sorunun, tasarım önerisi. "Düğmen göz koyamadı" sorununun çözümü, kontrast artırmak olabilir. "Seçeneği yanlış tıkladı" sorunun çözümü, daha açık etiket olabilir.

Önceliklendirin

Tüm sorunları, aynı anda düzeltmeyeceksiniz. En kritik ve kolay olanlar, ilk düzeltilir.

A/B Testing: Tasarım Kararlarını Doğrulamak

A/B testi, iki tasarım varyasyonunu, rastgele bir örneklemle test etmektir. Hangi varyasyon, daha iyi dönüşüm sağlıyor?

Örnekler:

• Düğme rengi: kırmızı vs mavi
• Heading yazısı: "Şimdi Kaydol" vs "Ücretsiz Başla"
• Form alanı sayısı: 3 alanda vs 5 alan

A/B Testi Nasıl Yapılır?

1. Hipotez: "Kırmızı düğme, mavi düğmeden yüzde 15 daha yüksek dönüşüm sağlayacak"
2. Varyasyonları oluştur
3. Trafiği, rastgele ikiye böl (Variant A % 50, Variant B % 50)
4. Sonuçları ölçü (genellikle, 1-2 hafta)
5. İstatistiksel anlamlılık kontrol et
6. Kazanana geç

A/B testi, mevcut tasarımlar için, etkilidir. Yeni ürünler için, kullanılabilirlik testi yapılmalı.

Iteratif Tasarım: Test-Düzelt-Tekrar

Tasarım, tek hamle değildir. Test bulguları, tasarımı bilgilendirir. Tasarım, güncellenir. Yeniden test edilir. Bu döngü, devam eder.

Döngü aşamaları:

1. Prototip (low-fidelity başla)
2. Test (5-6 kullanıcı)
3. Analiz (bulguları toplayın)
4. Tasarım Güncelleme (en kritik sorunları düzelt)
5. Repeat (high-fidelity'ye doğru ilerle)

Her iterasyon, ürünü iyileştirir. Hiçbir zaman "mükemmel" olmasa da, kullanıcı feedback'i, sürekli iyileştirmeler sağlar.

Test Bütçesi ve Zaman

Moderated kullanıcı testi, per katılımcı yüzden 50-150 dolar (US fiyatları). 5-6 katılımcı, 250-900 dolar. Türkiye'de, daha uygun fiyatlar vardır.

Bütçe kısıtlı? Seçenekler:

• Unmoderated testing (çok ucuz)
• İçsel test (müşteri hizmetleri, satış ekibi)
• LinkedIn ya da sosyal ağlardan katılımcı bulma (çoğu zaman, gratis)

Zaman kaynağı? Planı: Prototip (1 hafta) + Test (1 hafta) + Analiz (3 gün) = Yaklaşık 2.5 hafta. İş döngüsüne, eklenebilir.

Hiçbir test yapmamanın maliyeti, test yapma maliyetinden çok daha fazladır.

Daha fazla bilgi için: UI/UX Tasarım Hizmetleri ve Ürün Tasarım Süreci

Low-Fidelity Prototyping Sanatı

Low-fidelity prototyping, hızlı fikir testinin temelini oluşturur.

Kalem-Kağıt Prototipleme: Dikkat çekmeyen bir tasarım aracı. Kullanıcı, "bu sadece taslak" biliyor. Kritik geri bildirim alınabilir.

Wireframe Kart'ları: Sayfaların katı kart şeklinde basılması. Grup test, her kişi bir sayfa. Navigasyon, test edilebilir.

Wizard of Oz (Cisimsiz Asistan): Sistem olmasından ziyade, insanın arkasından yönetmesi. Kullanıcı, test ediyor; arkada "asistan", sistemmiş gibi davraniyor. Hızlı feedback, otomasyona gerek kalmadan.

Gerçekçi olmayan low-fidelity prototipler, bazen yüksek fidelity'den daha değerli bulgular verir. Kullanıcı, "bunu beğendim ama rengini değiştir" demesi yerine, "neden böyle yapıldığını anlamadım" gibi, yapısal bulgular verir.

Prototipleme ve Test Döngüsünü Hızlandırma

Prototipleme hızını, nasıl artırırsınız?

Tasarım Sistemi Kullanımı: Reusable bileşenler, yeni prototip yapımını hızlandırır. Sıfırdan başlamak yerine, kütüphaneden seçip birleştir.

Template Kütüphanesi: Sık kullanılan sayfalar (login, signup, dashboard), template olarak hazır. Değiştirip, prototype'la.

UI Kit Plugins: Figma, plugin'ler sunar (Icons, illustrations). İnternette arayarak, takılı eklemek, prototipleme hızını artırır.

Collaboration Tools: Figma'nın built-in comment özelliği, feedback'i hızlandırır. Figma URL'ini paylaş, birisi comment yap.

İyi organizasyon, hızlı prototipleme sağlar.

Test Sonuçlarının Dokumentasyonu ve Kullanılması

Test bulgularını toplamak, kadar aktarılması da önemli.

Test Raporu: Özet, ayrıntılı bulgular, öneriler ve öncelik. İşletme liderleri, 2 sayfasını okuyabilmeli. Detay, 20 sayfa gibi uzun olabilir.

Heatmap ve Recording'ler: Test videolarının, anahtar parçalarını kesip, rapora ekle. Şekilde görmek, yazı kadar değerlidir.

Ekip Sunumu: Test bulgularını, ekiple tartış. Önerileri, priyoritize et.

Iterasyon Planlama: Test bulgularına göre, sonraki sprint planlama yap. En kritik 3-5 sorun, çözmeden yayına çıkma.

Smart Maple ile Prototipleme ve Test

Smart Maple, tasarım fikirlerini doğrulamak için, prototipleme ve kullanılabilirlik testi hizmetleri sunuyor. Low-fidelity wireframe'den, high-fidelity prototype'a kadar, tüm seviyelerde çalışıyoruz. Kullanıcı testleri, moderated ya da unmoderated, deneyimli araştırmacılarımız yürütüyor.

Prototipleme ve test hizmetleri arıyorsanız, Smart Maple ile iletişime geçin. Ürün fikirlerinizi, veri ile doğrulayacağız. smart-maple.com adresinde bizi bulabilirsiniz.