it-swarm.asia

Apa sajakah alat prototyping berbasis web yang bagus?

Saya mencari daftar alat prototyping berbasis web dan saya ingin membuatnya di sini dengan menggunakan sistem pemungutan suara demokratis StackExchange.

Sudah ada beberapa daftar di web, terutama yang ini:

Saya menemukan keduanya dari pencarian Google "daftar alat prototyping" .

StackExchange UI, dalam jangka panjang, harus menjadi format terbaik untuk mengelola daftar semacam itu. Mari kita mencari relevansi, belum tentu kelengkapan; kelengkapan akan melibatkan menambahkan banyak jawaban termasuk alat yang kurang dikenal atau ketinggalan zaman. Sebagai gantinya, saya ingin melihat daftar aplikasi prototyping berbasis web saat ini , dan suara untuk setiap produk idealnya akan berkembang seiring waktu (mis. Balsamiq kemungkinan akan mulai di atas hari ini, tetapi 5 tahun dari sekarang kita mungkin melihat sesuatu yang lain muncul).

Saya menjadikan ini sebagai wiki komunitas karena lebih banyak dokumentasi daripada jawab secara objektif.

53
Rahul

HTML + CSS + JS

Itu adalah satu-satunya pilihan jika Anda mencari prototipe kesetiaan tinggi.

Saya seorang penganjur akan hi-fi (kode itu) atau tetap sangat lo-fi (aplikasi samar seperti Balsamiq).

Kecuali jika Anda menguji interaksi yang relatif jinak, saya menemukan solusi seperti Axure dan sejenisnya yang sedikit berbahaya. Ini menyiratkan hi-fidelity, tetapi Anda tidak dapat memperbaiki interaksi dalam aplikasi seperti itu ke titik di mana itu akan mencerminkan pengalaman pengguna yang sebenarnya.

37
DA01

Balsamiq Mockups

Jadi, karena Anda menyebutkannya, saya akan menambahkan Balsamiq untuk memulai daftar :)

Versi Web belum dalam rilis penuh, tetapi aplikasi desktop cukup bagus.

Ketika ditayangkan, produk akan ada di sini: halaman proyek aplikasi web Balsamiq

Kalau tidak, selalu ada aplikasi desktop (di URL yang sama, cukup klik tautan "Aplikasi Desktop").

45
Matt

Mockingbird

Saya menemukan Mockingbird menjadi salah satu yang paling mudah untuk menggunakan aplikasi berbasis browser - http://gomockingbird.com

8
chrisofspades

Kerajinan

Balsamiq jelas merupakan pilihan pertama saya untuk membuat sketsa ide dalam sesi brainstorming dan kick-off dengan klien. Tetapi ketika datang ke prototipe berfungsi penuh obat saya pilihan selalu --- Kerajinan . Ini sempurna untuk pembuatan prototipe HTML dan menawarkan beberapa tambahan fungsional yang bagus untuk membuat aliran interaksi yang biasanya membutuhkan keterampilan pengkodean back-end atau menyatukan berbagai hal dalam javascript.

6
Huijkman

Pensil

Pensil cukup bagus yang sudah biasa saya gunakan. Tidak sepenuhnya berbasis web tetapi merupakan plugin Firefox.

5
LiamGu

Mockflow

Agen interaktif istri saya telah sukses dengan:

http://www.mockflow.com/

Cepat untuk memulai dan cukup banyak kontrol bawaan dan layar untuk gambar rangka.

3
noluckmurphy

Gambar rangka biru di Google Documents.

Dari ini posting blog oleh Morten Just , ia telah menciptakan Gambar Google publik yang dapat Anda gunakan. Saya tidak yakin mengapa tetapi templat kosong telah menghilang sekarang, jadi saya telah membagikan templat yang saya salin beberapa waktu lal . Perkecil jika Anda tidak melihat objek gambar rangka ke kiri.

Ini memiliki satu set objek wireframe yang Anda salin, tempel, lalu ubah ukurannya ke area mockup di sebelah kanan.

Lalu ada galeri google docs orang yang telah melakukan mockup menggunakan templat ini

enter image description here

2
icc97

Hotgloo

Hotgloo menyediakan prototipe dasar, tautan panas pada kawasan antar halaman, beberapa kemampuan kesetiaan tinggi - setara dengan balsamiq; lebih canggih dari mockingbird, tetapi tidak mampu seperti aplikasi desktop seperti axure atau justinmind.

http://www.hotgloo.com/

2
512x512

my.origramy

Terima kasih telah berbagi! Saya akan menambahkan my.origramy layanan ke daftar. Ini adalah layanan online gratis yang saya gunakan setiap kali saya perlu membuat prototipe situs web, peta pikiran, diagram atau skema.

2
SHM

Dasar

Jika Anda mencari solusi HTML/CSS/JavaScript, saya akan merekomendasikan untuk melihat http://foundation.zurb.com/

1
Dragan Studios

FluidUI

Saya ingin menambahkan FluidUI ke daftar ini. Kami baru saja meluncurkan alat ini bulan lalu. Ini berbasis web, dirancang untuk memungkinkan Anda membuat prototipe UI dengan kesetiaan rendah dan tinggi. Mendukung banyak platform tetapi Anda dapat mengatur dimensi halaman untuk apa pun yang Anda butuhkan.

Tautan ke sana adalah fluidui.com tetapi jika Anda suka melompat langsung dan mencobanya tanpa mengisi formulir dan yang lainnya, Anda dapat melakukannya di http://www.fluidui.com/editor

1
john larkin

Gliffy

Bagaimana dengan gliffy ? Kami baru saja mulai menggunakannya di perusahaan saya, itu jauh lebih murah daripada balsamiq atau mockingbird, dan lebih fleksibel juga

Ada http://cacoo.com . Antarmuka sedikit esoteris, tetapi versi gratisnya sedikit kurang membatasi daripada yang lain (25 halaman, 15 pengguna).

0
Steve Bennett