Etkileşim Tasarımı Araçları: Kapananlar, Kalanlar ve Seçim Kriteri
Etkileşim tasarımı için hazırlanan "en iyi araçlar" listeleri hızlı eskiyor. Aşağıdaki beşli bir dönem herkesin önerdiği listeydi; aradan geçen sürede biri tamamen kapandı, biri arkasındaki proje bitince ortada kaldı, biri de işini tarayıcının kendi geliştirici araçlarına devretti. Geriye kalıcı olan tek soru var: araç kapandığında elinizde çalışan bir dosya kalıyor mu?
Dosya üreten araçlar
Beşlinin ilk üçü aynı işi yapıyor: tasarımı başkasına gösterilebilir bir çıktıya çeviriyor.
Page Layers
Mac uygulaması. Açık bir web sayfasını katmanlı PSD'ye çeviriyor, her öğe ayrı katman olarak geliyor. Sadece görsel lazımsa PNG de veriyor. Var olan bir siteyi yeniden tasarlarken sıfırdan kutu çizmekten kurtarması, tek başına aracın gerekçesi. Çıktısı PSD olduğu için de sınırı belli: ekibiniz Figma'da çalışıyorsa kazandığınız zamanı dosyayı dönüştürürken geri veriyorsunuz.
Marvel
Statik ekranları tıklanabilir prototipe çeviriyor. Tasarım dosyasını yüklüyor, sıcak bölgeleri işaretliyorsunuz, ortaya müşteriye link olarak gönderilebilen bir akış çıkıyor. Çıktığı dönemde Dropbox klasörünü senkronize edip tasarımı kaydettiğiniz anda prototipin güncellenmesi, aracı tek başına satan özellikti. iOS, Android ve web için ayrı önizleme veriyor, ücretsiz katmanı küçük ekiplere hâlâ yetiyor.
Pixate
Diğer ikisinden farklıydı. Sürükle bırak arayüzüyle gerçek animasyon ve jest tanımlıyordunuz; ortaya çıkan şey ekran geçişi değil, telefonda çalışan bir uygulama taklidiydi. Google 2015'te satın aldı, 2016'da kapattı. Prototipler aracın kendi formatında yaşadığı için kapanışla birlikte o dosyalar da kullanılamaz hale geldi. Listedeki en iddialı araç, listeden ilk düşen oldu.
Geri bildirimi kısaltan araçlar
Kalan ikisi çıktı üretmiyor. Yaptıkları iş, bir değişikliği görmek için geçen süreyi kısaltmak.
Emmet LiveStyle
CSS'te yazdığınız satırı kaydetmeden tarayıcıda gösteriyor, üstelik değişiklik iki yönde de akıyor: geliştirici araçlarında oynadığınız değer editördeki dosyaya geri yazılıyor. Kurulumu üç parça istiyor (editör eklentisi, tarayıcı eklentisi, ikisini konuşturan uygulama) ve bu zincirin bir halkası güncellenmediğinde tamamı duruyor. Tarayıcıların kendi dosya eşleme özelliği aynı işi eklentisiz yapmaya başlayınca aracın varlık nedeni büyük ölçüde eridi.
X-Ray Goggles
Mozilla'nın Webmaker programından çıkmıştı. Sayfanın üstünde gezinip HTML'i görüyor, metni değiştirip kendi sürümünüzü kaydediyordunuz. Amacı tasarım değil öğretmekti; kodun sihir olmadığını on saniyede gösteriyordu. Webmaker araçları kapandıktan sonra aynı işi yapan şey, zaten her tarayıcıda duran incele penceresi.
Araç seçerken asıl soru
Kullanım kolaylığı, platform desteği, entegrasyonlar, fiyat. Karşılaştırma tablolarının klasik sütunları bunlar ve hepsi bugünü ölçüyor. Oysa beş araçtan üçünün kapanmış ya da işlevini başka bir şeye devretmiş olması, listenin asıl dersini veriyor.
Sorulacak soru şu: araç yarın kapansa elimde ne kalır? Page Layers PSD üretiyor, Marvel'ın işi dışa aktarılabilen ekranlar ve bir bağlantı, LiveStyle zaten sizin CSS dosyanıza yazıyor. Üçünde de kapanma sizi yavaşlatır, yaptığınız işi silmez. Pixate'te ise iş aracın içindeydi ve aracın içinde kaldı.
Buradan çıkan kural sade: etkileşim ne kadar zenginse, çıktının taşınabilirliği o kadar belirleyici. Basit tıklama akışları için elinizin alıştığı aracı seçin, fark etmez. Karmaşık jestlere ve animasyonlara ay verecekseniz, o çalışmanın kod ya da standart bir dosya olarak dışarı çıkabildiğinden emin olun. Aksi halde ürettiğiniz şey, başka birinin sunucusunda kirada oturuyor demektir.
Kaynak