スマートフォンアプリ制作に役立つプロトタイピングツール

proto_01

こんにちは、最近「ハンモックで仕事してるの?」って聞かれる村田です。
アイデアを企画書に書く能力も大事ですが、動くモックを中心にコミュニケーションすることも大事ですよね。今回はスマートフォンアプリ制作に役立つプロトタイピングツールをいくつかご紹介します。

プロトタイピング?

プロトタイピングとは、プロトタイプ(試作品)を使ったプロダクトの検証や分析・改善を行なう手法です。紙にアプリの画面を描いたり、PhotoshopやIllustratorなどの描画ツールで画像を作成します。それらを手動またはツールを用いてまるでアプリが動いてるかのように画面を切り替えることで、開発に入る前のアプリの検証や分析・改善を行なう事ができます。アプリ開発でよくある失敗の1つが「想像していたものと違うものが完成した」です。これを防ぐ為にプロトタイピングが有効です。事前に完成したイメージを共有する際に多く用いられるものは企画書や設計書などのドキュメントや資料ですが、全て静的なもので実際に動いた時の感覚を想定しづらいものです。
結果として開発が終盤になりテスト版を触ったときに「あれ?」という違和感を感じてしまいます。プロトタイピングはアプリの企画や設計・デザインの段階からアプリの動きを簡単に共有できるので、このような手戻りを未然に防ぐ事ができます。

また、開発が始まってしまうと、多くの時間と費用がかかります。そうして出来上がったアプリについて仕様変更があれば、さらに時間と費用がかかります。
プロトタイピングでは仕様変更が簡単にできます。”触ってみないとわからない”と言いながらアプリの検証を開発後に回すより、こういった手法を取り入れ、たくさん触り、検証し改善することをオススメします。

プロトタイピングを楽しく。

実際に自分のアイデアを動く形にして他人に見せることはとても難しく勇気が必要なことですが、早い段階からチームにアウトプットすることで書き手の経験に基づいた試作品を全体で共有することができ、様々な段階においてもコミュニケーションが発生しやすくなるきっかけとなります。ディスプレーを囲み、利用者に近いものでアイデアを言い合う環境を自分達で作って行きましょう。
また前置きが長くなってしまいましたが、そんなプロトタイピングがつい楽しくなってしまうツールをご紹介いたします。

prott

Prott

Announcing Prott for iOS from Goodpatch on Vimeo.

無料版から利用することもでき、iOSやWindowsアプリ、ブラウザでの制作も可能です。
slackやHipChatなどの外部サービスとのAPi連携も出来ます。

サービス名:Prott
URL:https://prottapp.com/ja/
料金:無料プラン有り (プロジェクト制)

POP

POP

エニセンスでも現在メインで使っているツールです。
手軽に導入しやすく、Adobe Creative Cloudからも直接POPにインポートもできます。

サービス名:POP
URL:https://popapp.in/jp/
料金:無料プラン有り (プロジェクト制)

Marvel

proto_04

Marvel App – Create interactive prototypes from PSDs and images in your Dropbox. No coding required. from Murat Mutlu on Vimeo.

Dropboxベースで作成できるモックアップアプリケーションです。
PSDも対応可能。Free sketch paper PDFからも専用紙がダウンロード可能です。

サービス名:Marvel
URL:https://marvelapp.com/
料金:無料プラン有り (プロジェクト制)

InVision

proto_05

Android Projects from InVision on Vimeo.

PhotoshopやSketchといったデザインツールとの連携が強く、InVisionの提供している、InVision Syncというアプリを導入すれば簡単に同期が可能です。

サービス名:InVision
URL:http://www.invisionapp.com/
料金:無料プラン有り (プロジェクト制)

まとめ

それぞれの開発現場でプロトタイピングを導入するタイミングは違いますが、デザイナーだけでなくディレクターやエンジニアも積極的に取り入れ、チームとして楽しくディスカッションした雰囲気がサービスに反映されるんではないかと僕は考えています。これをきっかけに是非取り組んでみてくださいね。

『myApp(マイアップ)』シリーズを大幅リニューアル!

毎日をもっと“私らしく”するアプリ『myApp(マイアップ)』シリーズの『My日記』『Myメモ』を先日リニューアルいたしました。この機会に是非ご利用してみてくださいね。

REgoogleアイコン

1)My日記 ~寝るまえ5分間日記帳~
「寝るまえの5分間、今日1日を振り返ろう」みんなこっそり使ってる、シンプルでカワイイNO.1日記帳アプリ『My日記』。
日々の出来事や写真を綴ってブログやSNSとは違う、自分だけのスマホ日記帳に。
URL:https://goo.gl/VgfHxC/

REnew_icon_mymemo

2)Myメモ~可愛い無料メモ帳~
日々のお仕事、プライベート、お買い物のメモをサクッと書けるかわいいメモ帳アプリです。
メモ見出しのタイトルは自分で好きなタイトルに変更可能。日々のメモも楽しく書けます。
URL:https://goo.gl/lAiKXa/

The following two tabs change content below.

村田アルマ

広報・人事Anysense.co.jp
Web業界を3年ほど経験し、現在は広報・人事を中心に携わっています。パンが好きです。
新アプリ事前登録受付中!!

今月のオススメアプリ♪

stache