web-gelistirme-sc.com

Bazı harika web tabanlı prototipleme araçları nelerdir?

Web tabanlı prototipleme araçlarının bir listesini arıyorum ve burada StackExchange'in demokratik oylama sistemini kullanarak bir tane oluşturmak istiyorum.

Web'de zaten bazı listeler var, özellikle bunlar:

Her ikisini de buldum Google arama "prototip araçları listesi" .

StackExchange UI, uzun vadede böyle bir listeyi yönetmek için en iyi format olmalıdır. İlgilenmeye gidelim, ille de tamlık değil; tamlık, az bilinen veya eski araçlar da dahil olmak üzere tonlarca cevap eklemeyi içerecektir. Bunun yerine, mevcut web tabanlı prototipleme uygulamalarının bir listesini görmek istiyorum ve her ürün için oylar zaman içinde gelişir (örn. Balsamiq Muhtemelen bugün en üstte başlayacak, ancak 5 yıl sonra başka bir şey ortaya çıkabilir).

Objektif olarak cevaplanmasından daha fazla dokümantasyon olduğu için bunu bir topluluk wiki'si haline getiriyorum.

53
Rahul

HTML + CSS + JS

Yüksek doğrulukta prototipleme arıyorsanız, bu hemen hemen tek seçenek.

Ben hi-fi (kod onu) veya çok lo-fi (Balsamiq gibi kabataslak uygulamalar) gitmeyi savunuyorum.

Nispeten uysal etkileşimleri test etmedikçe, Axure ve benzeri gibi çözümler biraz tehlikeli buluyorum. Yüksek doğruluk anlamına gelir, ancak bunun gibi uygulamalardaki etkileşimleri, gerçek kullanıcı deneyimini yansıtacağı noktaya kadar süsleyemezsiniz.

37
DA01

Balsamiq Modelleri

Bahsettiğinizden beri, listeye başlamak için Balsamiq'i ekleyeceğim :)

Web sürümü henüz tam olarak yayınlanmadı, ancak masaüstü uygulaması oldukça şık.

Yayınlandığında, ürün burada mevcut olacak: Balsamiq Web uygulaması proje sayfası

Aksi takdirde, her zaman masaüstü uygulaması vardır (aynı URL'de, "Masaüstü Uygulaması" bağlantısını tıklayın).

45
Matt

Alaycı kuş

Mockingbird'ü tarayıcı tabanlı uygulamaları kullanmanın en kolaylarından biri olarak buldum - http://gomockingbird.com

8
chrisofspades

Elişi

Balsamiq, müşterilerle beyin fırtınası ve başlama seanslarında fikirleri hazırlamak için kesinlikle ilk tercihim. Ama tamamen işlevsel prototipler söz konusu olduğunda, tercih ettiğim ilaç her zaman El Sanatları . HTML prototiplemesi için mükemmeldir ve normalde arka uç kodlama becerilerine ihtiyaç duyan veya bir şeyleri javascript'te bir araya getiren etkileşim akışları oluşturmak için bazı harika fonksiyonel ekstralar sunar.

6
Huijkman

Kalem

Kurşun Kalem kullanmaya alışkın olduğum oldukça iyi bir kalem. Kesinlikle web tabanlı değil, ancak bir Firefox eklentisidir.

5
LiamGu

Mockflow

Eşimin interaktif ajansı şu konularda başarılı oldu:

http://www.mockflow.com/

Hızlı başlangıç ​​ve tel çerçeveler için makul miktarda dahili kontrol ve ekran.

3
noluckmurphy

Google Dokümanlar'daki mavi tel kafes.

Bundan Morten Just tarafından yazılmış blog yazısı , kullanabileceğiniz bir genel Google Çizimi oluşturdu. Neden olduğundan emin değilim ama boş şablon şimdi kayboldu, bu yüzden bir süre önce kopyaladığım şablonu paylaştım . Soldaki tel kafes nesnelerini görmüyorsanız uzaklaştırın.

Kopyaladığınız, yapıştırdığınız ve daha sonra sağdaki mockup alanına yeniden boyutlandırdığınız bir tel kafes nesneleri kümesine sahiptir.

Sonra bu şablonu kullanarak maketler yapan bir google dokümanlar galerisi var

enter image description here

2
icc97

Hotgloo

Hotgloo, temel prototip oluşturma, sayfalar arasındaki bölgelerdeki etkin bağlantılar, bazı yüksek sadakat özellikleri sağlar - balsamiq ile eşit olarak; alaycı kuştan daha sofistike, ancak axure veya justinmind gibi bir masaüstü uygulaması kadar yetenekli değil.

http://www.hotgloo.com/

2
512x512

my.origramy

Paylaşım için teşekkürler! Listeye my.origramy servisi eklerdim. Bir web sitesi prototipi, bir zihin haritası, bir şema veya şema yapmam gerektiğinde kullandığım ücretsiz bir çevrimiçi hizmettir.

2
SHM

Yapı temeli

HTML/CSS/JavaScript çözümüne bakıyorsanız, http://foundation.zurb.com/

1
Dragan Studios

FluidUI

Bu listeye FluidUI eklemek istiyorum. Bu aracı geçen ay başlattık. Hem düşük hem de yüksek kalitede UI prototipleri oluşturmanıza izin vermek için tasarlanmış web tabanlıdır. Birden fazla platformu destekler, ancak sayfa boyutlarını ihtiyacınız olana göre ayarlayabilirsiniz.

Bağlantı fluidui.com ama eğer formları doldurmadan doğrudan atlama ve denemekten hoşlanıyorsanız ve bunu yapamıyorsanız http://www.fluidui.com/editor

1
john larkin

Gliffy

gliffy ne dersin? Şirketimde kullanmaya başladık, balsamiq veya alaycı kuştan çok daha ucuz ve daha çok yönlü

http://cacoo.com var. Arayüz biraz ezoterik, ancak ücretsiz sürüm diğerlerinden biraz daha az kısıtlayıcı (25 sayfa, 15 kullanıcı).

0
Steve Bennett