Customer Spotlight

8

分で読める

The Washington Post's ProtoPie Journey

Learn how The Washington Post uses ProtoPie's advanced prototyping features to bring their creative ideas to life.

Iulia Sorodoc、 Product Marketing Manager at ProtoPie

プロトタイピングは、メディア業界における概念化と実行の間をつなぐ重要な橋渡しです。デジタルメディアが絶えず進化する時代において、プロトタイプはメディア組織が実装前にアイデアをテストし、洗練させることを可能にします。

エミリー・モンジリオは、The Washington Postのシニアプロダクトデザイナーとして、視覚的なストーリーテリングのプロトタイプについて自身の考えを共有し、同紙がデジタルメディアのストーリーテリングに注力していることを示しました。彼女は、そのプロセスでProtoPieをどのように使っているかを説明しました。

ライブウェビナーを見逃した方は、以下の録画をご覧になり、メディアとテクノロジーの交差点を探ってみてください。

動画

概要

  1. デザインの専門家を紹介:エミリー・モンジリオ

  2. 変化するニュース消費習慣への対応という課題

  3. ProtoPieを使ったハイフィデリティ・プロトタイピングによる解決策

  4. 成功を支える3つの柱

  5. ユーザーのニーズに応える

  6. デザイナーのニーズに対応する

  7. ステークホルダーに売り込む

  8. The Washington Postアプリ内の縦型動画体験

  9. まとめ

デザインの専門家を紹介:エミリー・モンジリオ

詳しい内容に入る前に、まずはこれらの魅力的なデザインの立役者、エミリー・モンジリオを知っておきましょう。エミリーはThe Washington Postのシニアプロダクトデザイナーで、ネイティブアプリの世界を行き来しながら、発見体験とストーリー体験を戦略的に形作っています。


webinar guest speakers from the washington post


デザインの専門家、エミリー・モンジリオを紹介。

The Washington Postでは、エミリーと彼女のチームが協力し、デザイン、プロダクト、エンジニアリング、編集の視点のあいだに調和を生み出しています。熟練したデザイナーであるエミリーは、デザインプロセスにおける主な相棒としてProtoPieを使っています。この連携により、デザインへの包括的なアプローチが可能になり、最終的なユーザーをニュースの物語の消費者であると同時に貢献者として捉えています。


How designers at The Washington Post work.


The Washington Postのデザイナーたちの働き方。

変化するニュース消費習慣への対応という課題

The Washington Postにおけるデザイン上の課題は、特に若い読者の間でニュースの消費習慣が変化したことに端を発していました。Instagram、YouTube、TikTokのようなプラットフォームで短い情報動画が台頭し、主流のトレンドとなっています。

The Washington Postは、魅力的なストーリーテリングの最前線に立ち続けることを重視し、アプリ内で説得力のあるビジュアル・ナラティブを提示する解決策を模索しました。


The challenge: adapting to changing news consumption habits.


課題:変化するニュース消費習慣への対応。

エミリーの使命は、習慣的なユーザーに寄り添い、新規購読者を惹きつけるプロトタイプを作ることでした。目的は明確でした。読者をホームページへ導き、The Washington Postのビジュアルコンテンツを見せながら、長時間引きつけ続ける体験に没入してもらうことです。


The objective is to direct the audience to the homepage and provide an engaging experience.


目的は、読者をホームページへ誘導し、魅力的な体験を提供することでした。

ProtoPieを使ったハイフィデリティ・プロトタイピングによる解決策

この課題を乗り越えるため、エミリーと彼女のチームはプロトタイピングの力を活用し、ProtoPieを創造的な武器の中核ツールとしました。

エミリーがProtoPieを選んだのは、従来のプロトタイピングの枠を超えられたからです。静的な表現ではなく、彼女とデザインチームは、ビジュアル・ストーリーテリングへの意欲が持つダイナミックな性質を反映した、インタラクティブで没入感のある体験を作り出せました。

ProtoPieを選んだのは偶然ではありません。エミリーは、彼らのデザインプロセスにおいてより高い忠実度のプロトタイピングが果たした重要な役割を強調しました。それは単なる目的達成の手段ではなく、アイデアを検証し、試行錯誤し、資源を大量に消費するローンチのリスクを負わずにビジョンを形にすることを可能にする旅でした。


ProtoPie allowed designers at The Post to go beyond traditional prototyping boundaries.


ProtoPieは、The Postのデザイナーが従来のプロトタイピングの枠を超えることを可能にしました。

成功を支える3つの柱

エミリーのチームにとって、次の3つの重要な洞察がハイフィデリティ・プロトタイピングの成功を示しています:

  1. ユーザーのニーズに応える

  2. デザイナーのニーズに対応する

  3. ステークホルダーに売り込む

1. ユーザーのニーズに応える

あらゆる成功するデザインの本質は、ユーザーのニーズを満たすことにあります。高忠実度プロトタイプによって実現されたエミリーのユーザーテストへのアプローチは、The Washington Postの読者にとって仮想の遊び場となりました。プロトタイプは概念を示すだけではなく、ユーザーが関わり、フィードバックを提供できるようにし、最終製品が期待に応えることを保証しました。

このプロセスの反復的な性質により、チームはデザインを細かく調整でき、最終製品がThe Washington Postの戦略的目標を果たしつつ、ユーザーのニーズを満たすことを確実にしました。


The essence of any successful design lies in meeting the needs of its users.


あらゆる成功するデザインの本質は、ユーザーのニーズを満たすことにあります。

2. デザイナーのニーズに対応する

ユーザーとのやり取りを超えて、このプロトタイプはエミリーと彼女のチームにとってコミュニケーションのハブとして機能しました。ProtoPieはデザインリードエンジニアとの円滑な会話を可能にしました。抽象的な概念が、触れられてテスト可能なプロトタイプへと変わる共有空間になったのです。

ユーザーのやり取り、アニメーション、遷移の複雑なディテールを示せたことで、関係するすべてのステークホルダーに共通言語が生まれました。これにより、デザインプロセス全体で効果的なコミュニケーションが可能になり、複雑なデザインと開発の現場においてエミリーはより大きな影響力を持つ伝達者になりました。


The designers’ needs.


デザイナーのニーズ。

3. ステークホルダーにアイデアを売り込む

高忠実度プロトタイプは単なるデザインツールではなく、ステークホルダーを惹きつけるための強力な手段でもあります。エミリーは、形のあるインタラクティブなビジョンを提示することで、ステークホルダーミーティング中に興奮が生まれたと強調しました。発表の後に訪れた沈黙は、無関心の表れではなく、理解の表明でした。

このアプローチは、単に興奮を生むためだけでなく、リソースが効果的に使われるようにする戦略的な一手でもありました。もしプロトタイプがステークホルダーに響かなければ、チームは迅速に方向転換でき、実装前に潜在的な落とし穴を回避できます。それは、期待値を管理し、協力を促し、全員の認識を揃えるための強力なツールとなりました。


A high-fidelity prototype isn't just a design tool; it's a stakeholder engagement weapon.


高忠実度プロトタイプは、単なるデザインツールではなく、ステークホルダーとの関係構築の武器です。

The Washington Postアプリ内の縦型動画体験

デモでエミリーは、The Washington Postアプリ内での縦型動画体験のために設計されたProtoPieプロトタイプを紹介しました。

その目標は野心的でした。Instagram ReelsやTikTokのようなインターフェースをシームレスに統合することです。プロトタイプには、縦型動画カルーセル、自動再生機能、インタラクティブなスクラバー、そして繊細な音声コントロールが備わっており、すべてが連動して没入感のある魅力的なユーザー体験を実現していました。

プロトタイプの複雑さは現実のユーザー体験を映し出し、各コンポーネントが調和して連続的な流れを生み出していました。中核要素である縦型動画カルーセルには、動画がフォーカスされているかどうかを判断する組み込まれたロジックが備わっていました。この追加の洗練により、ユーザーはコンテンツをストレスなく操作し、やり取りできるようになりました。

タイムスタンプ機能はプロトタイプに組み込まれ、動画の長さを動的に表現できました。ユーザーはミュート/ミュート解除、再生/一時停止ができ、人気のソーシャルメディア・プラットフォームの振る舞いを映したレベルの操作性を享受できました。


Try the vertical video feature yourself.

The Washington Postのプロトタイプ革命

エミリーのプレゼンテーションは、革新的なデザイン手法の力を示しながら、The Washington Postのプロトタイプ革命を探ります。ProtoPieを戦略的に使い、ユーザーニーズへの深い理解と効果的なコミュニケーションを組み合わせることで、The Washington Postはデジタル時代のビジュアル・ストーリーテリングの最前線に自らを位置づけました。

The Washington Postのアプローチは、ニュース消費のパターンが変化する中で、デザイン、テクノロジー、そしてユーザー中心主義の共生関係を際立たせています。エミリー・モンジリオのようなデザインの先見者の手にかかると、プロトタイプは単なるシミュレーション以上のものになり、進化し続けるデジタルメディアの世界における新たな可能性への入り口となります。

ProtoPieでアイデアを伝えましょう

The Washington Postを含む15,000社が、高忠実度プロトタイピングにProtoPieを活用しています。ProtoPieを無料で試すなら今すぐ、あなたのアイデアを簡単に表現できます。