inVision というプロトタイピングツールがかなりイイ。画像があれば簡単にモックアップが作れちゃう。

画像がさえあれば簡単にモックアップ(紙芝居)が作れちゃう。

画像なのでもちろん(アニメーションを伴う)インタラクションの確認とかはには適さないけども、画面遷移の確認には使えそうなので、とても簡単なユーザーテストとかなら対応出来ると思います。

なんて言うんでしょうか、ブラウザベースで画像にどんどんイメージマップを設定していける感じです。しかも Dreamweaver のイメージマップの設定のようにエラい簡単に。


InVision – Free Web & Mobile Mockup and UI Prototyping Tool

画像の追加はドラッグアンドドロップで追加できます。

ワイヤフレームを画像にしてモックアップにすることもこれなら簡単です。(パワポとかエクセルでハイパーリンクを設定しなくても良くなります。やってないけど。)

 嬉しいコラボレーション機能

作ったモックアップは、そのままパスワードをかけたURLで share できます。

で、素晴らしいのが、そのままモックアップにコメントを設定できるところですね。デザインの修正点をメールでやり取りする方がいいケースもあるけど、なかなかメールだけだと伝え辛い時とかありますものね。

そのコメントから TO DO リストも作成できるらしい・・

 その他にも素敵な機能が沢山

まだまだ全然使い切れてないし、無料版だけど、

  • バージョン管理
  • どのくらいモックアップが見られているか(Analysis)
  • Mac OS なら、同期アプリがある

とか、他にも色々機能があるみたい。

 有料プランについて

Free 版だと1プロジェクトしか作れないのだけど、プランをアップグレードすると複数プロジェクトが作れたり、その他にも便利な機能が沢山使えるみたいです。

2013-07-10_11.18.36_prototypingtool-invision

特に、最近サービスローンチされた PDF へのエクスポート機能が便利そう。
サンプルPDF

画面(画像)だけでなく、やり取りした記録も一度に吐き出されるから、検討事項など一気に追いやすい気がします。

クライアントと一緒に利用した場合は、エビデンスとして利用できますねー

東京都内で仕事をしています。猫飼いたいです。30歳からピアノ始めたおじさんです。盆栽にも興味が出てきました。
最近ブログ用のTwitterアカウントを作成したので、是非フォローをしてください。@zakkiboooks

 コメントをどうぞ

  • 入力いただいたメールアドレスは公開されませんが、このブログが置いてあるサーバーに保存されます。
  • 入力いただいた情報の他に、WordPress の機能により IPアドレス を取得させていただきます。取得した IPアドレス はスパムコメントの対処ために利用され、公開することはありません。
  • 個人情報などを記入された場合、投稿いただいたコメントを表示しないか、該当箇所を編集して公開する可能性があります。

内容に問題なければ、下記の「コメントを送信する」ボタンを押してください。