Mobil Prototipleme Aracı Seçiminde 12 Faktör

Yayınlanan: 2022-03-10
Kısa özet ↬ Yıllar önce bir çocuk bıçakla bir dal keserek yay yapmaya çalışıyordu. Bu mücadeleyi gören dedesi ona bir testere vererek “İş için her zaman doğru aleti kullanın!” dedi. Hikayedeki çocuk olarak, zanaatkarlıkla ilgili değerli bir ders öğrendim : Bir sorunu çözmek için bir araç seçerken, birçok iyi araç vardır, ancak bazıları bu göreve diğerlerinden daha uygundur! Son yıllarda, çoğu mobil tasarım için yeni prototip oluşturma araçları ortaya çıktı. Manzara sürekli değişiyor, bazı araçlar UX tasarımcıları (veya UX'ler) ile gözden düşüyor ve diğerleri onların yerini alıyor. Bu makale, bir prototipleme aracı seçmek için tam bir sayılarla boyama kılavuzu olarak hizmet etmeyecek olsa da, seçim sürecini etkileyen önemli faktörleri tartışacağız.

Yıllar önce bir çocuk bıçakla bir dal keserek yay yapmaya çalışıyordu. Bu mücadeleyi gören dedesi ona bir testere vererek “İş için her zaman doğru aleti kullanın!” dedi. Hikayedeki çocuk olarak, zanaatkarlıkla ilgili değerli bir ders öğrendim : Bir sorunu çözmek için bir araç seçerken, birçok iyi araç vardır, ancak bazıları bu göreve diğerlerinden daha uygundur!

Son yıllarda, çoğu mobil tasarım için yeni prototip oluşturma araçları ortaya çıktı. Manzara sürekli değişiyor, bazı araçlar UX tasarımcıları (veya UX'ler) ile gözden düşüyor ve diğerleri onların yerini alıyor. Bu makale, bir prototipleme aracı seçmek için tam bir sayılarla boyama kılavuzu olarak hizmet etmeyecek olsa da, seçim sürecini etkileyen önemli faktörleri tartışacağız.

SmashingMag'de Daha Fazla Okuma :

  • Aslına Uygun Prototipleme İçin Şüphecinin Kılavuzu
  • Önce İçerik Prototipleme
  • Duyarlı Web Tasarımı İçin Sketch Kullanma
  • Sketch ile iOS ve Android Uygulamalarının Prototiplenmesi

Belirli araçların nasıl diğerlerinden daha uygun olduğunu açıklamak için çeşitli araçları kullanma ve araştırma konusundaki kişisel deneyimime güveneceğim. Makalenin sonuna doğru, "Kaynaklar" bölümü, karar vermeniz için size ek bağlam sağlamak için sizi daha spesifik karşılaştırmalara yönlendirecektir.

Atlamadan sonra daha fazlası! Aşağıdan okumaya devam edin ↓

Mobil Bir Araca ihtiyacınız var. Ne yapıyorsun?

Mobil projeniz için seçebileceğiniz birçok aracınız olsa da, bunlardan birini seçmek göz korkutucu bir iş olmak zorunda değil. Seçim kriterleri oluşturmak için soruları cevaplayarak olasılıkları daraltabilirsiniz.

Projenin ihtiyaçları size iyi bir başlangıç ​​kısıtlaması sağlayacaktır. Kullanılabilirliği test ediyor musunuz? Görsel tasarım prototiplemenin bir parçası olacak mı? Prototip, üst düzey bir konsepti mi yoksa tam gelişmiş bir üretim çalışmasını mı yakalayacak?

UX tasarımcıları verilen sorunu sürekli olarak değerlendirir ve bir rota çizer. Öyleyse neden aynı süreci bir prototipleme aracı seçmek için uygulamıyoruz? Seçimi daha küçük faktörlere bölmek , sonunda izleyeceğiniz yöne olan güveninizi artıracaktır. Aşağıdakilerin her biri kararınızda önemli bir rol oynayabilir:

  • etkileşim doğruluğu,
  • animasyon ve hareket,
  • jest desteği,
  • görsel tasarım,
  • demode basitlik,
  • dijital işbirliği,
  • belgeler,
  • cevaplanabilirlik.

Dikkate Alınması Gereken Teknik Faktörler

Mobil prototip oluşturma ortamı, her yıl heyecan verici yeni araçlarla büyüyor. Her araç, tasarımcının çeşitli sorunları çözmesine olanak tanıyan çeşitli özelliklere sahiptir. Bazı araçlar, bir dizi görev için diğerinden daha değerlidir. Hiçbir araç her şeyde en iyisi değildir!

Aşağıda, seçim kriterlerimiz göz önüne alındığında, yaygın prototip oluşturma araçlarının ve teknolojilerinin ne kadar uygun olduğuna dair bir yorum bulunmaktadır. Seçiminizin projeye bağlı olacağını unutmayın. Aşağıda "İyi uyum" ("En uygun" yerine) olarak etiketlenen araçların projeniz için daha iyi bir seçim olduğunu görebilirsiniz.

"İyi uyum" derecesi, belirli bir aracın şiddetle tavsiye edildiğini, ancak başka bir aracın ("En uygun" olarak belirtilir) biraz daha yüksek işlevselliğe sahip olduğunu ve belirli görevlerin gerçekleştirilmesini kolaylaştırdığını belirtir.

Prototipleme aracı dökümü
Teknik faktörlere dayalı olarak prototip oluşturma araçlarının dökümü (Geniş versiyonu görüntüleyin)

1. Etkileşimli Sadakat

Etkileşim farklı tatlarda gelir. Yalnızca akışı iletmeniz gerekebilir; bu nedenle, tıklama prototipleri ideal olacaktır (bunlar kavramsal ve kullanılabilirlik testi için tipiktir). Bunun yerine, proje çok adımlı koşullu etkileşimleri göstermenizi gerektirebilir (üretime hazır ve dokümantasyon odaklı prototiplere ihtiyacınız varsa). Durum ne olursa olsun, yardımcı olacak bir prototip oluşturma aracı var!

Parça etkileşimi
Bireysel öğeler birbirleriyle etkileşime girebilir. (Resim: Daniel Waters) (Büyük versiyonu görüntüle)

İyi form

Bazı mobil araçlar, etkin nokta bağlantısı yoluyla prototipleri tıklatabilir. Keynote ve mobilde kağıt araçları Fluid UI ve Marvel gibi sunum yazılımları buna iyi örneklerdir.

Daha uygun

Bir araç, durumları yönetmek için değişkenleri, ayrıntılı olay modellerini ve öğelerin yeniden kullanımını desteklediğinde etkileşimli esneklik kazanılır. Bu faturaya uyan araçlar, Pixate ve Proto.io gibi bulut tabanlı yazılımları ve Axure ve Justinmind gibi masaüstü yazılımlarını içerir. Bootstrap, jQuery Mobile ve Framer gibi programlama teknolojileri de bunları sunar ve bunların etkinliği, bir prototip oluşturma hızınıza bağlıdır.

2. Animasyon ve Hareket

Animasyon, mobil etkileşimin iletilmesinde büyük rol oynar. Bir mobil projenin başlangıcında, prototipte animasyonlar oluşturmaktan sizin sorumlu olup olmadığınızı veya bir geliştirici veya hareket tasarımcısı gibi bir başkasının mı sorumlu olduğunu belirleyin. Bununla kimin ilgileneceğinden bağımsız olarak, prototipte animasyon üzerinde hangi düzeyde kontrol gerektiğinin bilinmesine yardımcı olur.

etkileşimli hareket
Animasyon karmaşık etkileşimleri iletebilir. (Resim: themonie) (Büyük versiyonu görüntüle)

İyi form

Bu kategorideki mobil araçlar genellikle yerleşik animasyonlarla birlikte gelir ancak özelleştirilebilirlikten yoksundur (Blueprint ve Xcode gibi). Daha sağlam araçlardan bazıları, zamanlama ve esneklik ayarları dahil olmak üzere animasyon yapılandırması sunar; Axure, Justinmind ve Proto.io bu işlevselliğe sahiptir.

Daha uygun

Bir animasyonun hızı, esnekliği, sürtünmesi ve diğer fizik tabanlı özellikleri üzerinde ekstra kontrol için Framer veya CSS3 animasyonu gibi kodlama araçlarını deneyebilirsiniz. Bu araçların çoğu, boyut, döndürme, opaklık, renk ve bulanıklık düzeyi gibi benzersiz widget özelliklerini de canlandırabilir.

3. Hareketler

Mobil prototip oluşturma, jestsel girdi için tasarım yapmayı içerir, bu nedenle projenizin bunu gerektirip gerektirmediğini düşünün. UX'e özel araçların çoğu bunu kutudan çıktığı gibi destekler - bir araç setinde yerleşik ortak hareketler bulunurken, bir başka sette hareket oluşturma ve çoklu parmak girişi desteklenir.

Hareketle giriş
Mobil deneyimler, jestsel girdi için prototip oluşturmayı gerektirir. (Resim: Nicolas Nova) (Büyük versiyonu görüntüle)

İyi form

Yerleşik hareketler Blueprint ve AppCooker'da ve Proto.io gibi birçok bulut tabanlı mobil araçta bulunabilir. Bu araçlar, dokunmaları, kaydırmaları ve kaydırmaları destekler. Bazılarında dokun ve tut ve çift dokunma işlevi vardır. Hareketlerin yapılandırılabilir parametreleri yoktur; bu, hareketle girdi üzerine belirli etkileşimleri tetiklemeniz gerekiyorsa kısıtlayıcı olabilir.

Daha uygun

Prototipiniz, sürüklenme azaltma, hız ve yönlülük dahil olmak üzere daha hassas hareket kontrolü gerektiriyorsa, kod tabanlı veya insan tarafından okunabilir eylemler biçiminde soyutlanmış olsun, bir tür API ile mobil araçlardan yararlanmanız gerekir. İyi örnekler Hammer ve Axure'dir. Birkaç araç birden çok parmakla yapılan hareketleri bile destekler: Justinmind, Pixate ve Framer iki parmakla sıkıştırma ve döndürme gerçekleştirir.

4. Görsel Tasarım

Mobil cihazlar için prototip oluştururken, teslimatın görsel doğruluğuna ilişkin beklentileri belirleyin. Kullanıcı deneyimi uzmanlarına genellikle büyük organizasyonlarda uzman tasarımcılara verilen bir sorumluluk olan görsel tasarım verilir. Aslına uygunluk, projenin hedefleri ve izleyicileri tarafından belirlenir: satış konuşması ve üretim çalışması için yüksek, kullanılabilirlik testi için orta ila düşük ve kavram kanıtları için düşük.

Rengin anlamı vardır.
Renk, prototiplerde farklı duygular taşıyabilir. (Resim: See-ming Lee) (Büyük versiyonu görüntüle)

İyi form

Blueprint, kod tabanlı araçlar (Framer ve CSS3 animasyonu) ve bulut tabanlı araçlar (Flinto, Pixate ve InVision) gibi mobilde kağıt araçları, harici görsel uygulamalardan içe aktarılan görsel varlıklar etrafında etkileşimler oluşturur. Bu araçlardan bazıları, yerleşik widget'lar aracılığıyla görsel tasarım yapabilir. Bu tür iş akışında, kullanıcı deneyimi kullanıcıları kendilerini prototip oluşturma aracı ile Sketch veya Photoshop gibi görsel bir uygulama arasında geçiş yaparken bulabilirler.

Daha uygun

Bazı prototip oluşturma araçları, degradeler, alt gölgeler, özel yazı tipleri ve yeniden kullanılabilir stiller (Axure ve Justinmind gibi) dahil olmak üzere gelişmiş görsel tasarım yeteneğine sahiptir. Bu, prototipleme ihtiyaçlarınızın çoğunu karşılayan bağımsız bir süreç sağlar. Bununla birlikte, maskeleme, çok yollu vektörler ve fotoğraf geliştirmeleri dahil olmak üzere daha kapsamlı görsel tasarım için, kullanıcı deneyimi uzmanları özel görsel araçlara güvenmelidir.

5. Demoingde Sadelik

Bir tasarımı doğrulamak için mobil prototipleri bir kitlenin önüne çıkarmak çok önemlidir. Mobil prototiplerin demosunu yapmak için iki ana yöntem vardır: bir bilgisayarda veya doğrudan hedef cihazda. Arada, bilgisayardan cihaza yansıtma ve bunun tersi gibi farklılıklar vardır. Bir projeyi başlatırken, hangi yöntemin en anlamlı olduğunu ve hangilerinin prototipleme aracınız tarafından desteklendiğini düşünün.

Bağlamda prototip
Bir prototip bağlamsal olarak test edilmelidir. (Resim: K2_UX) (Büyük versiyonu görüntüleyin)

İyi form

Birçok kod tabanlı araç (jQuery Mobile ve CSS3 animasyonu), bir prototipin bulutta barındırılmasını ve bir bağlantı aracılığıyla hedef cihaza yüklenmesini gerektirir. Bu, demo için ek adımlar oluşturabilir. iOS'ta ProtoSee gibi araçlar, oluşturulan bir prototipin doğrudan bir cihaza yüklenmesine izin vererek onları daha hızlı bir çözüm haline getirir. Bazı mobil araçlar, Axure, InVision ve Proto.io dahil olmak üzere buluttan prototipleri bir cihaza çekebilen uygulamalar sunarak bir adım daha ileri gider.

Daha uygun

Birçok satıcı, hedef cihazlar için tamamlayıcı uygulamalar sunmaya başladı. Bu, bir UXer'in masaüstünde prototip oluşturmasına ve gerçek zamanlı olarak prototipi Wi-Fi üzerinden bir mobil cihaza yansıtmasına olanak tanır. Pixate, Flinto ve hatta Framer, yerel uygulamalar aracılığıyla bunu destekler. Wi-Fi güvenilirliğini ve prototipin genel boyutunu unutmayın.

İlginç bir şekilde, doğrudan hedef cihazda bir prototip oluşturmanıza olanak tanıyan mobil araçlar, prototipin demosunu yapmanın en kolay yollarından birini de sunar. AppCooker, Blueprint ve Marvel, düzenleme ve önizleme modları arasında geçiş yapmak için yerleşik işlevselliğe sahiptir.

6. Dijital İşbirliği

Tasarımcılar boşlukta çalışmazlar. UXers, bir projenin yaşam döngüsü boyunca paydaşlar ve diğer profesyonellerle (görsel tasarımcılar ve geliştiriciler dahil) güçlerini birleştirir. Bu nedenle, prototiplerin ortaklaşa oluşturulması önemlidir. Başkalarıyla nasıl çalışmanız beklendiğini önceden öğrenin.

Takım çalışması
İşbirliğine dayalı prototipleme, ekip çalışması gerektirir. (Resim: Kevin Dooley) (Büyük versiyonu görüntüle)

İyi form

Birçok mobil prototip oluşturma aracı, tek UXers için tasarlanmıştır ve bu nedenle, birlikte oluşturmayı veya geri bildirim almayı desteklemez; Aklıma Pixate ve Framer geliyor. Bazı araçlar birlikte oluşturmayı desteklemez, ancak bir düzeyde işbirliği sağlar; Marvel ve InVision, sonuçta yinelemeyi yönlendiren harici geri bildirimlerin yakalanmasına izin verir.

Daha uygun

En sağlam işbirliğini sunan mobil prototip oluşturma araçları, paylaşılan projelere, sürüm kontrolüne ve dağıtılmış birlikte oluşturmaya olanak tanır. Hem Justinmind hem de Axure bunu yapabilir. Ve her ikisi de gözden geçirenlerin prototipler hakkında yorum yapmasına izin verir.

7. Belgeler

Tüm mobil prototipler belge gerektirmez; etkileşimler ve akışlar bazen yeterlidir. Çok fazla iş mantığı ve karmaşıklığı olan bir sistem için dokümantasyon, geliştiriciler için ayrıntıları netleştirmek için önemli bir araç haline gelir. Belgeler, etkileşim tasarımında uygulanmayan ancak UXer'in zihninde bulunan özellikleri yakalar.

Prototip belgeleri
Belgeler, prototipte görünmeyen küçük ayrıntıları yakalar. (Resim: Domiriel) (Büyük versiyonu görüntüle)

İyi form

Birçok prototip oluşturma aracı, dokümantasyon olarak hizmet etmek için prototiplere güvenir (Flinto ve Pixate). Bazı araçlar, UX'lerin bir tasarımı PDF veya PNG yığını olarak dışa aktarmalarını sağlayarak bir adım daha ileri gider. Bu kategoride, araçların açıklama için karma desteği vardır. Örneğin, Proto.io'da bu özellik yoktur, AppCooker ve Blueprint ise özel notlar ve ek açıklamalara izin verir.

Daha uygun

En esnek belgeler, Axure ve Justinmind gibi platform prototipleme araçlarından gelir. Onlarla, tek tek UI widget'larına veya tüm sayfalara açıklama ekleyebilir, dinamik belge kategorileri oluşturabilir ve bir düğmeyi tıklatarak eksiksiz özellikler oluşturabilirsiniz! Ek olarak, birçok kod tabanlı araç, geliştiriciler için yararlı olabilecek satır içi belgeleri (Framer ve jQuery Mobile) yakalar.

8. Duyarlılık

Prototipinizin yerel bir deneyimi destekleyip desteklemeyeceğini veya duyarlı olup olmayacağını belirleyin. Ayrıca, duyarlı bir web tasarımı üzerinde çalışıyorsanız, aracın uyarlanabilir mi yoksa akışkan mizanpajları destekleyip desteklemediğini, duyarlı widget kitaplığı olup olmadığını ve yanıt verme özelliğinin araç içinde nasıl gösterilebileceğini düşünün.

Sorumlu tasarım
Duyarlı prototipler, gerçek cihazlarda test edilmesini gerektirir. (Resim: Jeremy Keith) (Büyük versiyonu görüntüle)

İyi form

Bazı mobil araçlar, farklı kesme noktaları için ekran gösteremez; Marvel ve Keynote gibi sunum yazılımları iyi örneklerdir. Ancak, kesme noktaları ayrı ayrı belgelenebilir ve yan yana karşılaştırmalarda gösterilebilir.

Diğer araçlar, tek bir kesme noktasının farklı yönelimlerini ve hatta kesme noktalarında aynı tasarımın varyasyonlarını destekler, ancak bir demo sırasında kesme noktaları arasında henüz dinamik olarak geçiş yapmazlar. Blueprint, InVision ve Pixate bunlardan sadece birkaçı.

Daha uygun

Duyarlı tasarım desteğine sahip özel UX araçları ortaya çıkıyor. Axure, çoklu kesme noktaları için uyarlanabilir prototipler oluşturmanıza olanak tanıyan bir özelliğe sahiptir. Biraz hackleme gerektirse de akıcı tasarım mümkündür. Proto.io ve Justinmind gerçekten akıcı tasarımlar yapabilir.

Bootstrap ve Foundation gibi ön uç duyarlı çerçevelerle daha fazla esneklik sağlanabilir. Duyarlı desteği olan diğer araçlar arasında HotGloo ve WebFlow bulunur.

Seçiminiz Üzerindeki Gizli Etkiler

Artık araçlarla ilgili araştırmanızı tamamladınız. Seçiminizden oldukça memnunsunuz ve tasarıma atlamak istiyorsunuz. Harika işler yaratma olasılığı harika bir motive edicidir, ancak bazen büyük resmi görmemizi engeller! Teknik yönlerin yanı sıra ikincil faktörleri de dikkate almalıyız. Önerilere geçmeden önce bunları kısaca gözden geçirelim!

öğrenilebilirlik

Özellikle hiç deneyiminiz olmayan bir prototip oluşturma aracı seçmek zor bir iştir. Proje için harcanan zamana ek olarak, mobil aracın inceliklerini ve hatalarını ve bir tasarımın yeniden çalışılması sürecini öğrenmek için zaman harcayacaksınız. Bu sizi dalmaktan vazgeçirmemelidir.

Öğrenme ve döndürme
Öğrenmek, zor bir durumda dönmenizi gerektirir. (Resim: wplynn) (Büyük versiyonu görüntüle)

Bir aletin temellerine alışmak altı aydan bir yıla kadar sürebilir. Ustalık, sürekli kullanımla ve iki veya üç yıla kadar sürebilen bazı araçlarla birlikte gelir. Ustalık, araştırma yapmak zorunda kalmadan bir problemin nasıl çözüleceğini hemen bilmeyi gerektirir. Bu tahminler benim kişisel deneyimimden türetilmiştir, ancak sizin kodlama ve prototip oluşturmaya olan aşinalığınıza bağlı olacaktır.

Geliştirmeyle ilgili bir zihniyet benimsemeniz gerekecek: Bölümlere ayırma, mantık yayılımı, olay algılama ve yanıt vermenin alışması zaman alır. Her araç, bu yönleri kullanıcı arayüzü düzeyinde farklı şekilde ele alır ve üstesinden gelmeniz için yeni tasarım metaforları yaratır. Ancak ustalaştığınız her başarılı araçla, aktarılabilir bilgi birikimi oluşturacaksınız!

Maliyet

Kurulabilir ürünler için katmanlı fiyatlandırmaya bakın. Örneğin, Axure'un maliyet ve işlevsellik açısından farklılık gösteren standart ve profesyonel sürümleri vardır. Diğer hususlar, tek bir lisansın desteklediği makine sayısını ve yükseltme sıklığını içerir.

Bulut tabanlı araçlar aylık olarak fiyatlandırılır. Orta ve büyük ölçekli projelerin çoğu için uygun olan altı aylık ve bir yıllık dönemler için maliyeti hesaplayın. Araçlar, proje sayısı, işlevsellik ve hatta izin verilen gözden geçiren sayısı bakımından farklılık gösterecektir. Bu kategoride InVision ve Proto.io'ya göz atın. Justinmind ve Pixate gibi hem bağımsız hem de bulut tabanlı sürümlerde melezler de vardır.

Özgürlüğün gücünü hafife almayın! Bazı bulut hizmetleri , bir ila üç proje için ücretsiz planlar sunar. İndirilebilir araçların genellikle bir aylık deneme sürümleri vardır. Hâlâ okulda olan UX kullanıcıları için şirketler ücretsiz veya indirimli araçlar sağlıyor: Pixate, Google tarafından satın alınmadan önce bir "akademik hesaba" sahipti; Axure'un iyi bir öğrenci programı vardır; ve Proto.io %50 eğitim indirimi sunuyor.

Birden fazla proje için tek bir araç kullanacaksanız, bir abonelik kullanmak yerine aracı satın alarak en iyi yatırım getirisini elde edersiniz. Bireyler ve küçük tasarım atölyeleri için bu en iyi seçenektir. Aboneliklerle, ekibiniz coğrafi olarak yoğun bir şekilde dağıtılmadığı ve gerçek zamanlı işbirliğine dayanmadığı sürece, aracın kullanım ömrü boyunca harcanan toplam para uygun maliyetli olmayabilir. Büyük tasarım ajansları ve şirketleri, bu yaklaşımı benimsemek için finansal esnekliğe sahiptir.

Teknik Destek

Kararınız yalnızca bir aracın işlevselliği ile değil, aynı zamanda sunulan teknik destekle de bilgilendirilecektir. Video eğitimleri, adım adım izlenecek yollar, API kitaplıkları vb. biçimindeki herkese açık belgelere atıfta bulunuyorum. Proto.io, aylık web semineri programıyla mükemmel bir iş çıkarıyor; Axure, ayrıntılı adım adım izlenecek yollara sahiptir; ve Framer bir API web sitesine ve topluluk tarafından oluşturulmuş örneklere sahiptir.

Bir diğer husus, gelişen UX ihtiyaçlarını karşılamak için araçların güncellenme hızıdır. Her üç ayda bir küçük sürümlere ve altı ila on iki ayda bir büyük sürümlere sahip prototipleme araçları, tasarım eğrisinin önünde kalabilir. Örneğin, Framer, hata düzeltmeleri ve yeni işlevler için birçok küçük güncellemeye sahipken, Axure tipik olarak her on iki ayda bir, arada artan güncellemelerle birlikte büyük sürümlere sahiptir.

Üçüncü Taraf Kaynakları

Mobil prototip oluşturma aracı satıcıları, topluluk oluşturmaya odaklanır. Tasarımcılar genellikle aynı problemlerle uğraşırlar; bu nedenle, bilgi paylaşımı oldukça önemlidir. Axure, Proto.io ve Justinmind dahil olmak üzere birçok araç, kullanıcıların kendi prototiplerine ve bilgilerine katkıda bulunabilecekleri çevrimiçi forumlarla birlikte gelir. Framer dahil diğer satıcılar, Facebook Grupları gibi alternatif çözümler kullanır.

Kaynaklar
Üçüncü taraf kaynakları, prototip oluşturma zorluklarını çözmenize yardımcı olabilir. (Resim: r. nial bradshaw) (Büyük versiyonu görüntüle)

Seçiminiz ayrıca bir aracın UX topluluğu tarafından kabulüne dayalı olmalıdır. Yayınların ve profesyonel etkinliklerin sayısı tasarımcı ilgisinin iyi bir göstergesidir. Daha yaygın olarak benimsenen araçlar için, tasarım varlıklarını satmak için sertifika kursları ve pazarlar göreceksiniz. Örneğin, Axure için kitaplar, makaleler ve yıllık bir web semineri varken, Framer'ın birden fazla şehirde profesyonel atölye çalışmaları ve kullanıcı katkılı GitHub depoları vardır.

Özet

Bu makalede, hem teknik faktörleri hem de daha stratejik seçim kriterlerini kapsayan, UX için bir mobil prototip oluşturma aracı seçmeye yönelik pratik değerlendirmeleri sunduk. Doğru ya da yanlış karar olmadığını unutmayın - tasarımcıların farklı çalışma tarzları, uzmanlıkları ve ihtiyaçları vardır!

Seçiminizi daha da bilinçli hale getirmek için güçlü yönlerinizi belirleyin. kodlama biliyormusun Mükemmel bir görsel iletişimci misiniz? Kaç gereksinim belirlediniz? Bu soruları yanıtlamak ve proje hakkında bilgi toplamak doğru aracı belirlemenize yardımcı olacaktır.

Öneriler

Kimse tek numara bir midilli olmak istemez. Bu nedenle, mobil prototip oluşturma araç setinizde aşağıdaki kategorilerden en az birine sahip olmanızı öneririz:

  • Çeşitli mobil sorunların üstesinden gelmek için tam platform: Axure, Justinmind
  • Etkileşim ve animasyonu kontrol etmek için kod tabanlı araç: Framer, jQuery Mobile
  • İşbirliği ve dağıtılmış çalışma için bulut tabanlı araç: Flinto, Proto.io, Pixate
  • Hızlı konsept maketleri için cihaz üzerinde prototip oluşturma aracı: Blueprint, AppCooker, Fluid UI

Kendi disiplininizde en iyisi olmaya çalışın; yeni etkileşim araçlarını merak edin (Principle, InVision Motion ve Adobe Experience Design CC gibi); ve iş ortaklarınız ve son kullanıcılarınız için harika deneyimleri prototiplemeye devam edin. Mobil cihazlar için prototip oluşturma araçlarını seçme konusundaki deneyiminizi duymak için sabırsızlanıyorum!

Kaynaklar

Araçların Üst Düzey Karşılaştırmaları

  • “Tasarımcının Araç Takımı: Prototipleme Araçları,” Emily Schwartzman, Cooper
  • “UX Araçları,” Fabricio Teixeira ve Caio Braga, UXdesign.cc
  • "UX/UI Prototipleme Araçları Listesi," Michael McDearmon
  • Prototipleme Araçları, Javier-Simon Cuello

Avantaj ve Dezavantajlara Daha Derin Bir Bakış

  • Stephen Meszaros “Günümüzün En Popüler Prototipleme Araçlarından ve Uygulamalarından Bazılarının Artılarını ve Eksilerini Parçalamak”
  • Dave Crow "Her Tasarımcının Düşünmesi Gereken 9 Mobil Prototipleme Aracını Karşılaştırmak"
  • “Popüler Katman Tabanlı ve Kod Tabanlı Prototipleme Araçlarını Karşılaştırma,” Bona Kim, UX Magazine
  • “Dört Popüler, Sayfa Tabanlı, Etkileşimli Prototip Oluşturma Aracının Karşılaştırılması,” Bona Kim, UX Magazine