Adobe XD ve Sketch - Hangi UX Aracı Size Uygun?

Bir UX tasarımcısı, araştırmadan tasarıma, prototip ve teslime kadar UX iş akışının birçok aşamasını tamamlamak için birçok araca ihtiyaç duyar. Çalışmanızı bir PC'de yapıyorsanız, hızla bir endüstri standardı haline gelen, ancak yalnızca Mac OS'de kullanılabilen sayısız kullanışlı eklentiye sahip popüler, modern bir vektör grafik düzenleyicisi olan Sketch'den sürekli olarak bahsedilir. Bu, bir Apple makineniz olmadığı sürece dışarıda kaldığınız anlamına gelir. Ama şimdi Adobe, yıllarca aradan sonra uygun bir çapraz platform Sketch yarışmacısı (ve benzer mi?) üzerinde aktif olarak çalışıyor: Adobe XD.

Adobe XD Nedir?

Adobe Experience Design CC veya Adobe XD, Adobe MAX 2015'te Project Comet olarak duyurulan hafif bir vektör grafik düzenleyici ve prototip oluşturma aracıdır. Yazılım, Creative Cloud'un bir parçası olarak Mart 2016'da önizlemede kullanıma sunuldu ve şu anda beta aşamasında ve neredeyse her ay güncelleme alıyor.

Bundan önce Adobe, UX tasarımcıları için Photoshop ve Illustrator gibi yerleşik araçlarına özellikler eklemek için çalışıyordu. Her ikisi de harika yazılım parçaları olmasına rağmen, bu tür işler için ne hafiftirler ne de akıcıdırlar. Yıllar geçtikçe ve özellikle 2013'te Adobe Fireworks'ün (Macromedia'dan alınan klasik web odaklı prototipleme aracı) kullanımdan kaldırılmasından sonra, giderek daha fazla UX tasarımcısı Creative Cloud'un pazar beklentilerini karşılamadığını hissetti. Böylece Sketch'e geçtiler (eğer bir Mac'leri varsa). Adobe'nin bu toplu göçe yanıtı biraz geç olsa da (Bohemian Coding, Sketch'i 6 yıl önce başlattı), özellikle bilgisayarınızda daha az yeterli araç kullanmakla sınırlıysanız, beklemeye değer. Adobe XD ile Sketch'i karşılaştıralım

Kullanıcı Arayüzü ve Özel Özellikler

Adobe XD'yi açtığınızda, sahip olduğunuz ilk izlenim, arayüzün hem Sketch kullanıcıları hem de uzun süredir Adobe hayranları için çok tanıdık olduğu olacaktır. Adobe, beklenen Creative Cloud daha koyu düğme ve menülerinden ayrıldı ve iki dünyanın en iyisini sunmayı seçti. Sketch'ten farklı olarak, ekranın sol tarafında bir dizi araç göreceksiniz, aynı zamanda Sketch'te görüldüğü gibi sağda daha uzun katmanlar paneli ve dinamik özellikler göreceksiniz. Daha önce hangi aracı kullanırsanız kullanın, kullanması çok kolay ve öğrenmesi kolay.

Izgarayı Tekrarla

Adobe XD ayrıca, Malzeme Tasarımı kartı gibi bir grup nesneyi değişken veriler ve kopyalar arasında yapılandırılabilir boşluk ile çoğaltmanıza olanak tanıyan bir araç olan Yineleme Izgarası gibi bir dizi benzersiz özelliğe sahiptir.

prototipleme

XD'de Sketch'de olduğu gibi üçüncü taraf eklentilere ihtiyaç duymadan etkileşimli bir prototip oluşturabilirsiniz. Adobe prototipleme düzenleyicisi, tasarımcıların kabloları kullanarak ve geçişleri ayarlayarak etkileşimli alanları diğer ekranlara görsel olarak bağlamasına olanak tanır. Etkileşimli prototip hazır olduğunda, web'de veya Adobe XD mobil uygulamasıyla görüntülenebilen prototipi yayınlayabilir ve paylaşabilirsiniz. Bununla birlikte, XD prototiplerinin henüz başlıklar gibi hareketleri veya sabit bölümleri desteklememesi, InVision'da ve Sketch ile bağlanan diğer yalnızca prototip araçlarında mümkün olan bir şeydir.

Varlıklar Paneli

Ağustos 2017 güncellemesinde Adobe, renkler, karakter stilleri ve sembollerle etkileşimli bir stil kılavuzunu bir araya getirmenin akıllı bir yolu olan Varlıklar panelini ekledi. Varlıklar panelinde bir şeyi değiştirdiğinizde, varlığın resminizdeki her kullanımı takip eder. Sketch ayrıca renk değişkenlerine, karakter stillerine ve sembollere sahiptir, ancak her biri kendi panelinde bulunur.

Adobe, ürün blogunda XD'de görünecek sonraki özelliklerden bazılarını duyurdu. Bunlardan biri Varlıklar özelliğini genişleterek tasarımcının projenin stil kılavuzunu indirilebilir yazı tipleri, varlıklar ve renk onaltılı kodlarıyla birlikte etkileşimli prototip ve geliştiricinin prototip içindeki öğelere yönelik anketi için bir inceleme özelliği ile yayınlamasına olanak tanır. Buna "geliştiriciler için devir" denir ve Sketch'te (ve Photoshop'ta) Zeplin gibi eklentiler kullanılarak zaten mümkündür. Taklit edilecek başka bir gelecek özellik, XD içindeki gerçek zamanlı işbirliğidir; bu, Google Dokümanlar'da bulunan ve Figma gibi diğer UX tasarım araçlarında zaten mevcut olan işbirliği özelliğine benzeyen bir şeydir.

Sketch (ve eklentileri) ile Adobe XD karşılaştırması

Daha büyük resmi gördüğünüzde, Adobe'nin XD'yi yalnızca Sketch'in bir vektör grafik aracı olarak yaptığı her şeyi değil, aynı zamanda tüm UX tasarım iş akışını kapsayan eklentilerini yapma niyetinde olduğu ortaya çıkıyor. Tasarımdan prototip oluşturmaya ve teslime kadar, Adobe XD muhtemelen kesin UX tasarımcı aracı olacak, peki ya bugün?

Geçiş Zamanı mı?

Adobe XD, her şeyden önce Windows kullanıcıları (yalnızca macOS Sketch'i kullanamayanlar) ve mevcut Adobe Creative Cloud aboneleri (Photoshop, Illustrator vb.'ye ek olarak XD için daha fazla ödeme yapması gerekmeyen) içindir.

Ya macOS'ta bile Creative Cloud aboneleri oldukları için ya da XD'nin bir sonraki standart olacağına inandıkları ve mevcut özellik setinden memnun oldukları için şimdiden sıçrama yapan birçok UX tasarımcısı var. Deneyimli bir Sketch kullanıcısıysanız, genel olarak daha iyi bir arayüzün, benzersiz XD özelliklerinin keyfini çıkaracaksınız, ancak aynı zamanda mevcut sınırlamalar ve eklenti desteği eksikliği ile de uğraşmak zorunda kalacaksınız. Her durumda, bir deneyin ve izlenimlerinizi bizimle paylaşın!

• • •

Toptal Tasarım Blogunda daha fazla okuma:

• eCommerce UX – En İyi Uygulamalara Genel Bir Bakış (Infografik ile)
• Ürün Tasarımında İnsan Merkezli Tasarımın Önemi
• En İyi UX Tasarımcı Portföyleri – İlham Veren Vaka Çalışmaları ve Örnekler
• Mobil Arayüzler için Sezgisel İlkeler
• Öngörülü Tasarım: Büyülü Kullanıcı Deneyimleri Nasıl Yaratılır