Ücretsiz Wireframe Araçları: Hangisi Gerçekten Ücretsiz?

Ücretsiz wireframe aracı arayan herkes aynı beş isimlik listelerle karşılaşıyor. O listelerin en az ikisi ücretsiz değil, süreli deneme. Aşağıda hangisinin gerçekten ücretsiz olduğunu, hangi işte hangisinin iş gördüğünü ve taslakta eksik bırakıldığında en pahalıya patlayan şeyin ne olduğunu yazdım.

Ücretsiz katman ile deneme sürümü aynı şey değil

Bu ayrım listelerde sürekli bulanıklaşıyor, oysa sonucu çok net. Ücretsiz katman, altı ay sonra geri döndüğünüzde dosyanın hâlâ açıldığı anlamına gelir. Deneme sürümü, otuzuncu günün sonunda dosyanın rehin kaldığı anlamına gelir.

Balsamiq ve WireframeSketcher ikinci gruptadır. Beş araçlık bir listenin ikisinin lisans satın alma sayfasına çıkması araçları kötü yapmaz, sadece listenin başlığını yanlış yapar. Kısa ömürlü bir taslak için bunun önemi yok; müşteriye teslim edilecek, sonra üç kez güncellenecek bir belge için önemi büyük. Karar anında sorulacak soru şu: bu dosyayı proje bittikten sonra kim, hangi programla açacak?

Gerçekten ücretsiz üç araç

Mockflow

Mockflow şablon kütüphanesi geniş olan taraf. Sadece ekran taslağı değil, akış diyagramı da çizdirir; kullanıcı yolculuğunu ekranlardan önce kabaca görmek isteyenler için bu iki işi tek yerde toplaması ciddi bir avantaj. Ücretsiz katmanı tek bir projeyi rahat taşır, dışa aktarma tarafında sürprizle karşılaşmazsınız.

MockingBird

MockingBird ücretsiz katmanını tek proje ve on sayfayla sınırlıyor. Bu sınır göründüğünden daha az can sıkıcı, çünkü on ekranı geçen bir taslak zaten ikiye bölünmeyi hak ediyordur. Arayüzü sade, menülerde kaybolma ihtimaliniz düşük.

Wireframe.cc

Kayıt bile istemiyor. Wireframe.cc aklınıza gelen bir yerleşimi iki dakikada çizip bağlantısını paylaşmak için var, bileşen seti kasten dar tutulmuş. Uzun soluklu bir projenin ana belgesi olmaz, toplantı ortasında "şöyle mi demek istiyorsun" sorusunun cevabı olur.

Denemeyle sınırlı iki araç

Balsamiq

Balsamiq'in elle çizilmiş görünümü estetik bir tercih değil, taktik bir tercih. Ekranda eğri büğrü kutular duruyorsa kimse font tartışmaya başlamıyor, konuşma akış üzerinde kalıyor. Paydaş toplantısında en çok işe yarayan özelliği bu.

WireframeSketcher

WireframeSketcher masaüstünde çalışan, öğrenme eğrisi diğerlerinden dik olan araç. Mobil ve masaüstü sürümleri aynı bileşen setiyle tutarlı tutmak, çok ekranlı bir arayüzü modellemek gibi işlerde bu dikliği geri ödüyor. Tek ekranlık bir fikir için açmaya değmez.

Taslakta çizilmeyen şey sprint ortasında çıkıyor

Wireframe tartışmalarının neredeyse tamamı mutlu senaryo üzerinden dönüyor: liste dolu, form doğru dolduruldu, ödeme geçti. Geliştirme tarafında zamanın büyük kısmı ise diğer hallerde geçiyor. Liste boşken ekranda ne yazacak? İstek yavaşsa kullanıcı ne görecek? Doğrulama hatası alanın altında mı, sayfanın üstünde mi duracak? Bu üç soru çizilmediğinde cevabı geliştirici veriyor, çoğu zaman kimseye sormadan, üç ayrı ekranda üç ayrı şekilde.

Boş durumu, hata durumunu ve bekleme durumunu içermeyen bir taslağı teslim edilmiş saymam. Bunları çizmek her ekran için birkaç dakika alır ve tasarımcının bir karar vermesi gereken yeri geliştiricinin tahmin ettiği bir yer olmaktan çıkarır.

Aynı mantık veri tarafı için de geçerli. Ödeme akışını üç ekrana bölerken hangi alanın zorunlu olduğunu taslağa yazarsanız, o taslak aynı anda bir alan listesi haline gelir ve arka uçtaki doğrulama kuralları buradan çıkar.

Hangisini seçmeli

Tek bir aracı ekibin tamamına yaydığınız sürece hangisini seçtiğiniz ikinci derece bir mesele. İki farklı araçta duran taslaklar birkaç hafta içinde birbirinden ayrışır, sonra hangisinin güncel olduğu tartışılır.

Yeni başlıyorsanız Wireframe.cc ile başlayın, sınırına çarptığınızda Mockflow'a geçin. Ekranların çoğu zaten kutu, çizgi ve etiketten ibaret; aracın gücü nadiren darboğaz olur, taslağın eksik bıraktığı sorular her zaman olur.