it-swarm.it

Quali sono alcuni fantastici strumenti di prototipazione basati sul web?

Sto cercando un elenco di strumenti di prototipazione basati sul web e mi piacerebbe crearne uno qui usando il sistema di voto democratico di StackExchange.

Esistono già alcuni elenchi sul Web, in particolare questi:

Ho trovato entrambi quelli dell'elenco ricerca Google "elenco di strumenti di prototipazione" .

L'interfaccia utente di StackExchange dovrebbe, a lungo termine, essere il formato migliore per la gestione di tale elenco. Andiamo per pertinenza, non necessariamente completezza; la completezza implicherebbe l'aggiunta di tonnellate di risposte, compresi strumenti poco noti o obsoleti. Invece, mi piacerebbe vedere un elenco di app di prototipazione basate sul web attuali e i voti per ciascun prodotto si evolverebbero idealmente nel tempo (ad es. Balsamiq probabilmente cominceremo al top oggi, ma tra 5 anni potremmo vedere qualcos'altro comparire).

Sto trasformando questo in un wiki della comunità poiché è più documentazione che obiettivamente rispondente.

53
Rahul

HTML + CSS + JS

Questa è praticamente l'unica opzione se stai guardando la prototipazione ad alta fedeltà.

Sono un sostenitore di passare all'hi-fi (codificalo) o di attaccare molto lo-fi (app abbozzate come Balsamiq).

A meno che non testiate interazioni relativamente mansuete, trovo che soluzioni come Axure e simili siano un po 'pericolose. Implica la fedeltà alta, ma non puoi affinare le interazioni in app come quella al punto in cui rifletterà l'esperienza dell'utente reale.

37
DA01

Balsamiq Mockups

Quindi, da quando l'hai menzionato, aggiungerò Balsamiq per iniziare l'elenco :)

La versione Web non è ancora in versione completa, ma l'app desktop è piuttosto elegante.

Quando sarà attivo, il prodotto esisterà qui: Pagina del progetto dell'app Web Balsamiq

Altrimenti, c'è sempre l'app desktop (nello stesso URL, fai clic sul link "App desktop").

45
Matt

Mimo

Ho scoperto che Mockingbird è una delle app basate sul browser più facili da usare - http://gomockingbird.com

8
chrisofspades

Fatto a mano

Balsamiq è sicuramente la mia prima scelta per disegnare idee in brainstorming e sessioni di kick-off con i clienti. Ma quando si tratta di prototipi perfettamente funzionanti la mia droga preferita è sempre Artigianato . È perfetto per la prototipazione HTML e offre alcuni straordinari extra funzionali per creare flussi di interazione che normalmente necessiterebbero di capacità di codifica back-end o di mettere insieme le cose in javascript.

6
Huijkman

Matita

Pencil è abbastanza buono che mi sono abituato ad usare. Non strettamente basato sul web ma è un plugin per Firefox.

5
LiamGu

MockFlow

L'agenzia interattiva di mia moglie ha avuto successo con:

http://www.mockflow.com/

Introduzione rapida e una quantità ragionevole di controlli e schermate integrati per i wireframe.

3
noluckmurphy

Wireframe blu in Google Documenti.

Da questo post sul blog di Morten Just , ha creato un disegno Google pubblico che puoi usare. Non sono sicuro del perché, ma il modello vuoto è scomparso ora, quindi ho condiviso il modello che ho copiato qualche tempo fa . Rimpicciolisci se non vedi gli oggetti wireframe a sinistra.

Ha una serie di oggetti wireframe che copi, incolli e quindi ridimensioni nell'area del mockup a destra.

Poi c'è un galleria di documenti Google di persone che hanno fatto i modelli usando questo modello

enter image description here

2
icc97

Hotgloo

Hotgloo fornisce prototipazione di base, hot link sulle regioni tra le pagine, alcune funzionalità ad alta fedeltà - alla pari con balsamiq; più sofisticato di mockingbird, ma non altrettanto capace di un'app desktop come axure o justinmind.

http://www.hotgloo.com/

2
512x512

my.origramy

Grazie per la condivisione! Aggiungerei my.origramy servizio all'elenco. È un servizio online gratuito che utilizzo ogni volta che devo realizzare un prototipo di sito Web, una mappa mentale, un diagramma o uno schema.

2
SHM

Fondazione

Se stai guardando la soluzione HTML/CSS/JavaScript, consiglierei di dare un'occhiata a http://foundation.zurb.com/

1
Dragan Studios

FluidUI

Vorrei aggiungere FluidUI a questo elenco. Abbiamo appena lanciato questo strumento il mese scorso. È basato sul Web, progettato per consentire rapidamente la creazione di prototipi di UI a bassa e alta fedeltà. Supporta più piattaforme ma è possibile impostare le dimensioni della pagina su qualsiasi cosa sia necessaria.

Link ad esso è fluidui.com ma se ti va di entrare subito e provarlo senza compilare i moduli e quant'altro puoi farlo su http://www.fluidui.com/editor

1
john larkin

Gliffy

Che ne dici di gliffy ? Abbiamo appena iniziato a usarlo nella mia azienda, è molto più economico di balsamiq o mockingbird e anche più versatile

C'è http://cacoo.com . L'interfaccia è un po 'esoterica, ma la versione gratuita è un po' meno restrittiva di alcune delle altre (25 pagine, 15 utenti).

0
Steve Bennett