シェアしたくなる最新のWebサービス・ITニュース情報をチェック!
  • follow us in feedly

アプギガトップ > Webサービス > 開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる!
注目記事ピックアップ
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
share0
最近、Slackの「bot」が何でも出来過ぎて「カオス」状態になってる件!
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
share0
プログラミングしないと戦えないWebストラテジーゲーム「Empire of Code」が時間泥棒確定!
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
share0
発射した弾が、相手のスマホ画面に飛んでいく対戦ゲーム「DUAL」が衝撃的な面白さだった!
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
share0
ググる前にチェックすべき「Web開発系」サービスをまとめた至高の情報サイト8個+α!
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
share0
動画の中身をAI(人工知能)が認識&タグ付けする「Clarifai」が検索エンジンに革命を起こす!
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
share0
ブログ感覚で、独自の「オンライン講座」を作って公開できる「Classmill(無料)」を使ってみた!
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
share0
ブロックを繋げるだけでチャットボットが作成できる「Motion AI」は、WebもSNSも無料で運用可能!
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
share0
スマホの映像が本当に飛び出す「3Dホログラム」を、30分くらいで作ってみた!
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
share0
天才的なアイデアで開発された海外の「iPhoneアプリ事例7選」が、斬新過ぎてヤバイ!
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
share0
URLを指定するだけ!どんなWebデータも一発で可視化できる「Silk」は、そのままWebサイトも制作可能で無料提供中!
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
share0
スマホで3Dモデルを現実世界に召喚し、自在に動かせる「Augment」サービスが無料公開中!
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
share0
複数人コラボも可能な楽譜作成エディタを搭載した新SNS「Flat.io」が、完全無料で公開中!
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
share0
ブロックを繋げてWebアプリやゲームを作れる「Weld Action Blocks」が思わず夢中になる面白さ!
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
share0
コード不要で、独自Webサービスをブラウザ上で無料開発できる「Bubble」を使ってみた!
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
share0
タスク管理の「Trello」にWeb制作機能を搭載できる「CardForm」が斬新過ぎてスゴイ!
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
share0
わずか数行のコードで、Adobe製の画像編集エディタを無料で使い放題にできる「Creative SDK」がヤバイ!
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
share0
Chromeの「新規タブ」機能が拡張され過ぎて、もはや別アプリと化している件!
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
share0
ブログ読者に「聞いてみたいこと」を簡単にWebコンテンツ化できる「plyfe」を試してみた!
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
share0
Web開発系の情報収集が爆速になる絶対覚えておきたいWebサービス7選+α!
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
share0
脅威の認識技術で別人の顔に変身できるアプリ「MSQRD」が予想以上に変身できる件!
Webサービス
ad 今の年収で満足ですか?
typeで転職した71%が年収アップ!
2014/08/15 22:25

開発中のWebデザイン上で、多人数ブレストを実現する「inVision」が便利過ぎる!


どうも、まさとらん(@0310lan)です!

Webアプリやサイトを、たった1人で作ることってあまり無いですよね?

トップデザインだけでも複数人が担当することも珍しくないわけで…、そんな時に、場所を問わずいつでもオンラインで「ブレスト的なミーティング」を実現できるWebサービスが海外で注目されているのでご紹介しようと思います。

それが、「inVision」です!


 

どうやって使うの!?
まず、無償のアカウントを登録したら、自分専用のマイページが表示されます。

ここに、フォトショなどで製作中のデザイン画像や、ラフスケッチをスキャンした画像などを放り込んでいきます。


 

もし、すでに稼働中のWebアプリやサイトの場合は、専用のChromeアプリを使うと1クリックでキャプチャしてくれるので便利です。


 

画像が用意できたら、プロジェクトに入り「LiveShare」ボタンをクリックします。


 

そして、生成されたURLを一緒にミーティングしたい人へシェアします。


 

これだけで、開発中のデザインを複数人で共有しながら「リアルタイムミーティング」を実現できるわけです。


それぞれのマウスに名前が表示されており、そのまま自由に手描きすることも可能です。

 

もちろん、その場ですぐにチャットもできます。


 

文章で伝えられなければ、音声チャットも利用できます。


 

また、タブを切り替えるだけで、ホワイトボードを利用することも可能です!


ホワイトボードに描いた内容は、1クリックで画像として保存することもできます。

 

ちなみに、シェアされたURLは「スマホのブラウザ」からも参加可能で、「手描き」との相性は抜群ですね!


 

 
非エンジニアも開発に参加できる優れたUI!
実は、「inVision」を使うことで、ほぼ完成に近いプロトタイプを作ってしまうことも可能です。

例えば、

iPhone用のWebサイトを製作する場合を見てみましょう。

 

まず、新規プロジェクト画面で専用テンプレートを選択します。


 

そして、プロトタイプ用の画像をどんどん放り込んでいきます。


ちゃんとした画像でなくても、ワイヤーフレームや手描きスケッチなどでも問題ありません。

 

あとは、画像の中にあるボタンを、マウスでドラッグしながら範囲を指定します。


 

すると、指定したボタンを「どのように動かしたいか?」というのを、細かく設定できるようになります。


上記の場合は、「タップをしたら、左から右へ指定の画像を表示する」という設定にしてみました。

 

そして、ビューモードで動作を確認すれば、その通りに動いてるのが分かります!


 

そのままURLを共有したり、埋め込みタグを使ったりして複数人で挙動の確認をすることも可能。


(スマホで確認すれば、まるでアプリが動いているように錯覚します…)

 

さらに、このままボタンなどを作り込んでから、再び「リアルタイムミーティング」に進んでしまうことも可能ですね!

このように、プロトタイプを作りながら「複数人でミーティング」をやったりなど、やっていることは複雑な作業のはずなんですが、とても簡単に扱えるように工夫されている点が最大の魅力とも言えそうです。

2014年8月現在、EvernoteやAirbnb、ebayにPayPalなど…、大手IT企業が次々と「inVision」を使い始めている理由も分かるような気がします。(参考:CUSTOMERS

 

 
おまけ
最後に、アプギガで過去に紹介した「Webアプリ開発」を手助けしてくれる、良質なサービスも合わせてご紹介しておきます!

Webアプリの開発でありがちな問題を「一発解消」するWebサービス10選が便利過ぎる!


開発からデザイン、テストまで、幅広くサポートしてくれる貴重なWebサービスばかりを厳選してみました。

ご興味ある方は、ぜひ一読くださいませ!

 
まとめ
複数人で、画面を共有したり、1つのデザインに対してコメントをするような類似サービスはいくつかありますが、現時点においては「inVision」の方が圧倒的に使いやすかったです。

これから、Webアプリやサイトなどを作る予定のある方は、まずラフスケッチを「inVision」に読み込ませてから、試行錯誤するのがスタンダードになりそうです。

 

 

written by まさとらん

 

 

 


 

まさとらん

国内外問わず「良いモノ」だけひたすら集めて情報共有してます。
厳選ネタはアプギガ内で分かりやすく情報発信中!
その他の旬なネタは、twitterにて発信してますので、お気軽にどうぞ!

twitter:0310lan

この記事を読んでいる人は、他にこんな記事も読んでいます。
Related Posts Plugin for WordPress, Blogger...

ページトップへ戻る