高忠実度のラピッドプロトタイピングは、製品デザイン段階の重要な一部になっています。
静止画像だけでは、もう通用しません。結局のところ、感心させるべきステークホルダーがいます。守るべき締め切りもあります。そして市場はかつてないほど速く動いています。
UXデザイナーは、複雑なアニメーションとリッチなインタラクションを備え、見た目も使い心地も本物のようなプロトタイプを提供するよう、ますます強いプレッシャーを受けています。
クラクフ（ポーランド）のシニアUX/UIデザイナーであるAnna Rzepkaも、そうしたプレッシャーにさらされていました。しかし、彼女が使っていたプロトタイピングソフトウェアでは、必要としていた複雑で美しいプロトタイプをすばやく作成できなかったのです。
彼女は、デザイン、エンジニアリング、ビジネス部門の間のギャップを埋められる、高速な高忠実度プロトタイピングツールを見つける必要がありました。
私たちは、ProtoPieにたどり着くまでの彼女の歩みについて話を聞きました。以前のプロトタイピングツールで直面した問題、なぜProtoPieに乗り換えたのか、そしてProtoPieが彼女のワークフローをどのように効率化し、加速させたのかについてです。
私のProtoPieへの旅
職業としてはUX/UIデザイナーですが、現在の仕事では、ビジネス戦略と連動して機能する美しいデザインソリューションを生み出し、デザイン、エンジニアリング、ビジネス部門の間のギャップを埋めています。
Figmaは、図の下書きやベクターイラストの作成から、すべての視覚要素をまとめ上げることまで、私の主要なプロトタイピングツールとして始まりました。
しかし時代は変わりました。静止画像だけではアプリの挙動を十分に伝えられません。要するに、Figmaだけでは不十分だったのです。
複雑なインタラクションを作ることがますます難しくなっていました。FigmaにはSmart Animate機能がありますが、キーフレームを正確に調整するためのタイムラインがありません。条件付きロジック、高度な数式、変数もありませんでした。私は妥協を重ねざるを得ず、高忠実度プロトタイプを作るのは困難でした。
FigmaからProtoPieへデザインをエクスポート。
ありとあらゆるものを試しました。デザイナーには優れていても、エンジニアには役に立たず、ステークホルダーには扱いにくいツールもありました。
たとえば、Principleの使い方を覚えるのは簡単でした。画面遷移もあっという間に作れました。厄介なことに、Macユーザー向けにしか提供されておらず、私たちのプログラマーはWindowsを使っています。
FlintoのBehaviour Designerに興味があり、試してみました。新しい画面へ遷移せずにマイクロインタラクションを作れるというアイデアは魅力的でした。しかしまたしても、チームメイトと動画録画だけを共有するのは面倒になっていきました。
OrigamiはUIアニメーションをかなり細かく制御でき、Patch EditorはBlender Nodesを思い出させました。ファイルをプレビューするにはソフトウェアをインストールする必要があると知って、がっかりしました。
私はFramerに大きな期待を寄せました。コードを書いて創造性を思う存分発揮できたからです。しかし、たいていの場合はやりすぎでした。
10か月前にProtoPieを試しにダウンロードし、すぐにこれこそ自分に必要なものだと気づきました。デザイン、ビジネス、テクノロジーの世界をつなぐ強力なプロトタイピングツールです。
ProtoPieは、私のワークフローというパズルの欠けていたピースでした。
私がProtoPieを選んだ理由
ProtoPieはちょうど理想的なところを突いていました。Figmaと連携でき、超高速なプロトタイピングを提供し、開発者は何もインストールせずにインタラクション記録からすべてのプロパティを確認できます。
ProtoPieの習得は簡単で、学ぶたびに大きな手応えがありました。ほとんど手間をかけずに最初の高忠実度プロトタイプをすばやく作成でき、OSやソフトウェアに関係なく同僚とシームレスに共有できました。
始め方も簡単でした。プロトタイピングをすぐに始めるためのリソースも豊富でした。詳細なドキュメント、手順ごとのチュートリアル、オンラインワークショップなどです。さらに、他のデザイナーから便利なコツを学べるサンプルファイルもありました。
ProtoPieは、私の好奇心をくすぐってくれました。私は実験したり未知の領域を探ったりするのが好きなのですが、ProtoPieのおかげで、これまで乗り越えられないと思っていた創造の限界を突破できました。
結局、本当に楽しかったのです。これほどまでにソフトウェアを触って楽しんだことは、これまで一度もありませんでした。控えめに言っても、私は夢中でした。仕事でProtoPieを使うだけでなく、勤務時間外にもいじっていたのです。
何より印象的だったのは、驚くほど細かく制御できることでした。没入感のある体験をあっという間に作成できました。実運用可能なLottieアニメーションを使えたので、GIFでの代替策は必要ありませんでした。さらに、誰でもブラウザやモバイル端末で簡単に私のプロトタイプを閲覧できました。
ProtoPieが私のワークフローを効率化した方法
ProtoPieは、私が創造的でいられるようにし、ビジュアルにアニメーションを取り入れられるようにしてくれます。私にとってProtoPieは、作品にひとさじのスパイスを加えてくれる存在です。
ProtoPieは、複雑なマイクロインタラクションをすばやく作成し、さまざまなコンセプトをテストするのに役立ちます。新機能が実装されたときにどのように見えるかをクライアントに示したいときには、非常に貴重です。
ProtoPieは非常に時間を節約してくれるため、プロセスを効率化し、生産性を大きく向上させることができます。ラピッドプロトタイピングのおかげで、開発者を巻き込まずにコンセプトを検証できました。コスト削減にも大きく貢献し、開発者への引き継ぎにも役立ちました。
そして何より重要なのは、ProtoPieが私たちのチーム内コミュニケーションを改善してくれたことです。インタラクション記録には、推測の余地がまったくありません。
現在は、eコマースのドラッグストア案件に取り組んでおり、そこでマイクロインタラクションを多用しています。ProtoPieを使うと、ユーザーをフローに沿って導くことができます。また、視線の誘導や重要なレイアウト要素の強調にも役立ちます。
さらに、一貫したブランドボイスとイメージを確立するのにも役立ちます。ウェブサイト上で何か問題が起きたときも、それははっきりと見て取れます。空状態、エラーページ、無効な入力は、もっと遊び心があって楽しい表現を試すのに最適な場所です。
ProtoPieは、通常は行き止まりと見なされる場所でも、ストーリーを伝え、コンバージョンを促進できるようにしてくれます。
ProtoPieとともに可能性は無限に広がる
15,000社以上の企業が、プロトタイピングのニーズを満たすためにProtoPieを信頼しています。デモを予約して、ProtoPieがチームの成功をどのように支援できるかをご覧ください。
