プロトタイプは、創造的な要素と技術的な要件を対比させるあらゆる取り組みにおいて重要です。もちろん、ソフトウェア開発も例外ではありません。本格的な開発が始まる前に、製品の簡略化されたモデルを作成することで、関係者全員が最初から同じ認識を共有することができます。そうすることで、何ヶ月も経ってから、そして多額の費用をかけてようやく、全員が異なる方向に進んでいたことに気づくような事態を避けられます。
MartianCraftのBriefs （Mac App Storeへのリンク）は、強力で使いやすいプロトタイピング技術をiOSに導入することを目的としています。デザイナーは、開発者の直接的な介入なしに、モバイルデバイス上で直接テストできるアプリの動的なモデルを構築できます。
3年かけて制作
「Briefs」という名前にピンときた方は、その機能群と同じくらい華やかで絵のように美しい歴史を持っているからでしょう。2009年にシカゴで開催されたC4カンファレンスで初めてデモが行われたBriefsは、当初はiOS内で完全に動作し、ユーザーがモバイルデバイス上で直接アプリのモックアップを作成できるようにすることを目的としていました。
約 3 年の歳月と、どうやら Apple の App Store のレビュー担当者との多くのやり取りを経て、アプリの最終バージョンは 2 つの別々のプログラムに分割されました。OS X 上で実行され、ほとんどのデザイン作業が行われる Briefs 本体と、iOS デバイス上で実行され、デスクトップベースの同種アプリによって作成されたモックアップを「再生」する Briefscase です。
この分割はアプリにとって有利に働きます。OS Xでは、ユーザーインターフェースの様々な部分を構成するグラフィック要素の位置とサイズをより正確に調整できるため、Briefsの開発者はMacアプリをiOSアプリと連携させるための優れた独創的な方法を見つけ出しました。
シーン、俳優、トランジション
Briefsプロジェクトは、モックアップアプリの個々の状態を表すシーンのコレクションで構成されています。このソフトウェアはiPadとiPhoneの両方をサポートしており、必要に応じて個々のシーンを横向きまたは縦向きに配置できます。
シーンは、ボタンや背景など、インターフェースを構成する個々のグラフィカル要素であるアセットのコンテナとして機能します。各アセットは、テキストなどの複数の属性を持つことができ、「無効」「タップ済み」などの異なる状態をサポートできます。
Briefsには、2つの主要なデバイスタイプ（スマートフォンとタブレット）それぞれに対応したアセットライブラリが2つ含まれています。「ブループリント」ライブラリにはスケッチ風のグラフィックが含まれています（デザイナーはこのスタイルを利用して、関係者がインターフェーススケッチの形式ではなく内容に集中できるようにします）。一方、「iOS」グループには、実物そっくりの要素が含まれています。
もちろん、このアプリでは独自のアセットも使用できるため、カスタムインターフェースを簡単に作成でき、アプリのルック＆フィールを最終製品に可能な限り近づけるまで調整できます。「ユーザー」ライブラリも提供されていますが、アセットをライブラリに取り込むには、シーンにドラッグした後で追加するしかありません。これは問題となる可能性があり、Finderから個々のファイルを何度もインポートする必要があり、時間がかかります。Briefsの開発者はこの問題を認識しており、改善に取り組んでいます。
最後に、シーンの任意の部分をアクターに関連付けることができます。アクターは、アプリがトランジションと呼ぶアクションのトリガーとして使用できます。トランジションとは、ユーザーがモックアップのワークフロー内を移動できるようにするアクションです。トランジションには、スライドイン、3Dフリップなど、一般的なiOSアプリに実装されているすべてのアニメーションと、サウンド再生機能が含まれます。アクターから新しいシーンへのトランジションを作成するには、Ctrlキーを押しながらアクターを別のアクターにドラッグし、遅延、方向、継続時間など、アニメーションの動作を制御するいくつかの詳細を指定するだけです。
Macからモバイルへ
先ほども述べたように、BriefsにはiOSデバイスにインストールできるコンパニオンアプリ「Briefscase」が付属しています。モックアップを作成している間は、アプリのBriefsLive機能を使って、リアルタイムで視覚化したり操作したりすることができます。グラフィカル要素を操作したり、様々なトランジションを体験したりすることも可能です。
私のテストでは、Briefscase は非常にうまく動作しました。iPhone または iPad が Mac と同じ Wi-Fi ネットワークに接続されている限り、両者の連携は完璧でほぼ瞬時に行われるため、タイミング、寸法、配色などがどの程度うまく機能しているかを迅速かつ効率的に評価できます。(緊急時のために、Briefscase には Mac 専用のシミュレーターも含まれていますが、実際の使用感とはまったく同じではありません。)
Briefscase の機能はこれだけではありません。ブリーフをパッケージ化し、メールやメッセージなど、様々な方法で他のユーザーに送信できます。受信者は、Briefscase で作成されたファイルを開き、インタラクティブ機能を最大限に活用して、デバイス上でブリーフを体験できます。ご想像のとおり、これはプロジェクトの他の関係者と作業内容を共有し、彼らがどこにいてもフィードバックを収集するのに最適です。
エクスポート
全員がモックアップに満足したら、Briefs を使用すると、個々のアセットをエクスポートして、デザイナーが最終調整したり、開発者がアプリで直接使用したりできるようになります。
最も重要なのは、エディターに特別な「ブループリント」モードがあることです。このモードは、その名前が示すように、各アセットの位置、サイズ、コンテンツに関する詳細な情報を提供するため、プロジェクトに関わるすべての人に作業の基準となる詳細な技術仕様を提供します。
これは、私が「ピクセル マンボ」と呼んでいるものを防ぐのに役立つはずです。これは、開発者がデザイナーがアセットを間違った場所でスライスしていると非難し、デザイナーが開発者が要素を間違った位置や間違ったサイズで配置して作業を台無しにしていると非難する、プロジェクトで時々発生する奇妙な現象です。
結論
200ドルという価格は、BriefsをApp Storeで最も高価な製品の一つにしています。このエディターには、機能性と安定性の両面で改善の余地が大いにあることは否定できません。私が作業中にアプリが数回クラッシュしたことがありますが（ただし、処理中にデータが失われることはありませんでした）、ユーザーインターフェースの一部は少し分かりにくいです。例えば、アクターの挙動を理解するのに時間がかかりましたし、シーンのアセットの階層構造にアクセスできないため、コンテンツ内を移動するのが困難な場合もありました。
プロ仕様のアプリは高額な場合が多く、Briefsは、アプリ開発で生計を立てている人のハードディスクに眠っているような、数百ドルもするアプリと同じくらい便利なものです。それに、デザイナーや開発者は1時間あたり数百ドルで請求することがよくあります。クライアントに高い料金を請求したり、ピクセルサイズやアニメーションのタイミングについて言い争ったりするためだけに時間を無駄にするような人は、どちらのカテゴリーにも当てはまりません。
つまり、Briefsは、開発プロジェクトに関わる全員が、静止画像やFlash、HTMLといった技術に基づく典型的なモックアップ手法に代わる、それぞれの得意分野に集中できる環境を提供します。Briefsは、実物に近いインタラクティブな環境を提供し、その価値は十分にあります。
