Uygulamanız İçin En İyi Tel Çerçeveleme Araçları
Yayınlanan: 2018-03-23Uygulamanızın veya web sitenizin oluşturulmasını daha az göz korkutucu hale getirmeye yardımcı olabilecek bir tel çerçeve oluşturma araçları listesi hazırladık . Harika bir prototip aracı arıyorsanız, bunlar için de bazı öneriler ekledik.
Yeni bir uygulama veya web sitesi oluşturmak, pek çoğunun hayatında başaramayacağı saygın bir başarıdır. Bu, yapmaktan vazgeçmeniz gerektiği anlamına gelmez, bunun yerine, kafaya dalmadan önce her şeyi araştırmanız ve anlamanız gerektiği anlamına gelir. Birçok acemi tel kafes, prototip ve maketler arasındaki farkı anlamakta zorlanır, bu nedenle bu gönderi her birini anlamanıza yardımcı olmak için burada.
İNDEKS
TEL ÇERÇEVE NEDİR?
2018'İN EN İYİ KABLOSUZ ÇERÇEVE ARAÇLARI
PROTOTİP NEDİR?
2018'İN EN İYİ PROTOTİP ARAÇLARI
ÜRÜNÜNÜZÜN MODELLERİNİ OLUŞTURUN
TEL ÇERÇEVE NEDİR?
Yeni bir uygulama veya web sitesi için dahiyane bir fikriniz var, ancak bunu gerçek bir ürüne dönüştürmeye nasıl başlarsınız? Bir tel kafes ile! Bu, planlama sürecindeki ilk adımdır, bu yüzden atlamamanız önemlidir.
Tel Kafes Temelleri
Herhangi bir önemli tasarım kararı vermeden önce, uygulamanız veya web siteniz öncelikle mantıklı bir işlevsel düzene ihtiyaç duyacaktır. Tel çerçevenin devreye girdiği yer burasıdır. Çoğu insan, uygulamalarının veya web sitelerinin nasıl görünmesini istediklerinin elle çizilmiş bir taslağını yaparak işe başlar. Bir sonraki adım, bu taslağı daha organize ve profesyonel görünen bir dijital düzen veya taslak haline getirmektir.
Tel çerçevenizin, herhangi bir tasarım öğesi veya gerçek içerik eklemeden sayfanın temel yapısını iletmesi gerekecektir.
Herhangi bir şeyi süslemeye başlamadan önce tel kafes üzerinde çalışmak, daha sonra uğraşmak zahmetli olacak kullanılabilirlik hatalarını yakalamanıza izin verecektir. Bu aşamada, özellikle hedef kitleniz için dahil edilen öğelerin anlamlı ve işlevsel olmasını sağlamak daha önemlidir. Yatırımcıların dikkatini çekmeye çalışıyorsanız, bir tel kafes, ürününüzü daha kolay anlamalarına da yardımcı olacaktır. Aslında, en azından bir tel kafesin hazır olmaması, yatırımcıların ilgisini çok çabuk kaybetmesine neden olabilir. Bir tel çerçeveye dahil edilen öğeler, başlıklar, düğmeler, metin kutuları ve görüntü kutuları için kutular olma eğilimindedir.
Tel Kafes ve Mockup
Bir tel kafes ile maketi karıştırmak kolaydır çünkü çok benzer öğeler içerirler. Ancak geliştiricilerden, tasarımcılardan ve yatırımcılardan oluşan bir ekiple çalışırken, onları neyin farklı kıldığını anlamanız gerekir.
Başlamak için , uygulamanızın içeriğini ve özelliklerini düzenlemek için bir tel kafes kullanılır , ancak çok barebone bir şekilde. Bunu, uygulamanıza nelerin dahil edileceğinin temel yapısını gösteren bir taslak olarak düşünün. Renk, simgeler, resimler, yazı tipleri ve fotoğraflar gibi diğer öğeleri eklemeye başladığınızda, bir makete dönüşmeye başlayacaktır.
Bir model, geliştirme aşamasındaki uygulamanızın veya web sitenizin orta düzeyde aslına uygun bir temsilini sağlar. Uygulamanızın nasıl şekillendirildiğinin çok daha gerçekçi bir temsilidir. Süreçteki bu adımı, barebone tel kafesinize biraz madde eklemek veya ona biraz daha hayat vermek olarak düşünün.
EN İYİ KABLOSUZ ÇERÇEVE ARAÇLARI
BALSAMIK
MOCKPLUS
MOQUP'LAR
TEL ÇERÇEVE.CC
MOCKFLOW
BALSAMIK
Web tabanlı olduğu için tüm işletim sistemleri için kullanılabilir.
Temel özellikler: Balsamiq, kullanıcıların masaüstü uygulamaları, mobil uygulamalar, web siteleri, iletişim pencereleri, web uygulamaları, tablet uygulamaları ve daha fazlası için tel çerçeveler oluşturmasına olanak tanıyan, şiddetle tavsiye edilen bir tel çerçeveleme aracıdır. Balsamiq ile tel kafes oluşturmak, beyaz tahta üzerinde çizim yapmaya benzer ve program aynı zamanda UI öğelerini sürükleyip bırakmanıza, ekibinizden eskizler hakkında geri bildirim almanıza, tasarımları gözden geçirmenize ve çalışmanızı gerçek zamanlı olarak iyileştirmenize olanak tanır.
Fiyatlandırma: Bu aracın fiyatı, bir dizi duruma bağlı olarak değişecektir. 30 günlük ücretsiz deneme ile başlayabilirsiniz, ancak bundan sonra seçtiğiniz platforma bağlı olarak aylık veya yıllık ücret ödemeniz gerekecektir. Örneğin, bulut sürümü size en fazla iki proje için ayda 9 ABD dolarına veya yılda 90 ABD dolarına mal olacak. Masaüstü sürümü, tek bir kullanıcı lisansı için size 89 dolara mal olacak.
Bonus: Balsamiq, ürünlerini nasıl kullanacağınızı öğrenmenize ve ondan en iyi sonuçları almanıza yardımcı olmak için Udemy ve Skillshare aracılığıyla sunulan ücretsiz kurslar sunar.
MOCKPLUS
Mac OS, Windows, Android ve iOS için kullanılabilir.
Temel Özellikler: Projeler bulut depolamaya bağlanabildiğinden, MockPlus tüm ekibin tek bir proje üzerinde kolayca işbirliği yapmasına olanak tanır. Kullanıcılar doğrudan projeye yorum yapabilir ve başkalarının görmesi için işaretleyebilir. Değişiklikler hakkında iletişimde kalmak için ekibinize bildirim e-postaları da gönderebilirsiniz. En iyi yanı, tüm bunları kodlama veya programlama olmadan yapabilmenizdir, bu nedenle önünüzdeki işe odaklanmak daha kolaydır.
Fiyatlandırma : Diğer yönlerden sınırlı olmakla birlikte, tek kullanıcılar için sınırsız ürün içeren ücretsiz bir seçenek mevcuttur. Bundan sonra, fiyat bir kişi için yılda 199 dolardan bir işletme için yılda 2999 dolara kadar değişecektir. Ayrıca, tek bir kullanıcı için 399 ABD Doları ile bir işletme (30 kullanıcı) için 5999 ABD Doları arasında değişen bir lisans satın alabilirsiniz.
Bonus: MockPlus'ın en büyük avantajı, geliştiricilerin süreci hızlandırmak için tasarladıkları araçlar sayesinde daha hızlı bir şekilde tel kafes oluşturmalarına olanak sağlamasıdır.
MOQUP'LAR
Web tabanlı olduğu için tüm işletim sistemlerinde kullanılabilir.
Temel Özellikler: Moqups, iOS, Android ve Bootstrap için web uygulamaları ve mobil uygulamalar için tel çerçeveler oluşturmak için kullanılabilen web tabanlı bir platformdur. Platform web tabanlı olduğu için her yerden bağlanma ve çalışma olanağına sahipsiniz. Platform sadece tel kafesler için değil, aynı zamanda diyagramlar ve prototipler de yapabilirsiniz. Öğeleri kolayca sürükleyip bırakabilir, şablon kitlerini kullanabilir, farklı yazı tiplerinden birini seçebilir, nesneleri seçebilir ve üzerinde çalıştığınız her şeye kendi resimlerinizi sürükleyip bırakabilirsiniz.
Fiyatlandırma : Çoğu tel çerçeveleme aracı gibi Moqups da ücretsiz deneme sunar. Bundan sonra, fiyat bir dizi faktöre bağlı olacaktır. Örneğin, sınırsız proje, nesne, depolama ve yorum içeren yıllık abonelik, tek bir kullanıcı için aylık 13 ABD Doları ve Yaratıcı Ekip (3 kişi) için aylık 19 ABD Doları tutarında olacaktır. Bir Enterprise hesabı için fiyat teklifi almak için doğrudan Moqups ile iletişime geçmeniz gerekecektir.
Bonus: Bir STK'ya, okula veya kar amacı gütmeyen kuruluşa aitseniz, Moqups size ücretsiz bir Premium Hesap verecektir.
TEL ÇERÇEVE.CC
Web tabanlı olduğu için tüm işletim sistemlerinde mevcuttur.
Temel Özellikler: Wireframe.CC, mevcut en temel tel kafes araçlarından biri olarak kabul edilir . Bu, özellikle yeni başlayan biriyseniz, mutlaka kötü bir şey değildir. Aslında, basit tasarımı nedeniyle geliştiriciler ellerindeki işlerine odaklanmayı daha kolay bulabilirler. Bu web tabanlı program, tarayıcı pencerelerini, mobil uygulamaları veya tablet uygulamalarını tel çerçevelemek için kullanılabilir.
Fiyatlandırma : Wireframe.CC, 7 günlük ücretsiz deneme ve ücretsiz bir temel hesap sunar. Bundan sonra, tek kullanım için ayda 16 ABD Doları veya yılda 144 ABD Doları, üç kullanıcı için ayda 439 ABD Doları veya yılda 390 ABD Doları veya bir kuruluş için (sınırsız kullanıcı) ayda 99 ABD Doları veya yılda 990 ABD Doları tutarında olacaktır.
Bonus: Bu programın basitliği, dikkatin dağılmasını ve ertelemeyi zorlaştırıyor. Aslında, UI öğeleri yalnızca gerektiğinde seçenekler olarak görünecektir.
MOCKFLOW
Mac OS ve Windows için bir masaüstü uygulaması veya bir web uygulaması olarak mevcuttur.
Temel Özellikler: Bu program, diğer seçeneklerin yanı sıra web uygulamaları, mobil uygulamalar, arayüzler ve yazılımlar tasarlamak için kullanılabilir. İşinizi kolaylaştırmak için seçtiğiniz arayüz için bileşen paketleri sunarlar. MockFlow ayrıca, ekibinizin tüm üyelerinin değişiklikleri gerçek zamanlı olarak görmesine ve herkesin görmesi için açıklamalı yorumlar yapmanıza olanak tanıyan işbirliği özellikleri sunar. Dosyalarınızı DOC, PDF ve HTML dahil olmak üzere çok sayıda biçimde dışa aktarabilirsiniz.
Fiyatlandırma : Her araçta en fazla bir kullanıcı ve bir proje bulunan ab asic hesabı ücretsizdir. Bir kullanıcı için premium hesabın maliyeti ayda 14 ABD dolarıdır. Tek dezavantajı paylaşım kısıtlamalarıdır. Üç kullanıcı için bir ekip paketinin ücreti aylık 29 ABD dolarıdır, ancak ek bir ücret karşılığında bu hesaba kullanıcı ekleyebilirsiniz. Bir kurumsal hesabın kullanıcı açısından sınırı yoktur ve size aylık 160$'a mal olur.
Bonus: MockFlow kullanmanın avantajlarından biri, her türlü arayüz için UI şablonları satan MockStore'larıdır. Kendinizi ilhamsız hissediyorsanız, fikir almak için mağazalarına göz atabilir, hatta bir şablon satın alabilirsiniz.
PROTOTİP NEDİR?
Bir prototip henüz bitmiş ürün değildir, ancak görünüşü ve genel işlevselliği açısından ona çok benzer olmalıdır. Uygulamanızın veya web sitenizin bu yüksek kaliteli prototipi , ürününüzü test etmek ve ortaya çıkabilecek sorunları iyileştirmenize yardımcı olacak bazı kullanıcı geri bildirimleri almak için kullanılmalıdır.
Prototip Temelleri
Bir prototip genellikle tasarım sürecinin sonunda gelir ve nihai ürüne köprü görevi görür. Bu aşamada tasarımcılar çalışmalarını sergileyebilecek ve faydalı geri bildirimler almak için kullanabilecekler. Prototip sadece tasarım öğelerini içermemeli, aynı zamanda projenin tamamlandığında nasıl çalışacağını da göstermelidir.
Bir prototip, nihai projenin tüm animasyonlarını ve etkileşimlerini içermeyebilir, ancak uygulamanın nasıl akacağını gösterebilmelidir. Performansını test etmenizi sağlar.
Kullanıcı deneyimini iyileştirmek için kullanıcıların test etmesini ve size geri bildirimde bulunmasını sağlayabilirsiniz. Gerçek bir uygulama kullanıyormuş gibi hissedebilirsiniz, ancak prototip yalnızca birbirine bağlı bir resim koleksiyonudur. Bu tür prototipler, etkileşimli prototipler idealdir çünkü bitmiş tasarımı onunla etkileşime girerken de görebilirsiniz. İyi bir etkileşimli prototip oluşturmak zaman alabilir ve biraz paraya mal olabilir, ancak kesinlikle yatırıma değer.
EN İYİ PROTOTİP OLUŞTURMA ARAÇLARI
PROTO.IO
MARVELAP
PROTT
AXURE RP
INVİZYON
PROTO.IO
Mac OS ve Windows için kullanılabilir.
Temel Özellikler: Proto.io'nun sloganı, “ Gerçek hissettiren prototipler” ve bunun iyi bir nedeni var. Ürünleri, tasarımcıların gerçeğe mümkün olduğunca yakın, aslına uygun prototipler oluşturmasına olanak tanır. için kullanılabilir mobil uygulamalar ve web uygulamaları için prototipler oluşturun. Ekran kayıt aracı, ekibinizin hedef kitlenizin prototiple tam olarak nasıl etkileşime girdiğini görmesine olanak tanır ve çevrimdışı mod, tek bir kod satırı yazmanıza gerek kalmadan, internet bağlantısı olmadan prototiple etkileşim kurmanıza olanak tanır.
Fiyatlandırma : Proto.io deneyiminize 15 günlük ücretsiz deneme ile başlayabilir ve ardından oldukça sınırlı olsa da ücretsiz bir hesap alma seçeneğine sahip olabilirsiniz. Ücretli hesaplar aylık 24 ABD Doları (5 proje içeren bir kullanıcı için yıllık abonelik) ile aylık 160 ABD Doları (yıllık abonelik, 10 kullanıcı ve 30 aktif proje) arasında değişmektedir.
Bonus: En yeni araçlarından bazıları, kendiniz içe aktarabileceğiniz veya vektör animasyonları kitaplığından seçebileceğiniz vektör animasyonları içerir. Ayrıca yakın zamanda 360 görüntüleri kolayca entegre etmenize olanak tanıyan bir VR bileşenleri kitaplığı da tanıttılar.
MARVELAP
Mac OS, iOS, Android ve Windows için bir web uygulaması olarak mevcuttur.
Temel Özellikler: MarvelApp bir minimal deneyime sahip tasarımcılar için harika bir prototip aracı. Basit arayüzü oldukça basit görünebilir, ancak bu çekiciliğinin bir parçası. Sadece yeni tasarımcılar için iyi bir başlangıç noktası olmakla kalmaz, aynı zamanda daha deneyimli tasarımcıların aradığı profesyonel sonuçları da sunar. Marvel, ekibinizi Slack veya Asana'dan içe aktarma seçeneği sayesinde değişikliklerden, yeni yorumlardan ve ilerlemeden haberdar olmanızı kolaylaştırır. Bu bir uygulama olmasına rağmen, web veya mobil için prototipler oluşturmak için kullanabilirsiniz.
Fiyatlandırma : MarvelApp, tek bir kullanıcı için ücretsiz olarak sunulur ve iki proje içerir. Ücretli abonelikleri, tek bir kullanıcı, sınırsız proje, parola korumalı prototipler ve prototiplerinizi indirme seçeneği için ayda 12 dolardan başlar.
Bonus: MarvelApp tüm iOS cihazlarda çalışır; bu, çalışmalarınızı iPhone, iPad, Apple Watch ve hatta Apple TV'nizde hızlı ve kolay bir şekilde görüntüleyebileceğiniz anlamına gelir.
PROTT
Bir iOS ve Android uygulaması olarak kullanılabilir.
Temel Özellikler: Bir prototip oluşturmak için bir mobil uygulama üzerinde çalışmak biraz sınırlayıcı gelebilir, ancak Prott bunun olması gerekmediğini kanıtlıyor. Aslında bu platform, kullanıcı arayüzü maketleri, masaüstü yazılım prototipleri, web sitesi düzenleri, etkileşimli tel çerçeveler ve prototipler oluşturmak için kullanılabilecek özellikler ve araçlarla doludur. Kapsamlı bir ekiple çalışıyorsanız, Prott değişiklikleri onlarla paylaşmayı ve gerçek zamanlı olarak geri bildirim almayı kolaylaştırır.
Fiyatlandırma : Prott, 30 günlük süre sona erdikten sonra ücretsiz aboneliğe dönüşen ücretsiz bir deneme sunuyor. Bu seçenek, tek bir kullanıcı ve tek bir proje içindir. Ücretli planları, tek bir kullanıcı, üç proje, sınırsız ekran ve sınırsız gözden geçiren için ayda 19 dolardan başlıyor.
Bonus: Prott platformu, proje hakkında herhangi bir yerde yorum bırakmanıza izin vererek ekibinizle çok daha kolay ve net bir şekilde iletişim kurmanıza yardımcı olur. Ekip üyeleriniz yorumlarınıza doğrudan yanıt vererek yol boyunca hiçbir şeyin kaybolmamasını sağlar.
AXURE RP
Mac ve Windows için kullanılabilir.
Temel Özellikler: Axure RP, prototip oluşturma için en kapsamlı araçlardan biri olarak kabul edilir, bu nedenle ne kadar kullanıcıya sahip oldukları şaşırtıcı değildir. Çok eksiksiz bir arayüz olmasına rağmen, iyi bir deneyime sahip olanlar için daha iyi bir seçenek. Sektörde bu kadar iyi bilinmesinin bir başka nedeni de, uzun süredir var olması ve çoğu tasarımcının 2000'lerin başında becerilerini öğrendiği bir araç olmasıdır. Bu araçtan ihtiyacınız olanı elde etmek için biraz kodlama bilgisine ihtiyacınız olacağını belirtmekte fayda var.
Fiyatlandırma : 30 günlük ücretsiz deneme ile başlayabilirsiniz. Bundan sonra, abonelikler Pro düzeyinde kullanıcı başına aylık 29 ABD Doları ile başlar ve Kurumsal düzeyde kullanıcı başına aylık 99 ABD Dolarına kadar çıkar. Kalıcı lisanslar, kullanıcı başına aylık 49 ABD dolarından başlar, ancak Kurumsal düzeyde mevcut değildir.
Bonus: Axure RP, tasarımcılara diğer prototip oluşturma araçlarına kıyasla en fazla seçeneği sunar. Arayüzü en fazla işlevselliği sağlarken, daha karmaşık bir sistem pahasına gelir. Bir kez ustalaştıktan sonra, Axure RP size harika sonuçlar verecektir.
INVİZYON
Web tabanlı olduğu için tüm işletim sistemlerinde mevcuttur.
Temel Özellikler: InVision, tasarımcıların web, iOS ve Android için prototipler oluşturmasına olanak tanıyan, sektörde iyi bilinen ve saygın bir araçtır. Bu platform, büyük ekipler düşünülerek tasarlanmıştır, bu nedenle işbirliği çocuk oyuncağıdır. Kullanımı oldukça kolaydır, sadece tasarım dosyalarınızı yüklemeniz ve bunlara animasyonlar, hareketler ve geçişler gibi öğeler eklemeniz yeterlidir. Sonuç, güvenilir, yüksek kaliteli bir prototiptir.
Fiyatlandırma : InVision, bir aktif prototip içeren ücretsiz bir plan sunar, bundan sonra ücretli planlar, tek bir kullanıcı için üç prototip için ayda 15 dolardan başlar. Beş kullanıcılı ve sınırsız prototip içeren bir ekip aboneliği, ayda 100 dolara mal olacak.
Bonus: InVision, "dünyanın en güçlü ekran tasarım aracı" olduğunu iddia eden ve merakla beklenen Studio'yu kısa süre önce piyasaya sürdü. Bu yeni araç, işlevsel prototipler tasarlama ve oluşturma arasındaki süreci basitleştirmeyi umuyor. En iyi yanı, ücretsiz olmasıdır!
ÜRÜNÜNÜZÜN MODELLERİNİ OLUŞTURUN
Prototipiniz hazır olduğunda ve test sürecinde karşılaştığınız sorunları düzeltmek için geri döndüğünüzde, muhtemelen bir lansman tarihine yaklaşıyorsunuzdur. Ancak canlı yayına geçmeden önce uygulamanızı veya web sitenizi doğru şekilde pazarlamak için doğru araçlara sahip olduğunuzdan emin olun. Yeni uygulamanızın veya web sitenizin gerçek cihazlarda nasıl göründüğünü gösteren örnekler kullanmak, ona daha fazla dikkat çekmenize yardımcı olabilir.
Maket Nedir?
Daha önce tel kafes ve maket arasındaki farkı tartışmıştık , ancak burada bahsettiğimiz maket türü tamamen farklı bir şey. Bu tür maket, uygulamanız veya web siteniz yayınlanmaya hazır olduğunda, sonunda gelir. Bunlar temel olarak, nihai ürününüzün görüntüleri veya ekran görüntüleri ile özelleştirebileceğiniz fotoğraflardır. Örneğin, uygulamanızın ekran görüntüsünü alıp bir iPhone X ekranına bırakabilirsiniz.
Örnekler önemlidir çünkü uygulamanızı veya web sitenizi pazarlamak ve tanıtmak için kullanılabilirler. Ayrıca, App Store veya Play Store için uygulamanızın ekran görüntülerini oluştururken de kullanılabilirler. Placeit'in maketlerinin kullanımı kolaydır ve çok geniş bir yelpazeye sahiptir. iPhone maketleri, iPad maketleri, MacBook maketleri, tarayıcı maketleri ve Android maketleri dahil her türlü maketi bulabilirsiniz.
Çalışmanızı Bir Maket Üzerinde Sergileyin
Uzun süredir üzerinde çok çalıştığınız projeyi nihayet bitireceğiniz için muhtemelen heyecanlısınızdır. Placeit'in maketlerinin devreye girdiği reklamcılık için muhtemelen bir ton paranız kalmadığını biliyoruz. Kullanımı kolaydır, ürününüzün harika görüntülerini oluştururlar ve çok uygun fiyatlıdırlar! Neyi tanıtıyor olursanız olun, bir iPhone uygulaması, bir iPad uygulaması veya yeni bir web sitesi, Placeit'te ele aldığınız en yeni gadget maketleri vardır!
Bu gönderiyi beğendiyseniz, lütfen bu 10 uygulama mağazası optimizasyon aracı listesini deneyin veya uygulamanızı tanıtmak için 7 ipucuna göz atın.