東京のWeb制作会社LIGLIGならできるおもしろいこと。デザインシェアはじめまして。LIGでデザイナーをしています、マチルダです。最近、前職でお世話になったデザイナーの先輩から「アラサーは品が命」という格言をいただいたので、全体的に生き方を見直そうと思っています。今後とも末永くよろしくお願いいたします。数年前から、スマートフォンサイト制作のお仕事が多くなりました。そんなこんなで、「スマートフォンでの使いやすさ」とはなんぞや?を考える日々を送っているのですが、使いやすさって、実際に使ってみないとわからない...でも、自分で実装する技術も時間もない...!今回はそんなデザイナーさんでも簡単で素早くプロトタイプを作成できるツール「Prott(プロット)」の使い方をご紹介したいと思います。※今回は分かりやすいよう、LIGのスマートフォンサイトをサンプルにして作成手順をご説明いたします。「Prott(プロット)」とは?Prott(プロット)はUIデザインで有名な株式会社グッドパッチさんがリリースしているプロトタイピングツールです。Prottは、プロトタイプを素早く作る「ラピッドプロトタイピング」と、必要なコミュニケーションを的確に行う「ラディカルコミュニケーション」をコンセプトに作られた、デザインチームのためのプロトタイピングツールです。紙とペンを使ってスケッチした画面をiOSアプリから撮影、トランジションやジェスチャーをつけて、その場で確認することができます。ProttのiOSアプリを使って、もっと簡単にプロトタイプを作成しましょう。http://memo.goodpatch.co/2014/08/prott-ios/現在、スマートフォンアプリはiOS、PCアプリはMac、Windowsに対応したブラウザ版がリリースされています。「Prott(プロット)」で手書きラフをモックアップにしてみようはじめる前の準備まずははじめる前の準備です。「Prott(プロット)」へのアカウント登録まずは「Prott(プロット)」でのアカウント登録を行います。1プロジェクトまでは無料で使用できます。https://prottapp.com/ja/プロジェクトの新規作成アカウント登録が完了したら、早速使ってみましょう。右上の+で新規プロジェクトをクリック。なんと!スマートフォンだけではなくいろいろなデバイスが選択できるので、さまざまなシーンで活用できそうです。今回はスマートフォンサイトを作成するので、iPhone5を選択しました。プロジェクト名を設定すれば、準備は完了です。画像アップロードでプロジェクトアイコンも変更できるところが嬉しいですね。POSTLIGへの自由なメッセージお待ちしています頂いたご意見への回答は行っておりません。