web-dev-qa-db-ja.com

優れたWebベースのプロトタイピングツールは何ですか?

Webベースのプロトタイピングツールのリストを探しています。StackExchangeの民主的投票システムを使用して、ここで作成したいと思います。

Webにはすでにいくつかのリストがあり、特に次のリストがあります。

Google検索「プロトタイピングツールのリスト」 から両方を見つけました。

StackExchange UIは、長期的には、このようなリストを管理するための最良の形式である必要があります。必ずしも完全性ではなく、関連性を求めましょう。完全性には、あまり知られていないツールや古いツールなど、多数の回答を追加する必要があります。代わりに、currentWebベースのプロトタイピングアプリのリストを確認します。各製品の投票は、時間の経過とともに理想的に進化します(たとえば、Balsamiq今日はトップから始まると思われますが、5年後には別のものが表示される可能性があります)。

客観的に答えられるというよりはドキュメントなので、私はこれをコミュニティーwikiにしています。

53
Rahul

HTML + CSS + JS

高忠実度のプロトタイピングを検討している場合は、これがほとんど唯一のオプションです。

私は、ハイファイ(コード化)やローファイ(バルサミクのようなスケッチなアプリ)を採用することを提唱しています。

あなたが比較的飼いならされた相互作用をテストしているのでない限り、私はAxureなどのようなソリューションは少し危険だと思います。これは忠実度が高いことを意味しますが、そのようなアプリでのインタラクションを実際のユーザーエクスペリエンスを反映するように調整することはできません。

37
DA01

Balsamiqモックアップ

だから、あなたがそれを言ったので、私はリストを始めるためにBalsamiqを追加します:)

Webバージョンはまだ完全リリースではありませんが、デスクトップアプリはかなり気の利いたものです。

公開されると、製品は次の場所に存在します: Balsamiq Webアプリプロジェクトページ

それ以外の場合は、常にデスクトップアプリが存在します(同じURLで、[デスクトップアプリ]リンクをクリックするだけです)。

45
Matt

モッキンバード

私はMockingbirdがブラウザベースのアプリを使用するのが最も簡単なものの1つであることがわかりました http://gomockingbird.com

8
chrisofspades

手作り

Balsamiqは、クライアントとのブレーンストーミングやキックオフセッションでアイデアをスケッチするための私の最初の選択肢です。しかし、完全に機能するプロトタイプに関して言えば、私の選択する薬物は常に Handcraft です。これは、HTMLプロトタイピングに最適であり、通常バックエンドのコーディングスキルやJavaScriptで物事をまとめる必要があるインタラクションフローを作成するためのいくつかの優れた機能の追加機能を提供します。

6
Huijkman

鉛筆

鉛筆 は、慣れてきてとても良いものです。厳密にはウェブベースではありませんが、Firefoxプラグインです。

5
LiamGu

モックフロー

妻のインタラクティブエージェンシーは、次のような成功を収めています。

http://www.mockflow.com/

すぐに始められ、ワイヤフレーム用の組み込みのコントロールと画面が適度にあります。

3
noluckmurphy

Googleドキュメントの青いワイヤーフレーム。

この Morten Justによるブログ投稿 から、彼は public Google Drawing を作成しました。なぜなのかはわかりませんが、空のテンプレートが消えてしまったので しばらく前にコピーしたテンプレートを共有しました にしました。ワイヤーフレームオブジェクトが左側に表示されない場合は、ズームアウトします。

コピーして貼り付け、右側のモックアップ領域にサイズ変更する一連のワイヤーフレームオブジェクトがあります。

次に、このテンプレートを使用してモックアップを行った人の google docsのギャラリー があります。

enter image description here

2
icc97

Hotgloo

Hotglooは、基本的なプロトタイピング、ページ間の領域のホットリンク、いくつかの高忠実度機能をbalsamiqと同等に提供します。 mockingbirdよりも洗練されていますが、axureやjustinmindのようなデスクトップアプリほどの能力はありません。

http://www.hotgloo.com/

2
512x512

my.origramy

共有してくれてありがとう! my.origramy サービスをリストに追加します。これは、ウェブサイトのプロトタイプ、マインドマップ、図、スキームを作成する必要があるときに使用する無料のオンラインサービスです。

2
SHM

財団

HTML/CSS/JavaScriptソリューションをご覧になっている場合は、 http://foundation.zurb.com/ をご覧になることをお勧めします。

1
Dragan Studios

FluidUI

このリストにFluidUIを追加します。先月、このツールをリリースしました。これはWebベースで、忠実度の低いUIプロトタイプと高忠実度UIプロトタイプの両方をすばやく作成できるように設計されています。複数のプラットフォームをサポートしますが、ページのサイズを必要に応じて設定できます。

それへのリンクはfluidui.comですが、フォームに記入せずにすぐに試してみてそれを試したい場合は、 http://www.fluidui.com/editor で行うことができます

1
john larkin

グリフィ

いかがですか gliffy ?私の会社で使用を開始したばかりです。balsamiqやmockingbirdよりもはるかに安価で、用途も広いです

http://cacoo.com があります。インターフェースは少し難解ですが、無料版は他の一部のもの(25ページ、15ユーザー)よりも少し制限が少なくなっています。

0
Steve Bennett