İş İçin Doğru Araç: Projeniz İçin En İyi Prototipleme Yazılımını Seçme

Prototip oluşturma araçları, biz tasarımcılar için önemli bir kaynak haline geldi ve statik belgelerde temsil edilmesi zor olan animasyonlar, geçişler ve mikro etkileşimler dahil olmak üzere tek bir ekranın birden çok durumunu belgelememize olanak sağladı.

Bu eğilime dikkat eden şirketler, bu ihtiyacı karşılamak için prototipleme araçları oluşturmaya başladılar; ve bugün düzenli olarak ortaya çıkan çok sayıda araç görüyoruz. Ama hangisini seçmelisiniz? Daha da önemlisi, doğru olanı seçtiğinizden emin olmak için kendinize ve ekibinize hangi soruları sormalısınız?

SmashingMag'de Daha Fazla Okuma :

• Mobil Prototipleme Aracı Seçiminde 12 Faktör
• Aslına Uygun Prototipleme İçin Şüphecinin Kılavuzu
• Duyarlı Web Tasarımı İçin Sketch Kullanma
• Eskiz İş Akışını Doğru Yapmak: Eskiz El Kitabı

“Hangi aracı kullanmalıyım?” çevrimiçi forumlarda, tasarım buluşmalarında ve bloglarda en sık sorulan sorulardan biri haline geldi. Oldukça tutkulu bir tartışmaya dönüştü - ve tasarımcılar belirli bir araç veya uygulama için çabucak tartışmaya meyilli.

Gerçek şu ki, hiçbir çözüm herkese uyan tek beden değildir . Tasarımcıların her birinin artılarını ve eksilerini anlamak ve verilen bağlam için en uygun iş akışına hızlı bir şekilde karar verebilmek için ellerinde bir dizi araca sahip olmaları gerekir.

Değerlendirme sürecine birkaç adım girer. Deneyimli profesyoneller ve ekip yöneticileri, yeni bir proje hakkında bilgilendirildikleri ve prototipin nerede kullanılacağını anladıkları anda, iş için doğru aracı oldukça hızlı bir şekilde seçebilirler.

Aşağıda, projeniz için doğru prototipleme aracına karar vermek için beş adımı inceleyeceğiz: hedeflerin tanımlanmasından, gereksinimlerin ve bağlamın anlaşılmasından, mevcut seçeneklerin değerlendirilmesine kadar. Amaç, bu kararı ilk kez veren veya benzersiz gereksinimleri ve kısıtlamaları olan bir projeyle karşı karşıya kalan tasarımcılara rehberlik etmektir.

Prototipi oluşturmakla ellerimizi kirletmeden önce, bunu neden yaptığımızı düşünmeliyiz. Prototip hangi sorunu çözmeye çalışıyor? Neden o anda projeye yardımcı olacağına inanıyoruz?

1. Gerçekten Bir Prototipleme Aracına İhtiyacınız Var mı?

Bir ürünün tasarlanırken nasıl çalışması gerektiğini somut olarak gösterebilmek projeye tartışılmaz faydalar sağlar ve tasarımcıların etkileşimler hakkında mümkün olan en dinamik ve gerçek şekilde düşünmelerini sağlar. Canlı ortamlarının dışında kopyalanması zor olan canlı, etkileşimli arayüzler dünyasında yaşıyoruz - ve etkileşimli prototipler bu deneyimi taklit etme konusunda gerçekten harika bir iş çıkarıyor.

Ancak bazı durumlarda bir prototipleme aracı gerçekten gerekli değildir. Proje ilk aşamalarındayken ve tek yapmak istediğiniz bir konsepti doğrulamak olduğunda, kağıt prototip genellikle ürünün nasıl çalışması gerektiğini temsil etmede daha etkilidir. Kağıt prototipler, yazılımla zaman harcama (ve bazı durumlarda nasıl kullanılacağını öğrenme) ihtiyacını ortadan kaldırırken, belirli kullanılabilirlik sorunlarını doğrulamaktan çok bir kavramı test etmeye odaklanan tasarımın hızlı, düşük kaliteli yinelemelerine izin verir. .

Diğer durumlarda, özel yazılımla bağımsız bir prototip oluşturmak yerine yapılacak en iyi şey, ürünü son programlama dilinde oluşturmaya başlamaktır. Bir web sitesi oluştururken, bazı insanlar hemen bir HTML prototipi ile başlar. Bootstrap gibi çerçeveler, oldukça hızlı yanıt veren bir web sitesi oluşturmanıza yardımcı olabilir ve bazı durumlarda ileri teknik bilgi gerektirmez. Bir HTML prototipi için yazılan kod türünün, hızlı ve muhtemelen uzman olmayanlar tarafından yazıldığı için neredeyse her zaman atıldığını unutmayın.

İş için doğru yazılımı seçmeye çalışmak için enerji harcamadan önce, etkileşimli bir prototipin gerçekten en iyi çözüm olup olmadığını ve o projenin özel ihtiyaçlarını en iyi ne tür bir prototipin karşılayacağını ekiple tartışın.

2. Hedefleri Tanımlayın

Prototipin amacını tanımlamak, gerekli olan aslına uygunluk ve işlevsellik düzeyi hakkında düşünmenize yardımcı olabilir - bu da prototipleme aracının seçimini doğrudan bildirir.

Aşağıdaki çizelge, tasarım aşamasında bir prototip oluşturmanın bazı yaygın nedenlerine ilişkin bir genel bakış sunmaktadır. Bu kategoriler kapsamlı değildir ve bazı durumlarda aynı prototip farklı alanlara hizmet edebilir, ancak çerçeve prototipin hedeflerine öncelik vermek için bir başlangıç ​​noktası olarak kullanılabilir.

Aşağıdakilerden hangisi temel hedefinizdir?

• Bir müşteri sunumunda bir fikir satmak için . Prototipler, kavramları hayata geçirmek için inanılmaz derecede faydalıdır. Ayrıca müşterilere ve önemli paydaşlara fikir sunmak için harika bir satış aracıdır; bir fikri etkileşimli biçimde görselleştirmek, "büyük hayaller kurmalarına" yardımcı olabilir. Bu gibi durumlarda, prototipin işlevselliği daha sığ olma eğilimindedir ve yalnızca fikri satmaya yardımcı olan temel özellikleri ve kullanıcı akışlarını temsil eder. Ürünün kapsamının prototipte tam olarak temsil edilmesine gerek yoktur, ancak bazı görsel cilalar büyük bir etki yaratacaktır. Gerçek kullanıcı merkezli tasarım aşaması başladığında, satış odaklı bir prototipin genellikle atılması gerektiğini unutmayın.
• Kullanıcılarla deneyimi test etmek için . Prototipleri kullanıcıların önüne koymak, tasarımcılar olarak mümkün olan en iyi kullanıcı deneyimini savunurken yaptığımız işin önemli bir parçasıdır. Rotayı düzeltmek için ne kadar erken geri bildirim toplarsanız o kadar iyi. Kullanıcı testi için prototipler biraz daha rafine olma eğilimindedir - ancak kağıt prototipler, ürün ilk aşamalarındayken de iyi çalışır. Prototipin, test oturumu sırasında kullanıcılara atadığınız görevlerin karmaşıklığı kadar sağlam olması gerekir.
• Bir kavramı içsel olarak kanıtlamak . Bazen bir prototip yalnızca dahili bir kavram kanıtı olarak kullanılır - bir fikriniz var ve gerçekten çalıştığından veya doğru hissettirdiğinden emin olmak istiyorsunuz. Hızlı bir prototip, tüm ürünü veya özelliği tasarlamak için zaman ve çaba harcamadan önce birden fazla paydaşla fikir alışverişinde bulunmanıza yardımcı olacaktır.
• Mantığı ve fizibiliteyi test etmek için . Bazı durumlarda ekibin, geliştirmeye geçmeden önce bir özelliğin uygulanabilir olup olmadığını gerçekten test etmesi gerekir. Prototip, tasarımcılar ve geliştiriciler arasındaki tartışmalarda kullanılmak üzere canlı bir belge ve ayrıca fikirleri test etmek ve işlevsellik entegrasyonu için bir sanal alan ortamı olarak işlev görebilir.

Yukarıdaki şema, prototipiniz için hedefleri tanımlama konusunda size bir başlangıç ​​sağlayabilir. Ancak, sadakat düzeyinin bağlama göre değişeceğini unutmayın. Kullanıcıların ve müşterilerin önüne aslına uygun bir prototip koymak, özellikle bir konsept hakkında erken geri bildirim arıyorsanız, tamamen normaldir.

3. Gereksinimleri Anlayın

Prototipin üst düzey hedefi tanımlandıktan sonra, yazılım, donanım, zamanlama ve kaynaklarla ilgili olanlar gibi kararınızı etkileyecek daha spesifik konulara bakmanın zamanı geldi.

Tasarımcıların bir projenin başında yaptıkları yaygın bir hata, ekiple buluşmak ve bu prototipin oluşturulacağı, paylaşılacağı ve görselleştirileceği bağlamı tartışmak için zaman ayırmadan en sevdikleri prototip oluşturma aracına atlamak. Prototipin ilk versiyonunu oluşturmak için saatler harcadıysanız, fikrinizi değiştirmek zor olacaktır.

Ekibinizle tanışın ve aşağıdaki sorulardan bazılarını gözden geçirin. Proje yöneticilerini, tasarımcıları ve geliştiricileri tartışmaya dahil edin - grubun bir bütün olarak zaman çizelgesi, bütçe, beceri seti ve teknik uyumluluk gibi gereksinimleri göz önünde bulundurarak listedeki soruların çoğunu yanıtlaması gerekecektir.

Farklı faktörlerin nasıl yapılandırıldığına bağlı olarak, bir prototip farklı biçimler alabilir. Örneğin, el çizimleri ve tel kafeslerden kurtulabilirsiniz. Bazı durumlarda, cilasız, hacklenmiş bir HTML ve CSS kombinasyonu yeterli olacaktır. Diğer durumlarda, belirli bir etkileşimin çalışıp çalışmayacağını ve nasıl çalışacağını gerçekten anlamak için daha zengin, daha gösterişli bir prototip oluşturmanız gerekir.

Kapsam: Prototipleme Akışları ve Etkileşimler

Yaygın sorular:

• Bir dizi adımla bir akışı mı göstermeye çalışıyorsunuz yoksa daha kapsamlı bir etkileşimi mi temsil ediyorsunuz?
• Fikri aktarmak için prototiplemeniz gereken akışın veya etkileşimin en önemli kısmı nedir? Bu deneyimin yaşanacağı ekranın boyutu nedir?

Prototipleme araçları dünyası kolaylıkla iki gruba ayrılabilir: kullanıcı akışlarını taklit etmenize izin veren araçlar ve daha çok belirli etkileşimi temsil etmeye odaklanan araçlar.

Ürününüz hakkında veya kullanıcıların onu nasıl deneyimleyeceği hakkında bir hikaye anlatmaya çalışıyorsanız, bir akışı prototiplemek daha iyi bir yaklaşım olabilir. Bu durumda, InVision, Axure ve Keynote gibi araçlar verimliliği artırmada ve prototipin anlatmaya çalıştığınız hikayeyle bağlantılı olduğunu hissettirmede son derece güçlüdür.

Benzersiz, derinlemesine bir etkileşimi temsil etmeye çalışıyorsanız ve prototipi, davranışını paydaşlara ve ekip üyelerine açıklamanın somut bir yolu olarak kullanmak istiyorsanız, farklı bir araç grubuna odaklanmak isteyebilirsiniz. Framer, Principle, Pixate ve Origami bu listenin başında geliyor.

Hususlar:

• bir akışı taklit etme yeteneği
• araç tarafından izin verilen aslına uygunluk ve etkileşim düzeyi
• desteklenen cihazlar

Sadakat: İş Akışını Tanımlama ve Görsel Lehçe

Yaygın sorular:

• Başlangıç ​​noktası olarak tel kafesler veya görsel örnekler kullanmayı mı planlıyorsunuz?
• Ekranların hala tasarlanması gerekiyor mu?
• Tasarım ve prototiplemeden aynı kişi mi sorumlu?
• Ekibinizin bir noktada prototipi başka bir ekibe devretmesi gerekecek mi?
• Nihai prototipin beklenen görünümü ve hissi nedir?

Bazı prototip oluşturma araçları aynı anda tasarlamanıza ve oluşturmanıza olanak tanırken, diğerleri daha çok tel çerçeveler veya görsel panolar gibi mevcut varlıkları tuvale aktarmaya odaklanır.

Ekibinizle beklenen tasarım sürecini konuşmak için biraz zaman ayırın. Bazı durumlarda, prototipin mevcut varlıklara dayalı olarak oluşturulması gerekecektir (örneğin, ekip, kullanıcı arayüzü için görsel kompozisyonlar oluşturmuş olabilir) - ve tasarımcının tek yapması gereken, maketleri tutarlı bir akışta birbirine bağlamaktır. veya anlatı. Dışarıdaki bazı araçlar, kullanıcı akıştan geçerken ekranları bağlamaya ve etkileşimleri taklit etmeye daha fazla odaklanmıştır. InVision ve Keynote bunun iyi örnekleridir.

Diğer durumlarda, aynı ekip üyesinin aynı anda kullanıcı arayüzünü tasarlaması ve prototipi oluşturması gerekecektir. Tasarımın bu iki yönü üzerinde eş zamanlı olarak yinelenebilmek, prototipleme aşamasının sonunda daha rafine ve etkileşimli bir çıktıya olanak sağlayacaktır. Durum buysa, yalnızca bağlamanın ötesine geçen ve kullanıcı arayüzünü tasarlamanıza olanak tanıyan bir araç arayın.

Ayrıca, gereken görsel iyileştirme düzeyini de göz önünde bulundurun. Axure veya UXPin gibi bir araç, çıktının bir tel kafes gibi görünmesini ve hissettirmesini sağlarken, diğerleri daha piksel mükemmel, görsel olarak cilalanmış bir son ürüne izin verir. Bazı tasarım ekipleri, aynı sonucu elde etmek için sorunsuz bir şekilde birlikte çalışan araçları eşleştirmeyi tercih eder (örneğin, tasarım için Sketch ve prototip oluşturma için InVision). Seçtiğiniz araçların, prototipin her güncellenmesi gerektiğinde zamandan ve ayak işlerinden tasarruf etmek için otomatik entegrasyon sağladığından emin olun.

Hususlar:

• işbirliği özellikleri (paylaşım, canlı paylaşım, yorum yapma ve geri bildirim)
• iş akışınızdaki diğer yazılımlarla entegrasyon (Photoshop, Sketch gibi)
• gereken aslına uygunluk düzeyi (tel kafes ve piksel mükemmel tasarımı)

Kaynaklar: Gerekli Beceri Setinin Haritasını Çıkarma

Yaygın sorular:

• Prototipi kim oluşturacak?
• Kişinin yazılım becerileri nelerdir ve ne kadar hızlı çalışabilirler?
• Belirli bir aracı nasıl kullanacaklarını bilmiyorlarsa, ne kadar çabuk öğrenebilirler? Bunu yapmaya istekliler mi?
• Prototip üzerinde kaç tasarımcı işbirliği yapacak?

Ekibinizin yazılım becerilerinden yararlanmak çok zaman kazandıracak - ancak bunun kuruluşunuzun yeni araçları test etmesini ve bunları tasarım sürecine dahil etmesini engellemediğinden emin olun. Prototip oluşturma araçlarının öğrenilmesi ve çalıştırılması giderek daha kolay hale geliyor; tasarımcılar, öğrenme eğrisiyle daha az, aracın iş için doğru olup olmadığıyla daha fazla ilgilenebilirler.

Ekibinizle birlikte hangi araçları kullanmayı bildiklerini belirleyin ve öğrenmenin en kolay olduğu araçları görmek için çevrimiçi araştırma yapın. Ekibinizi mümkün olduğunca çok sayıda prototip oluşturma aracını öğrenmeye ve bunlarla oynamaya teşvik edin; seçeneklerin çeşitliliği ve ekibinizin beceri setindeki esneklik, bir sonraki projeniz için en iyi aracı seçmeniz gerektiğinde işinize yarayacaktır.

Hususlar:

• öğrenme eğrisi
• kullanım kolaylığı
• hız

Bağlam: Kitle ve Kullanımı Tanımlama

Yaygın sorular:

• Prototipinizin hedef kitlesi kim? Kimin onunla etkileşime girebilmesi ve geri bildirimde bulunabilmesi gerekiyor?
• Prototipin hangi ortamda görselleştirilmesi gerekiyor? Hangi cihazda? Hangi bağlamda?
• İzleyiciyi prototip üzerinden mi yürüteceksiniz yoksa sadece bir bağlantıyı e-postayla mı göndereceksiniz? İlkiyse, izlenecek yol şahsen mi olacak, ekran paylaşımı yoluyla çevrimiçi mi yapılacak yoksa kendi kendine mi yönlendirilecek?

Bir mobil prototip oluşturuyorsanız ve fikri açıklamak için bir toplantıda bir paydaşın yanında oturmayı düşünüyorsanız, o zaman doğru yazılım (mobil prototiplere izin veren bir araç) ve donanım (bir telefon) kombinasyonuna sahip olmanız gerekir. özelliklerinizi karşılar). Bunun gibi daha kontrollü bir ortam, tüm akışın ayrıntılandırılmasını gerektirmez; bu da zamandan ve emekten tasarruf etmenizi sağlar.

Ancak, aynı prototipi, ülke genelinde ürünün ne yaptığı veya neye benzediği hakkında hiçbir fikri olmayan kullanıcılarla uzaktan, eşzamansız kullanılabilirlik testleri yapmak için kullanmayı planlıyorsanız, kombinasyon tamamen farklı olabilir. Bu durumda, kendi kendine yönlendirilen bir deneyime izin veren daha işlevsel, kurşun geçirmez bir prototipe ihtiyacınız olabilir.

Hususlar:

• desteklenen cihazlar
• kendi kendine yönlendirmeli tıklama deneyimi
• paylaşım ve geri bildirim alma kolaylığı

Yukarıdaki soruları yanıtlamak, kullanım bağlamını anlamanıza ve prototip için bazı temel gereksinimleri tanımlamanıza yardımcı olacaktır. Yukarıda tanımlanan dört grubun tümü için gereksinimleri dahil ettiğinizden emin olarak bir liste çizin: kapsam, aslına uygunluk, kaynaklar ve bağlam . Bir sonraki yapmak isteyeceğiniz şey, düşündüğünüz araçların ihtiyacınız olan işlevselliği sağlayıp sağlamadığını kontrol etmektir.

4. Araçları Değerlendirin

Her ay, her biri öncekilerin çözemediği tüm sorunları çözmeyi vaat eden yeni uygulamalar çıkıyor. Gerçek şu ki, 10 yıldan fazla bir süredir bu sektörde çalışıyorsanız, bu hikaye tekrarlanır ve bu duyurularda modeli görmeye başlarsınız.

Ekibinizle birlikte ilk soru listesini gözden geçirdikten sonra, potansiyel araçlara bakmanın zamanı geldi. Sadece 3. adımdaki soruları yanıtlayarak, bazı seçenekleri hızla ortadan kaldırabilecek ve daha yakından analiz için bir kısa liste oluşturabileceksiniz.

Kısa listenizdeki her araç için aşağıdakileri değerlendirin:

• Platform ve kanallar . Bir web sitesi veya uygulamanın prototipini mi oluşturuyorsunuz? Masaüstü mü yoksa mobil bir deneyim mi? Duyarlı bir arayüze mi ihtiyacınız var ve ekran boyutlarında nasıl davranacak? Bazı araçlar, kanallar arasında bir deneyim sunma konusunda size daha fazla esneklik sağlarken, diğerleri daha odaklıdır.
• sadakat . Alet hangi seviyede cilaya izin veriyor? Araç, hızlı, cilasız tel kafes tabanlı prototipler oluşturmanıza izin veriyor mu? Görsel maketleri içe aktarabilir ve canlandırabilir misiniz?
• Paylaşma ve işbirliği . Araç, ihtiyacınız olan işbirliği düzeyini sağlıyor mu? Ekibinizin kullandığı diğer tasarım ve iletişim araçlarıyla sorunsuz bir şekilde bütünleşiyor mu? Devam eden çalışmaları çevrimiçi olarak kolayca paylaşabiliyor musunuz?
• Öğrenme eğrisi . Ekibinizden biri aleti nasıl çalıştıracağını biliyor mu? İhtiyacınız olan prototipi oluşturmak için ne kadar yetkin olmaları gerekiyor? Araç ne kadar sezgisel? Programlama bilgisi veya kodlama gerekli mi?
• Fiyat . Yazılım için bir lisansınız var mı? Ne kadar ödemeye hazırsınız? Araç katmanlı planlarda satılıyorsa, projeniz için hangisi uygun?

5. Hadi Bunu Yapalım!

Bu noktada, muhtemelen seçenekleri bir veya ikiye indirdiniz. Bir sonraki adım, ekibinizle yeniden bir araya gelmek, nihai bir karar vermek ve işe başlamak. Genellikle, son arama zaman çizelgesine ve maliyetlere dayalı olacaktır, ancak burada listelenen süreçten geçmek tüm kriterlerin dikkate alınmasını sağlayacaktır.

Ekibinizin en iyi prototip oluşturma aracı hakkında yaptığı tartışma, sizi iş akışı, süreç, roller ve sorumluluklar gibi çıktının çok ötesine geçen konulara yönlendirecektir.

Ayrıca, projeden sonra hızlı bir ölüm sonrası egzersiz yapın . Seçtiğiniz araçla nelerin işe yarayıp nelerin yaramadığını ekibinizle tartışın. Bir sonraki projenizde, doğru aracı seçme sürecinde kesinlikle birkaç adımı atlayabileceksiniz.

"U"yu UX'e Geri Getirelim

Son bir tavsiye: Piyasadaki en yeni ve en iyi prototip oluşturma araçlarının hepsini öğrenme tuzağına düşmeyin. Sadece çok fazla seçenek var. Seçtikleriniz konusunda düşünceli olun ve bunları nasıl kullanacağınızı öğrenmek için zamanınızı nasıl harcadığınız konusunda akıllı olun.

Ürünlerin kullanıcı ihtiyaçlarını ne kadar yakından karşıladığına göre değerlendirildiği bir çağda, prototipleme aracına çok fazla zaman ve enerji harcamak, işinizde gerçekten önemli olan şeylerden sizi uzaklaştırabilir. Sonuçta, oluşturmaya çalıştığınız özellik meşru, araştırmalarla kanıtlanmış bir kullanıcı ihtiyacını çözmezse, belirli bir etkileşimi oluşturmak ve cilalamak için saatler harcamak işe yaramaz.

Kapsamlı bir prototip oluşturma araçları listesi için UX Design'ın UX Araçları bölümüne bakın.

Bu makaleye katkılarından dolayı Greg Siegal, Eugene Ahn ve Caio Braga'ya teşekkürler.