Prototipleme, bir kavram olarak, İnternet'ten önce bu yana olmuştur. Tipik olarak, yeni bir fiziksel ürün geliştiren insanlar önce bu şeyi inşa eder ve amaçlandığı gibi çalıştığından emin olurlar. İlk versiyon, belki de patentli olabilir ve potansiyel yatırımcılara gösterilecektir. Eğer mucit kendi üretim araçlarına erişebilseydi (örneğin, eğer var olan bir şirkette çalışmışlarsa), üretime hazır bir modele sahip olana kadar, hemen devam ederler ve hataları giderirlerdi.
Eski demo diskleri hatırlıyor musun? Bildiğiniz gibi, sınırlı işlevsellikli programlarla ya da oyunda ilk seviye ya da iki ile gelenler? Prototipler bu demolara çok benziyor, sadece daha basit.
Kavramın amaçlandığı gibi çalışacağından emin olmak için bir web sitesi veya uygulamanın prototipini oluşturuyorsunuz
Amaçları, potansiyel müşterilerden daha iyi bir ürün elde etmenize yardımcı olacak bir ürün satın almak için çok fazla bir şey değildir. Kavramın amaçlandığı gibi çalışacağından emin olmak için bir web sitesi veya uygulamanın prototipini hazırlıyorsunuz. Ayrıca, müşterilerinizi veya potansiyel yatırımcılarınızı nasıl çalışması gerektiğini göstermek için de kullanabilirsiniz.
Son zamanlarda, web için ve mobil uygulamalar için prototip oluşturmaya yönelik pek çok uygulama görüyoruz. Artık, Adobe Experience Designer, bir web-ve-mobile-spesifik “tasarım uygulamasının” işlevselliğini bir prototipleme uygulamasınınkiyle birleştirerek piyasaya sürüldü. Adobe'nin itibarı ve profesyonel sektördeki pazar payları göz önünde bulundurulduğunda, geçmişte çok fazla prototip yapmayan birçok insanın bu adımı atması gerekçesiyle duruyor.
Yani, diğer nihai rehberlerin çoğu gibi, bu yeni başlayanlar içindir. Tasarım endüstrisinde önceki deneyimleri (veya bunların eksikliği) ne olursa olsun, düzenli olarak prototipler inşa etmeye başlayan insanlar içindir.
Bu kılavuzda, her şeyden önce temel ilkeleri ele almaya çalıştık. Bundan sonra, daha fazla bilgi içeren rehberlere ve elbette, üzerinde çalışabileceğiniz çok sayıda uzun uygulama ve araç listesi vardır.
Şimdi, ve bir süredir etrafta bulunan tasarımcı, muhtemelen bazı görüntü düzenleyicilerinde wireframes ile çalışmış ve / veya tasarımlanmış maketlerle çalışmıştır. Bunlar prototip değil mi?
Hayır! Her zaman değil, her neyse.
Wireframes ve static mockups ile ilgili problem şu ki… iyi… statik. Bir şeyin işlevselliği hakkında basitçe iletemedikleri pek çok bilgi var. Bu, müşterinin, hatta geliştiricilerin zihninde, işin nasıl yapılacağıyla ilgili yanlış fikirlere yol açabilir. Bu nedenle, prototipler genellikle bir şekilde etkileşimlidir.
En yaygın istisnalar, kavramsal prototipler ve son derece iyi belgelenmiş statik prototiplerdir. Farkı yaratan şey etkileşimin kendisi değil, bir ürünün amaçlanan işlevselliği hakkında bilgi aktarımıdır.
Bu, tel kafesler ve örnekler genellikle prototip yapımında kullanıldığından, kimse onları terk etmiyor.
Ne zaman bir şeyin nasıl çalıştığını göstermen gerekiyor. Bu kadar.
Açık olan örnek, bir web veya mobil uygulama. Uygulamalar, bir modelden kolayca görülemeyecek veya çıkarılmayacak bir düzeyde işlevselliğe sahip olma eğilimindedir. Bununla birlikte, oldukça statik, içerik odaklı web siteleri bile bir prototip gerektirebilir.
Bir şey için, müşterilerim basit bir iş yeri için maketlere bakmış ve “Tamam” diye soruyorlar, öyleyse eğer üstteki, 'Hakkımızda', 'Hizmetler' ve diğer şeylere götüren şeyler üzerine tıklarlarsa sayfalar? ”veya“ İletişim formunu gönderdikten sonra bir e-posta alırım? ”
Hatta basit… görevler çoğu zaman belirsizliğe kapılır… prototipler tahminlerin bazılarını ortaya çıkarmaya yardımcı olabilir
Basit göz atma görevleri, bazı kullanıcılar ve potansiyel müşteriler için belirsizlikler ile doludur, bu nedenle prototipler, imzalama işleminden bazı tahminleri gerçekleştirmeye yardımcı olabilir.
Ek olarak, kullanıcı testinde her zaman yararlı olurlar. Sonuçta, kullanıcı testini yapacaksanız, projenin erken bir önizlemesi ile başlamak en iyisidir. İstediğiniz en son şey, işin çoğu yapıldıktan sonra büyük değişiklikler yapmak zorunda kalmak.
Prototiplemeye başlamadan önce ne tür kullanmak istediğinizi belirlemek istersiniz. Herhangi bir projede her zaman birden fazla tür kullanabilirsiniz; Çoğu tasarımcı bir noktada yapar.
Seçtiğiniz bir tür prototipin sizin, müşteriniz, projeniz ve hatta projenin içinde bulunduğunuz belirli bir sahne için doğru olması gerekir. Şimdi, bu karmaşık gelebilir, ama gerçekten o kadar da kötü değil.
Bunların her biri tasarım aşamasında farklı aşamalarda kullanılmak üzere tasarlanmıştır. Gerisi sizin tercihinize bağlıdır ve müşteriniz soyut görselleri anlamada ne kadar iyi.
Modern tasarım süreçleriyle daha az tecrübeli olan müşteriler daha fazla “cilalı” görünen bir şey görmeyi bekleyebilirler, böylece size logoyu daha büyük yapmaları, bu çizgiyi sola doğru hareket ettirmeleri ve sitelerinin Latin’de olmayacağını söyleyebilirler. , lütfen biraz İngilizce koyabilir misin lütfen?
Bununla ilgili bir sorununuz varsa, daha ayrıntılı prototipler ve bir sürü kahve en iyi seçiminizdir. Değilse, o zaman biraz daha belirsiz bir şey kullanabilir ve amaçlanan işlevselliği alay etmeye odaklanabilirsiniz.
Bunlar genellikle bitmiş ürüne herhangi bir şekilde şekil veya şekil olarak bakmazlar. Kavramsal prototiplerle, arayüzün detayları ve düzeni önemli değil. Üzerinde çalıştığınız tek şey etkileşim ve süreçlerdir.
Herhangi bir prototipin amacı, bir şeyin nasıl çalıştığını veya çalışacağını göstermektir. Bu anlamda, bu en saf haliyle prototip oluşturuyor. Tam anlamıyla işle ilgili, ve form bile buna dahil değil.
Bu aşamada hemen her şeye benzeyebilirler. Bir akış şeması, post-it notları, bir PowerPoint sunumu, ham simgeye dayalı çizimlerle süreci açıklayan bir video veya kameraya konuşan ve kollarınızı çılgınca sallayan bir kayıt kullanabilirsiniz. Bu noktayı aşan her şey yapacaktır.
Kavramsal prototipler genellikle herhangi bir projenin en erken aşamasında kullanılır. Projenizin bir ismi bile olmayabilir. Bir uygulama ya da web sitesi için sadece bir fikir, ve şöyle şeyler söyleyeceksin: “Evet, bence böyle bir iş olmalı…”
Düşük çözünürlüklü prototipler, düzen ve ekran boyutu ve diğer daha somut endişeler gibi öğeleri dahil etmeye başladığınız yerdir. Bunlar genellikle hızlı yapılır ve daha hızlı atılır.
Siz ve / veya müşteriniz temel bilgilerden memnun olana kadar fikirlerinizi yinelemenin en hızlı yolunu sağlamayı amaçlar. Yani bağlanma. Bunların çoğu uzun sürmeyecek ve bu iyi bir şey.
Daha önce belirtildiği gibi, “düşük sadakat prototipleri” terimi genellikle “wireframes” ile değiştirilebilir. Gerçekten de, bu aşama genellikle kağıt üzerinde gerçekleşir.
Bir uygulamada bittiğinde, diğer ekranlara, ek açıklamalara vb. Bağlantı kurma gibi temel prototipleme işlevlerine sahip olanı kullanmanız önerilir. Wireframing uygulamaları, İnternet üzerinden daha kolay bir işbirliğini sağlama avantajına sahiptir, ancak bunlar genellikle daha yavaştır. kullanın.
Bunlar aynı zamanda bir projenin başlangıcında da kullanılır, ancak büyük olasılıkla bir iş modeli ve şimdi bir isim için bir fikrin var. Kafanızın etrafında yüzen sayısız fikirleri sıraya koyma ve işe yarayacak bir şeyiniz olana kadar yineleme zamanı.
Bazen düşük sadakatli bir prototip, bu noktayı yeterince iyi karşılayamaz ve yüksek sadakat, bu an için çok fazla çalışmadır. Belki de stil rehberini tamamen rafine edemezsiniz, ya da grafik varlıklarınızın tümü henüz yapılmamıştır.
Her durumda, bu tasarım aşamasının başlangıcında kullanabileceğiniz prototip türüdür. Genellikle simüle edilmiş etkileşimi yoğun bir şekilde kullanan prototipleme uygulamaları ile yapılırlar. Genellikle bir CSS çerçevesinin yardımıyla HTML ve CSS ile oluşturulabilirler.
Yup, Bootstrap ve Foundation, şu anda orada en büyük prototipleme araçlarından iki tanesidir.
Bunlara sahipseniz markalı görüntüler kullanmalısınız, ancak stok görüntüleri yapılacaktır. Stok UI elemanları genellikle simüle edilmiş arayüzü daha hızlı bir şekilde oluşturmak için kullanılır. Birçok prototipleme uygulaması, işinizi daha hızlı hale getirmek için bu öğelerin kitaplıklarıyla birlikte gelir.
Bu tür prototipler, nasıl görüneceğine ve çalışacağına dair yakın bir yaklaşımı görmeye ihtiyaç duyan daha edebi düşünürler için harikadır. “Henüz bitmedi” başlıklı bir başlığı görmezden gelmeleri, bildiği gibi bir web sitesi üstbilgisi gibi görünmeyen kabataslak görünümlü bir şekilden daha kolaydır.
Bu müşteriler için fikirlerinizi hızlı bir şekilde yönlendirmek isteyebilirsiniz ve bunları müşteriye asla göstermeyebilirsiniz. Daha sonra, nereye gittiğinizi görmelerini kolaylaştıran orta dereceli bir prototip yapın.
Şey, biz buradayız. Ve projen de öyle. Her ekran için örnekler var ve her şey harika görünüyor. İnsanların bunun nasıl işe yaradığını gösterme zamanı, birileri sonunda arka uç koduyla bütünleştiğinde bütün ihtişamıyla.
Yüksek doğruluklu prototipler genellikle müşteriden tasarım üzerinde bir son imzalama için kullanılır. Ama onlara sadece PSD'leri yollayamazsın. Bu şey etkileşimli olmalı.
Bu tipik olarak iki yoldan biriyle gerçekleştirilir. Bazıları, sonlandırılmış görselleri yarı etkileşimli bir şekilde bir araya getirmek için statik HTML ve CSS kullanır. Diğerleri, görüntülerin veya ham PSD dosyalarının içe aktarıldığı uygulamaları kullanır ve uygulamanın son işlevlerini taklit etmek için sözde etkileşimli özellikler ekler.
Uygulamaya bağlı olarak, bu prototipleri web'de (veya bir uygulama üzerinde çalışıyorsanız mobil cihazda) bile demonte edebilirsiniz.
Artık yapabileceğiniz ana prototip çeşitlerini aştığımıza göre, bunları yapmak için kullanılan araçları kapsamma zamanı geldi. Bunların çoğunu bir önceki bölümde ve temel kullanımlarından bahsetmiştim; ama biraz daha ayrıntıya girmek istiyorum.
Yine, seçtiğiniz yöntem hem siz hem de müşterinin ne kadar rahat olduğuna bağlı olmalıdır.
Bunlar genellikle herhangi bir somut çalışma yapılmadan önce bir fikir satmak için yapılır. Böylece, genellikle potansiyel yatırımcılara yönlendirilirler. Müşteriler için de kullanılabilirler; ancak genellikle bir müşteri ile iletişim kurmanın daha etkili yolları vardır. Yolculuğunuz değişebilir.
Satış sahaları için yapılan video ve sunum tabanlı prototipler genellikle ticari bir formülü izler:
Bu prototiplerin bazıları sadece simgeleri, metni ve çizimleri kullanır. Diğerleri animasyon var; ve hala başkaları bu noktaya ulaşmak için canlı eylemi kullanıyor. Ve bu, iyi… konu. Fikrinizi sattığınız sürece, doğru yaptınız.
İşte harika bir örnek Bu, kağıt prototipleme ile video prototipini karıştırır.
Wireframes kağıt üzerinde veya uygulamalarda yapılabilir. Neredeyse her zaman düşük sadakatli prototipler olarak kabul edilirler, ancak eğer onlara yeterince zaman ayırırsanız orta sadakat seviyesine yükseltilebilirler. Yine de nadiren çabaya değer.
Genellikle, tel çerçeveler hızla çizilip atılacak şekilde tasarlanmıştır. Bu onları kağıt üzerine çekmeyi çok çekici kılan şeylerden biri. Uygulamalar çok daha hassas olabilir ve mevcut tel kafesleri kolayca düzenleyebilirsiniz; ama hiçbir şey, hiç kimsenin görmemesi gereken bir çizimin hızını vurmaz.
Bununla birlikte, daha önce bahsedildiği gibi, uygulama tabanlı tel kafesler, bir arayüzün işlevselliğini daha kolay taklit etme avantajına sahiptir. Bir kağıt tel çerçevesine dokunmak, sadece thunk-thunk-thunk sesini çıkarır.
Bu eğlenceli olabilir, ama anlamını taşımayabilir.
Her ikisini de kullanmayı tercih edebilirsiniz: en temel kavramları kırpmak için bir kağıt ve bir uygulama ortaya çıkarmak ve kolayca paylaşmak için bir uygulama.
Bunlar tel kafeslerden farklıdır, çünkü çizimlerden çok daha fazlasıdır. Bu tür bir prototipte, kağıt, arayüzün fiziksel olarak daha düz bir modelini yapmak için kullanılır. Yukarıdaki videoda bunlardan birini görebilirsiniz.
Arayüz elemanları genellikle çizilir, kesilir, bazen ekstralar yapmak için kopyalanır ve sonra başka bir kağıda monte edilir. Bu onlara esneklik avantajı sağlar. Tel kafesli bir kağıdın tamamını nereye atabileceğinizden, tatmin olana kadar bir kağıt modelinin elemanlarını yeniden düzenleyebilirsiniz. Bazı şeyleri yeniden düzenledikten sonra yanlış boyutta bir öğe var mı? Sadece yeni bir sürümü kes.
Ayrıca bir tel çerçevesinden biraz daha “gerçek” hissetme eğilimindedirler. İlginç bir şey olmamasına rağmen, bir müşteri bir kağıt modele dokunabilir. Bunu hissedebilirler. Bu dokunsal duyum bazen bir müşteriye daha önce onları gösterebileceğin her şeyden daha fazlasını açıklayabilir.
Herhangi bir nesnenin daha iyi anlaşılmasını sağlamak için herkesin fiziksel iletişime ihtiyacı vardır. UX tasarımının yarısı, dijital bir arayüzle fiziksel etkileşim hissini yeniden yaratmaktır.
Bu kağıt prototipleri ile çok ortak noktaları var. Invision gibi bir uygulama ile yapılan prototipler veya buradaki diğer seçeneklerden biri (aşağıdaki listeye bakınız), genellikle önceden tasarlanmış arayüz elemanlarından yapılır ve daha sonra nihai ürünü taklit etmek için birleştirilir.
Fark, elbette, her şeyin ekranda yapıldığıdır. Oh, ve son grafik ve markalama ile yapabilirsin, prototipin bitmiş ürüne benzemesini sağla. Daha önce de belirttiğim gibi, bazı uygulamalar ürünü tarayıcıda ve mobil cihazlarda gösterebilir.
Bu dokunsal hissi tekrar oyuna getiriyor ve bunu istiyorsun. Müşterilerinize bu hissi verirseniz ve beğenirseniz, temel olarak son onaylarını aldınız.
Elbette, etkileşim istediğiniz şey ise, kod ile arayüz prototipleri oluşturmak, onu elde etmenin iyi bir yoludur. Şimdi, çeşitli nedenlerden dolayı kod tabanlı prototipler seçebilirsiniz:
Tarayıcıda prototipleme biraz daha yavaş olabilir, özellikle de büyük değişiklikler yapılmakta ise. Bir projenin ilk aşamaları için tavsiye etmem, bu yüzden orta-yüksek sadakat prototipleri için en iyisi.
Yine de, HTML ve CSS ile çalışmaktan hoşlanıyorsanız, neredeyse bitmiş bir projeyi göstermenin en iyi yollarından biridir.
Çerçevelerle prototipleme
Prototipler oluşturmak için bir çerçeve kullanmak kod tabanlı prototiplemeyi önemli ölçüde hızlandırabilir. Bonus olarak, son ürün için kullanılması amaçlanan çerçeveyi kullanırsanız, genel olarak daha az kodlama yapılır.
Bir yan not olarak, bazı insanlar, daha popüler çerçevelere dayanan sürükle 'web sayfası editörleri oluşturdu. çizme atkısı ve vakıf . Bunları kullanarak, bir zamanlar düşük kaliteli prototiplerden kodlu son ürüne kadar her şeyi yaratabilirsiniz.
Ancak, bazı insanlar sadece prototipleri hızlı bir şekilde oluşturmak için kullanırlar ve daha sonra nihai proje için özel kod kullanırlar. Her iki şekilde çalışır.
Artık tüm temelleri ele aldığımıza göre, ayrıntılara girmenin zamanı geldi. Tasarımdaki ve hayattaki neredeyse her şeyde olduğu gibi, bir prototip inşa etmek için doğru bir yol yoktur. Sadece senin için çalışmanın yolu var. Bununla birlikte, başarılı tasarım süreçlerinin ortak yanları biraz var.
İşte size, sadece başlamanız için farklı yöntemler ve sadakatlere odaklanan bir prototip oluşturmanın birkaç farklı rehberi. Onlardan neyin işe yaradığını al, neyin yapmadığını görmezden gel.
(Uygulamaya özel dersler dahil etmeyeceğiz çünkü sadece çok fazla var.)
Bu kılavuz Smashing Magazine'den prototipleri hızlı bir şekilde oluşturmak ve sık sık yinelemek için bir metodoloji üzerinde duruluyor.
Bu bir daha kişisel makale prototipleme yaklaşımını özetleyen Treehouse blogunda Nick Pettit tarafından.
İşte bir üçüncü makale hızlı prototipleme. Popüler görünüyor. Bu, Webdesigner Depot'ta burada, ve süreçte yer alan bazı ipuçlarını ve tuzakları özetliyor.
Smashing Magazine'in bir başka makalesi Bu, düşük sadakatli prototipleme hakkında daha fazla ayrıntıya giriyor.
Bu derinlemesine ve açıkçası büyüleyici makale Newfangled ajansı süreçlerini derinlemesine açıklar. Tarayıcı tabanlı greyscreen prototipleme etrafında döner ve bunu denemek için ikna edici bir dava yaparlar.
WDD'de bir tane daha var Bu makale, prototipinizin bir noktaya sahip olduğundan emin olmakla ilgilidir. Son projeyi tamamladıktan sonra kullanılabilirlik testini yaparsanız, muhtemelen yanlış yapıyor olursunuz.
Almak için bazı kişisel bilgilerinizi (veya sadece yalan) vermelisiniz. bu e-kitap ama hey, para istemiyorlar! Google, Apple, Zurb ve daha fazlası gibi büyük şirketlerin popüler prototipleme yöntemleri, uygulama tabanlı eğitimleri ve en iyi uygulamaları hakkında daha fazla bilgi içerir.
Şimdi, bir prototip uygulaması olan UXPin arkasındaki kişiler tarafından yapılır, bu yüzden hangi uygulamayı kullanmanız gerektiği konusunda biraz önyargılı olabilirler. Yine de, pek çok iyi bilgi var.
Tamam, teoriye sahipsin. Prototiplerin yapımında çatlama zamanı. Kağıt modellerine veya kodlara uymayacağınızı varsayarak, bir noktada bir uygulama kullanacaksınız.
İyi haber: seçim yapabileceğiniz pek çok harika uygulama var. Kötü haber: seçim yapabileceğiniz pek çok harika uygulama var.
Bir kez daha, hepiniz çalışma şeklinize gelecektir. Mobil uygulamaları demolama yeteneğine ihtiyacınız var mı? Dosyalarınızı Google Drive, Dropbox veya başka bir hizmetle senkronize etmeniz gerekiyor mu? Github entegrasyonu nasıl olur? Düşük-orta, orta veya yüksek-fi? Gelişmiş komut dosyası mı?
Aşağıda listelenen uygulamalar, bu seçeneklerin bazılarını veya tümünü içerecektir. Nereye bakacağınıza dair bir fikir vermek için her biri için en alakalı özellikleri listeler.
Bunların çoğunun öncelikle tel çerçeveleme araçları olarak bilindiğine dikkat edilmelidir. Wireframing yazılımının etkileşimli prototipler için gerekli olan özellikleri entegre etmesi yaygındır. Bu uygulamalarla yaptığınız mesafe değişebilir.
Bu Şu anda piyasadaki en yeni teklif ve biraz doymuş bir pazar için ciddi bir rekabet sunmak için hazırlanıyor. Sadece bir tel çerçeveleme veya prototipleme uygulaması değil; Bu bir tasarım uygulaması. Gibi kroki ya da şimdi ölü Havai fişek Ancak, tasarladığınız her şeyden prototipler yapmanıza izin vererek işleri bir adım daha ileriye taşıyor.
Şu anda sadece Mac, ve önizleme aşamasında, ama bir Windows sürümü yılın sonundan önce.
Ön sürüm sürümü ücretsizdir, son sürüm gönderildikten sonra Adobe'nin Creative Cloud abonelik planının bir parçası olacaktır.
Microsoft Powerpoint , Apple Keynote , LibreOffice Impress , ve Google Slaytlar hepsi prototip yapmak için kullanılabilir. Çoğunlukla, bu prototipler kavramsal çeşitlilikte olurdu. Yine de, sadece slaytları birbirine bağlayarak belirli bir miktarda etkileşimi taklit edebilirsiniz.
İçerik odaklı siteleri prototiplemek için de işe yarayabilir ve şimdiden bu programlardan en az birini kullandığınız olasılığı vardır. Değilse, Impress ve Slaytlar ücretsizdir.
Invision daha yüksek sadakatli prototipleme ile “büyük isimlerin” bir diğeridir. Sürüm kontrolünü vurgular ve gerçek zamanlı işbirliği ve geri bildirim özellikleriyle övünür. Marvel uygulaması gibi, animasyon, prototip yerleştirme, cihaz içi demoları ve daha fazlasını içerir.
Buna ek olarak, kısa bir süre önce prototipleme işlevini Sketch ile bütünleştiren bir araç olan Silver Flows'u satın aldılar. Sketch'i çevrimiçi yazılımlarıyla entegre etmek için kullanmayı düşünüyorlar.
Ücretsiz bir plan var, ancak sadece tek bir prototip yapabilirsiniz. Bundan sonra ayda 15USD $ 'dan başlayabilirsiniz.
Justinmind kasıtlı olarak yüksek sadakatli uygulama prototipleri oluşturmaya yönelik olarak görünüyor. Site ayrıca, duyarlı web sitelerini prototiplemeden söz ediyor. Ayrıca uygulama içi demolar var.
Ücretlendirme, yıllık ödeme yaparsanız, kullanıcı başına aylık olarak 19USD $ 'dan başlar.
Marvel Uygulaması ücretsiz bir plan ve tüm yükseltmeler için ılımlı fiyatlandırma ile büyük bir uygulama (prototiplemede “büyük isimlerden biri”). Göze çarpan özellikler şunlardır: Photoshop ve Sketch desteği, Drive ve Dropbox ile senkronizasyon, web sayfalarına prototipler ekleme) ve prototiplerinizi animasyonlu sunumlara dönüştüren özellikler.
Bu kesinlikle yüksek kaliteli prototipler hakkında.
Axure düşük-fi ve yüksek-fi prototipleme özellikleri ile bir tuhaflık biraz. daha da tuhaf, çünkü tek seferlik bir fiyatla bir masaüstü uygulaması. Kuruluşunuzdaki kullanıcılar ve büyük ekipler için tasarlanmış olup, kendi belgelerinizi, proje yönetiminizi ve daha fazlasını yazmanızı sağlayan özelliklere sahiptir.
Standart sürümler lisans başına 289USD $ gelir.
HotGloo tüm düşük-orta-sadakat tel çerçeveleri ve prototipler hakkında. Öncelikle bir wireframing uygulaması olarak başladı, ancak daha gelişmiş prototiplerin işlevselliği var.
Diğer uygulamaların prototipleme uygulamalarına odaklandığı yer olan HotGloo, web tasarımcılarıyla başladı. Yani, gerçekten yapabilirsin.
Planlar ayda 14USD $ 'dan başlar ve bu plan, en fazla 10 kişinin ortak çalışmasını içerebilir.
Annnnnnd, yüksek sadakat prototipine geri döndük Proto.io . Tümleşik karmaşık etkileşimler, animasyon, dışa aktarma, yazdırma, yerleştirme ve cihaz gösterimleri var. Fiyatlar ayda 24USD $ 'dan başlıyor, ancak bir girdap vermek istiyorsanız 15 günlük ücretsiz deneme var.
sağlamlaştırmak Vakıf çerçevesini yapan aynı şirket olan Zurb tarafından bize getirilmiştir. Eskizlerden yüksek kaliteli prototiplere ve maketlere kadar her şeyi işlemek (ve geri bildirim almak) için tasarlanmıştır.
Animasyon ve diğer sunum araçlarına odaklanmak yerine, Solidify kullanıcı test özelliklerinin çokluğunu sunuyor. Testleri şahsen veya uzaktan çalıştırabilir ve sonuçları ekibinizle paylaşabilirsiniz.
POP tel çerçeve çizimleri ve dijital prototiplerin bir melezini oluşturmanıza yardımcı olarak kendini diğer uygulamalardan ayırt eder. Eskizlerinizi bir iPhone, Android telefon veya Windows telefon ile çekerek ve bu eskizleri interaktif bir prototipe dönüştürerek başlarsınız.
Çalışmalarınızın çoğunu kağıt üzerinde yaparsanız, sonuçları paylaşmanın harika bir yolu olabilir. Servis iki proje için ücretsizdir ve daha sonra planlar ayda 10USD $ 'dan başlamaktadır.
Flairbuilder projeler için çevrimiçi bir görüntüleyici olmasına rağmen başka bir masaüstü uygulamasıdır. Orta sadakatli tel kafeslere ve prototiplere yönelik görünüyor. Etkileşimi eklemenizi sağlayan özellikler var, cihaz içi demoları yapabilir ve ızgara tabanlı tasarıma özel bir vurgu yapar.
Tek seferlik bir ücretle 99USD tutarındadır. Bu dik, elbette, ama Axure'den çok daha ucuz.
Flinto aslında iki versiyonu var: bir Mac uygulaması ve bir web tabanlı Lite sürümü var. Fark? Mac sürümü, tabloya daha karmaşık animasyonlar, özellikler ve etkileşimler getiriyor. Ayrıca, varlıklarınızın web sürümünün yapamayacağı Sketch'den içe aktarmanıza da olanak tanır.
Tek seferlik bir satın alma işlemi için $ 99USD tutarındadır. İlginç bir şekilde, Lite sürümü (ayda 20USD maliyeti), her iki dünyanın en iyisini sunan masaüstü sürümü için bir lisans içerir.
UXPin Beklediğimiz tüm özelliklerle orta-yüksek sadakatli bir prototipleme uygulamasıdır. Diğerleri gibi, gerçek zamanlı işbirliği, yerleşik kullanılabilirlik testi özellikleri ve proje yönetimi de var.
Diğer uygulamaların aksine, UXPin tek durak tasarım mağazası olmayı hedeflemektedir. İçeride olduğu gibi Photoshop, Eskiz ya da neyin var olduğunu atlayabilir ve tel çerçevelerinizi mockup'lara dönüştürebilirsiniz. Bu en az söylemek için iddialı, ama söz verilen gibi çalışırsa, birçok tasarımcı için yararlı olduğunu görebiliyorum.
Fiyatlandırma, kullanıcı başına ayda 19UD $ 'dan başlar.