ワイヤーフレームの重要性
アプリ開発でもWebサイト同様、ワイヤーフレームが重要です。
いくらデザインや機能が優れていても、ワイヤーフレームがしっかりしていないとユーザーにとって扱いにくくなってしまいます。
ワイヤーフレームは、画面遷移やコンテンツ・レイアウト設計・画面内ボタンの機能など、全体の骨組みを示した構成図や設計図です。
一般的に、PDFやパワーポイント等の電子ドキュメント形式で資料を作成し、クライアントが内容を確認した上で詳細なビジュアルデザイン作業へと進みます。
単純にワイヤーフレームを作って終わりではなく、ページごとに不自然な点や破綻が無いかをチェックする作業も必要となります。
ワイヤーフレーム作成のポイントは
ワイヤーフレームをしっかりさせることで、どんな要素がUI上に表示されるか?こうした要素はどのように整理されるか?インターフェイスはどう機能するか?ユーザはアプリとどう情報のやり取りを行うか?などが明確となります。
個人でアプリを開発する場合、ソフトウェアを使わなくても、紙にラフスケッチを描くような方法でも作成できます。
ワイヤーフレーム作成には、ユーザーの立場での視点を持つことも大事です。
ソフトで簡単にワイヤーフレーム作成
アプリ開発でワイヤーフレーム作成をサポートしてくれるソフトもいろいろとあります。
「POP」は、写真や画像を元にワイヤーフレームを制作し、モックアップまでできます。
制作中のデータはDropbox と同期できるので、万が一の時もバックアップがとれて安心できます。
「Fluid」(英語)は、アプリ構成に欠かせないナビゲーションバーやタブ、ボタンの種類も豊富に揃い、2000以上ものウィジェットが用意されてます。
ウェアラブル端末用アプリのワイヤーフレームにも対応し「Google グラス」や「Galaxy Gear」「Apple Watch」のアプリ開発に使えます。