<p class="thumb"><img src="http://cdn.zako.org/images/2013/08/designdrop.png" alt="" width="510" height="288" class="none" /></p>
<p>バナーやサイトのデザインを起こして、レビューをする手段は多くあると思います。</p>
<p>しかしながら、選択肢が多いゆえにひとによって手段が違ったり、それがとても効率の悪いものだったりもしますよね。</p>
<p>今回は、そんなデザインのレビューをする際に便利なツールをご紹介します。</p><!--more-->
<h3 class="header-label">オンライン上でデザインのレビューをおこなえる「DesignDrop」</h3>
<p>「<a target="_blank" href="http://www.designdrop.io/">DesignDrop</a>」は、<strong>視覚的にレビューのフィードバックをおこなえるサービス。</strong></p>
<p>どうしても効率が悪くなりがちなデザインのレビューを、オンライン上で効率的におこなうことが可能です。</p>

<h4 class="tips">画像データをアップロードして共有</h4>
<p><img src="http://cdn.zako.org/images/2013/08/designdrop1.png" alt="画像をアップ" width="500" height="201" class="alignnone size-full wp-image-26625" /><br />↑画面上からPNG、JPGあるいはJPEG形式のファイルをアップロードします。アップロードする際に、ファイルをドラッグ・アンド・ドロップしてもOK。</p>

<p>画面上にはPSDもサポートと表記されていますが、現時点では対応していない様子。対応予定ではあるのでしょうかね。</p>

<p><img src="http://cdn.zako.org/images/2013/08/designdrop6.png" alt="Dropboxなど" width="500" height="321" class="alignnone size-full wp-image-26620" /><br />↑アカウントを作成してから以降は、画像をURLやDropbox、Googleドライブから指定することもできます。</p>

<p><img src="http://cdn.zako.org/images/2013/08/designdrop2.png" alt="" width="500" height="206" class="alignnone size-full wp-image-26624" /><br />↑ファイルのアップロードが完了するとユーザー登録を促す画面が表示されます。ここでメールアドレスとユーザー名、そしてパスワードを設定します。</p>

<p><img src="http://cdn.zako.org/images/2013/08/designdrop3.png" alt="ユーザー登録完了" width="500" height="210" class="alignnone size-full wp-image-26623" /><br />↑ユーザー登録が完了すると、その場に画像を共有するためのURLが表示されます。これで準備は完了です。デザインのレビューをおこなうために、メンバーにURLを共有します。</p>

<h4 class="tips">メンバーからレビューのフィードバックをもらう</h4>
<p><img src="http://cdn.zako.org/images/2013/08/designdrop4.png" alt="アノテーション" width="500" height="391" class="alignnone size-full wp-image-26622" /><br />↑レビュー画面には、左側に画像が表示され、右側にコメントが付けられるようになっています。画像内にマウスでアノテーションを付け、そのアノテーションにコメントを紐づけるようになっています。</p>

<p><img src="http://cdn.zako.org/images/2013/08/designdrop5.png" alt="コメント" width="500" height="297" class="alignnone size-full wp-image-26621" /><br />↑実際にやってみるとこうなります。コメントはアノテーションに紐づくものと、紐づけられないフリーなものを投稿できます。</p>

<p><img src="http://cdn.zako.org/images/2013/08/designdrop7.png" alt="" width="500" height="259" class="alignnone size-full wp-image-26619" /><br />↑画面上から他の画像に切り替えることも可能。</p>

<p><img src="http://cdn.zako.org/images/2013/08/designdrop8.png" alt="" width="500" height="210" class="alignnone size-full wp-image-26618" /><br />↑これまでにレビューした画像の一覧を表示する管理画面もあります。</p>

<p>興味がある方は<a target="_blank" href="http://www.designdrop.io/">DesignDrop</a>へどうぞ。</p>

<p>Googleドライブなどでもコメントをつけることはできますが、操作感がいまいちだったり、クリックするアクションが多かったりしていまいちに感じていたのですが、これならば効率よくレビューとフィードバックをおこなえそうですね。</p>
