Hassas Tasarım – Bir Adobe XD İncelemesi

2018'i tamamlayıp 2019'a girerken, tasarım endüstrisinin mevcut durumunu, tasarımcının rolünü, UX tasarım araçlarını ve iş akışını gözden geçirelim.

Uyumlu bir tasarım sistemi oluşturmaktan sonraki cihaz inovasyonu için akışlar tasarlamaya veya kullanıcı testi için karmaşık arayüzleri prototiplemeye kadar, tasarımcılar çok sayıda UX tasarım aracı arasından seçim yapabilir. İster Sketch, web tabanlı Figma, ister hızla büyüyen Adobe XD veya yeni tanıtılan InVision Studio gibi daha popüler programlardan biri olsun, bu Adobe XD incelemesi dahil olmak üzere doğru UX tasarım araçlarına aşinalık, ürün tasarım sürecini hızlandıracaktır.

Doğru UX Tasarım Aracını Seçme

Tasarımcıların kullandığı araçlara bakarken, tasarımcıların sorumluluklarının sürekli değişip genişlediğini unutmamak önemlidir. Sadece 6-7 yıl önce, bir kullanıcı deneyimi tasarımcısının ne yaptığını çok az kişi anladı. Bu günlerde her tasarımcının en azından bir tür kullanıcı araştırması, prototip oluşturma ve rekabet analizi yapması bekleniyor.

Bu değişimler, tasarımcıların iş akışlarına, alan bilgilerine, tekniklerine ve araçlarına nasıl bakmaları gerektiğini etkiler. Günümüzde müşteriler, yalnızca cilalı bir nihai ürün değil, aynı zamanda tel çerçevelemeden prototip oluşturmaya ve sorunsuz bir şekilde canlandırılan bir kullanıcı arayüzüne kadar her şeyi görmeyi bekliyor.

Uzmanlık alanınızı genişletmek yalnızca daha fazla para kazanmanın bir yolu değil, aynı zamanda bir iş gereksinimi haline geldi. Yeni ürün tasarım süreçleri genellikle yeni araçlar anlamına gelir, bu da tasarımcıların bunları nasıl kullanacaklarını öğrenmek için zaman harcaması gerektiği anlamına gelir - bu nedenle yeni tasarım araçlarının ortaya çıkışı son birkaç yılda bu kadar hızlanmıştır.

Tasarımcıların ana tasarım aracı olarak Photoshop'a güvendiği günler geride kaldı. Şimdi, hem yeni başlayanları hem de profesyonelleri çekmek için tasarım yazılımı platformları için bir yarış. Sketch birkaç yıldır önemli bir oyuncu ve 46 milyon dolardan fazla finansal destek alan Figma, web tabanlı etkileşimli prototipleme aracına yetişiyor.

Son zamanlarda, prototipleme platformu InVision, alana kendi tasarım aracı InVision Studio ile girmeye karar verdi. Herkesin umduğu kadar hızlı ilerlemedi, bu yüzden Studio oldukça sağlam görünse de, başlangıçtaki yutturmacaya rağmen hala biraz bunaltıcı ve kötü şöhretli.

Adobe, dijital tasarım evrenine bu kadar uzun süre hakim olduktan sonra, nihai UX/UI tasarım aracı için bu yarışta geride kaldı. Bu pozisyonda uzun süre kalma lüksüne sahip olmamak… Adobe XD'ye girin. Yarışa biraz geç olmasına rağmen, Adobe XD popülaritesini artırdı ve 2016'da piyasaya sürülmesinden bu yana gelecek vaat eden bir yarışmacı haline geldi.

Adobe XD İncelemesi: Özellikler ve Faydalar

Bazıları Adobe gibi bir endüstri devinin bir dinozor olduğunu ve genç rakipleri kadar çevik olamayacağını söyleyebilir. Ancak Adobe gibi bir şirket, Adobe XD'de uzmanlaşmayı iyi bir yatırım haline getirecek finansal istikrarın yanı sıra hızla gelişmek için kaynaklara sahiptir. Bu, Adobe XD'yi çok değerli ve potansiyel olarak gelecek için lider UX tasarım aracı yapan büyük bir avantajdır.

Adobe XD özelliklerini incelemeye başlamadan önce, duralım ve "zaten bildiğimiz araçlara benzer işlevler sağlayan yeni bir araç öğrenmek için zaman ayırmaya değer mi?" diye soralım. Buna cevap vermek için dört kritere bakalım: fiyat, kullanım kolaylığı, ekosistem ve pazar payı.

Fiyat

Sketch ve Figma gibi endüstrinin favorilerinin erken başarısındaki faktörlerden biri, görece satın alınabilirlikleriydi. Adobe XD, Photoshop, Illustrator, Premiere Pro vb. gibi 20'den fazla uygulamaya ayda 50 ABD Doları karşılığında erişmenizi sağlayan Adobe Creative Cloud aboneliğinin bir parçasıdır, bu nedenle fiyatı o ürün için özel olarak ayırmak zordur. Halihazırda bir aboneliğiniz yoksa, yeni bir araç denemek için bu kadar çok harcamayı haklı çıkarmak zor olabilir.

Ancak Mayıs 2018'de Adobe, Adobe XD'nin ücretsiz kullanımına izin veren bir başlangıç ​​planı duyurdu! Sadece bir aktif proje ile sınırlıdır, ancak suları test etmek ve sunduğu her şeyi denemek için mükemmel bir yoldur.

Kullanım kolaylığı

Çoğu dijital tasarımcı bir noktada bir Adobe uygulaması kullanmıştır ve genel arayüze aşinadır: solda araç paneli, merkezde ana alan, sağda katmanlar vb. Adobe XD'nin güzelliği, kullanmaya başladığınız andan itibaren kendinizi evinizde hissetmenizdir. Öğrenme eğrisi hafiftir ve çoğunlukla daha karmaşık tasarım sistemleri ve sembol geçersiz kılmaları etrafında oluşur.

Benzer araçlar gibi, Adobe XD de karmaşık tasarım sistemlerini ve sembol kitaplıklarını yönetir. Ayrıca, ekranları kolayca bağlamak ve koda ihtiyaç duymadan kullanıcı testlerinde kullanılabilecek etkileşimli prototipler oluşturmak için sezgisel araçlar içerir. Otomatik canlandırmanın son sürümü, Adobe XD'de çalışma yüzeylerinde mikro etkileşimleri otomatik olarak canlandırarak zengin etkileşimlerin prototipini oluşturmayı daha da kolaylaştırıyor.

Ekosistem

Adobe ekosisteminde Adobe XD'ye sahip olmak, en güçlü satış noktalarından biridir çünkü zaten Creative Cloud'unuz var veya haftalık olarak diğer Adobe ürünlerini kullanıyorsunuz. Vektörlerden fotoğraflara, Adobe ürünleri paketi, çoğu tasarımcı ihtiyacı için Adobe XD ile oldukça sorunsuz çalışacak özel bir araca sahiptir.

Pazar payı

2017'de Adobe XD pazarda ortalama bir sıralamaya sahipti ve Sketch'in hakimiyetini gölgeleyemedi. İki yıl hızlı ilerleyin ve Adobe hızla yetişiyor (12 milyondan fazla Creative Cloud abonesiyle) ve hızlı büyümesini sürdürmek için büyük bir potansiyel gösterdi.

Yeni bir tasarım aracı öğrenmek için zaman harcamaya değer mi sorusuna geri dönersek, bunu şu şekilde düşünebiliriz: Bir çekiciniz varsa, bir çiviyi çakabilirsiniz ama bir vidayı çıkaramazsınız - ve asla bir vidayı ne zaman çıkarmanız gerekeceğini bilin. Adobe XD'nin popülaritesi arttıkça, yalnızca Adobe ürünlerine dayanan bir ekip veya müşteriyle karşılaşma şansı da artar. Bir tasarımcının araç kutusunda ne kadar çok araç varsa, o kadar çok tasarım projesiyle uğraşabilir ve o kadar çok ekiple etkin bir şekilde çalışabilir.

Adobe XD Özelliklerinin ve Eklentilerinin Büyüyen Listesi

"Creative Cloud ile entegrasyonlar sayesinde, müşterilerimizi kullandıkları tüm hizmetlere sorunsuz bir şekilde bağlayarak ve uygulamalarımızı güçlü ve özel yollarla genişleten sonsuz bir araç tedarik ederek daha mutlu ve üretken hale getirebiliriz."– Vijay Vachani, Müdür, Başkan İş Ortağı Platformu ve Ekosistemi, Adobe Creative Cloud.

Göründüğü kadar “hafif ve basit” olan Adobe XD'nin arayüzü, karmaşık tasarım sistemlerini ve sembol kitaplıklarını yöneterek tasarımcıların karmaşık tasarımları kolaylıkla oluşturmasına ve güncellemesine olanak tanır. Tasarım ve kullanıcı test süreci için aynı derecede önemli olan, gelişmiş XD prototipi ve animasyon araçlarıdır. Bir tasarımcı tasarımlar hakkında geri bildirim almaya hazır olduğunda, UserTesting ve Userlytics eklentileri bunu programdan çıkmadan yapmalarına olanak tanır.

Tüm doğru özelliklere sahip olacak nihai UX tasarım aracını oluşturmak, InVision, Adobe ve diğerleri gibi şirketlerin uğraştığı şeydir. Görev çok büyük ve karmaşıktır, bu nedenle bu hedefe ulaşmanın yollarından biri platformların eklentiler geliştirmesidir (ve başkalarını da aynı şeyi yapmaya teşvik eder).

Adobe'nin bu amaç için son zamanlarda 10 milyon dolarlık Tasarım Fonu açıklaması, eklentileri desteklemenin ve geliştiricileri bunları oluşturmaya teşvik etmenin önemini kanıtlıyor. Son Adobe MAX konferansı sırasında, Adobe XD'nin yardımcı programını genişletmek için eklentiler, UI kitleri ve uygulama entegrasyonları hakkında birkaç önemli duyuru yapıldı.

Sketch harika bir tasarım aracı olsa da, onu gerçekten harika yapan şey Runner, Color Accessibility Check, Magic Mirror, Auto Animate vb. gibi üçüncü taraf eklentilerin kullanılabilirliğidir. Adobe XD, RenameIt, Pixel Perfect gibi eklentilerle oyunlarını hızlandırıyor , Data Generator vb. ve Trello, Dribbble, Google Sheets vb. ile entegrasyonlar.

Adobe Creative Residency'de yeni yetenekleri barındırmak ve desteklemek için para akıtarak Adobe, ekosisteminin önemli avantajını koruyor. Gelecekteki başarının bir diğer önemli unsuru, Adobe XD ekibinin iyi yaptığı başka bir şeydir; son kullanıcıyı dinlemek ve onları geliştirilecek sonraki özellikleri önermeye ve oylamaya davet ederek geliştirme sürecine dahil etmektir.

Adobe XD, başından beri “tasarımcılardan tasarımcılara bir ürün” olarak konumlandı ve bu yolda sadık bir şekilde devam ediyor. Her ay, yeni özellik grupları kullanıma sunulur. Örneğin, yalnızca son birkaç ayda Adobe, Duyarlı Yeniden Boyutlandırma, Zamanlı Geçişler, Yazım Denetimi, Jira entegrasyonu ve daha fazlası gibi yeni Adobe XD özelliklerini tanıttı.

Adobe ayrıca yakın zamanda Adobe XD araç setine ses prototiplemenin eklendiğini de duyurdu. Bir ekran UI tasarım aracından bekleyeceğiniz en belirgin özellik değil, ancak sesli komut UI'leri giderek daha yaygın hale geliyor.

Siri'den Alexa'ya ve ekranın ötesindeki diğer deneyimlere, sese dayalı etkileşim zemin kazanıyor. Adobe XD'nin benzersiz ses prototiplemesi, tasarımcılara hızla büyüyen bu trende ayak uydurma avantajı sağlar.

Tasarımcının Araç Kutusunu Genişletme

Çeşitli şirketlerle ve farklı projelerde çalışan tasarımcıların büyük olasılıkla bir dizi problem çözme becerisine ihtiyacı olacaktır. Daha geniş bir tasarım araç kutusu, diğer potansiyel adaylara göre büyük bir avantaj olabilir. Bu, özellikle birkaç ayda bir farklı müşterilerle çalışan serbest çalışanlar için önemlidir - er ya da geç belirli bir tasarım aracı hakkında uzman bilgisi gerektiren bir proje ortaya çıkacaktır. Bu araca aşina olmamak, potansiyel katılımın kaybı anlamına gelebilir.

Bir tasarımcının belirli bir uzmanlığı geliştirmeye mi yoksa repertuarını genişletmeye mi odaklanması gerektiği konusunda bazı tartışmalar var. Adobe XD hızlı, ücretsiz ve öğrenmesi kolaydır; atılmaktan ve çok yönlülüğünüzü genişletmekten hiçbir şey kaybetmezsiniz.

Toptal Tasarım Blogunda daha fazla okuma:

• En İyi UX Araçları (İnfografik ile)
• Figma - Sketch - Axure - Göreve Dayalı Bir İnceleme
• Bir VUI Tasarlama – Sesli Kullanıcı Arayüzü
• En İyi UX Tasarımcı Portföyleri - İlham Veren Vaka Çalışmaları ve Örnekler
• Kolay Prototip - Bir InVision Studio Eğitimi