Freytag のピラミッド: 魅力的な UX/UI デザインのケーススタディを簡単な方法で作成する

ポートフォリオの際立ったケーススタディは、思っているよりも簡単に書くことができます。それほど秘密ではない「秘伝のタレ」は、 物語を語る――人類が長い間やってきたこと。その結果、UX/UI デザイナーはケーススタディで活用できます。最も単純でありながら最も効果的な構造の 1 つは、ドイツの劇作家グスタフ フライタークのピラミッドです。この構造を使用して、UX/UI デザインのケーススタディを、採用担当者が読みたがる魅力的な物語に変えましょう。

グスタフ・フライターグは、ピラミッドを作成したとき、ギリシャ悲劇とシェイクスピア悲劇を研究していました。もちろん、UX (ユーザー エクスペリエンス) ストーリーが悲劇であってはなりません。しかし、 Freytag の構造はケーススタディに最適です。 段階的に、プロジェクトに明確な導入部を与え、エキサイティングなクライマックスに向けて構築し、最終的な製品と成果を明らかにします。あなたがしなければならないのは、フライタグの 5 部構成のアークに従うことだけです。

1. 博覧会: ストーリーの舞台を設定し、「扇動的な事件」を紹介します。

2. ライジングアクション：クライマックスに向けての一連の出来事。

3. クライマックス: 感動と興奮に満ちた物語の頂点。

4. フォーリングアクション：クライマックスの結果、何が起こるか。すべてが適切な位置に収まり、登場人物たちは対立を解決し始めます。

5. 解決：これがあなたの話の結論です。すべての未解決の問題と対立が解決されます。

ストーリーテリングは重要な要素です Stephen Gay のような採用担当者が行った UX/UI デザインのケーススタディ UXデザイン Google One のリード。ポートフォリオで探します。このビデオを見て、スティーブンが採用の際に何を求めているかを学び、あなたの印象を与える方法を学びましょう。 UXポートフォリオ:

1. 説明: ストーリーを正しい方法で始めましょう

説明では、物語の設定、登場人物、必要なバックストーリーを紹介します。 UX/UI デザインのケーススタディの場合は、プロジェクト、その目標、その中での自分の役割について説明します。

扇動的な事件

博覧会の主要な要素は、 「扇動的な事件」—それがなければ物語の残りの部分は起こり得ない最初の出来事。あなたの出来事は、「雇用主が私にプロジェクトを割り当てた」というような単純なものかもしれません。ただし、次のような形で劇的なセンスを追加する必要があります。 モチベーション。

プロジェクトに取り組む動機を示してください。 そしてその動機を利用してプロジェクトを魅力的に紹介します。おそらく、あなたはフィットネスやジムに行くのが好きで (つまり、個人的な動機があるため)、エクササイズ アプリを作成したいと考えたのではないでしょうか。

選択肢がなかったとしても、以下を示す必要があります。

たとえば、雇用主はニッチな料理アプリの市場にギャップがあることを認識しているかもしれません。あなたの動機は、次の条件を満たすソリューションを設計する機会を見出したことかもしれません。 ユーザーのニーズ ユニークな方法で。

プロジェクトの目標

プロジェクトの目標も説明会に組み込む必要があります。目標とモチベーションは密接に関連していますが、必ずしも同じであるとは限りません。たとえば、電子商取引サイトのフロントページの再デザインの背後にある個人的な動機は、コンテンツを改善することかもしれません。 使いやすさ。一方、プロジェクトの目標は、 コンバージョン そして販売。可能な限り、 具体的で測定可能な目標を含める そのため、解決策の明確な結果を共有できます。

登場人物

プロジェクトの登場人物について考えてみましょう。あなたが主人公ですが、 一緒に仕事をした主要人物も紹介する必要があります。 「キャスト」全体を含めると、次のことが強調されます。

2. ライジングアクション: 戦略を明らかにする

舞台が整ったら、ストーリーをアクション モードに移行しましょう。

• 直面した課題のいくつかを概説します。 挑戦は対立を生み、ストーリーを面白くします。たとえば、予算やスケジュールが限られていた可能性があります。

• あなたのことを説明してください 設計プロセス: たとえば、次の 5 つのフェーズを使用したとします。 デザイン思考—共感する、 定義する、 工夫する、プロトタイプ、テスト – 次に、それぞれで何を行ったかを簡単に説明します。最終製品に到達するまでにどのような手順を踏んだのか、またなぜその手順を踏んだのかを明確にしてください。

• 読者に設計プロセスの初期段階を案内します。 エンドツーエンドの設計プロジェクトの場合は、次の点について伝えます。 ユーザー調査 ステージ。写真を含めて、 スケッチ、または作成した成果物のスクリーンショットなど ペルソナ とユーザー ジャーニーマップ。

3. クライマックス: ピラミッドの頂上

クライマックスでは、プロジェクトの最もエキサイティングなイベントを明らかにし、問題解決能力を披露します。最終的なデザインは不可欠ですが、 それは彼らを導いたクライマックスの瞬間です 採用担当者にあなたの能力を示します。

あなたのプロジェクトについて、採用担当者の興味を引く何かを強調してください。彼らの記憶に残る何か。例えば：

• 難しい決断 あなたまたはあなたのチームが作らなければならなかったもの。

• 予期せぬユーザーインサイト ユーザー調査を通じて、それがプロジェクトの方向性の変更を余儀なくされたことを発見しました。

• 突然の、または時間制限のある課題 あなたが有能に解決したこと。

• 斬新なアイデアや予想外の解決策 問題に。

• あ ブレーンストーミング あなたがモデレートしたセッション その結果、以前は解決できなかった問題が解決されました。

あなたの UX ケーススタディ すべてを示すことはできないため、簡潔にする必要があります。採用担当者があなたのポートフォリオを検討する時間は 5 分しかないかもしれません。有意義で説得力のあるストーリーに最も貢献するプロジェクトのイベントについて考えてください。 すべてのイベントはストーリーを前進させる必要があります。 まるで本や映画のように。

4. フォール アクション: すべてを適切な場所に配置

ここまでで、あなたのストーリーは最終的な結論に達する準備がほぼ整いました。ユーザーの洞察、意思決定、アイデアがまとめられて、製品の最終的なイテレーションに反映されます。

• スケッチやアイデアをワイヤーフレームと忠実度の高いものに変換した方法を示す プロトタイプ。

• 読者にユーザー テストを案内し、ユーザーから収集した主なフィードバックを要約します。

• 写真、スクリーンショット、スケッチを提示してください UXの成果物 物語を支えるために。

5. 解決策: 最終的な結果

解決策は、プロジェクトの最終結果を披露する機会です。エンドツーエンドの設計プロセスの場合、これが最終的なプロトタイプまたは製品になります。などの専門家であれば、 UXリサーチャー、これが研究結果の最終レポートになる可能性があります。 最終結果を見せてみる—たとえば、最終的なアプリのスクリーンショットの形式で。

自分の仕事がどのようにして目標を達成したかを説明します。 主な問題や目標に結び付ける あなたは説明の中で、読者に終わりの感覚を与えるために概要を説明しました。

可能であれば、具体的なビジネス成果を含めてください。雇用主と企業はあなたが提供する価値を重視していることを忘れないでください。 可能な限りビジネスと収益を重視した結果を使用します。 たとえば、アプリを作成した場合、何人がそれをダウンロードし、アプリ ストアでどのように評価されましたか?サイトの使いやすさを改善した場合、コンバージョン率は向上しましたか?

最後に、個人的なポイントを記載します。良い物語は感動的な物語です！内省には次のものが含まれます。

• 最終製品についてどう思いましたか?

• 何を学びましたか?

• プロジェクトが期待したほど成功しなかった場合、考えられる理由は何ですか?

• デザインが重要であることを考慮して、その後に講じるアクションはありますか? 反復プロセス?

結局のところ、UX の悲劇?

優れた UX ケーススタディは素晴らしい結果で終わる必要があると思うかもしれませんが、 しかしそれは真実ではありません。 まず、今日素晴らしい結果が得られたとしても、数年後にはそれほど素晴らしい結果にならない可能性があります。たとえば、あなたが開発したアプリは、1 ～ 2 年以内に人気がなくなるトレンドの一部である可能性があります。

採用担当者にとって最も重要なことは、 制約や課題をどのように克服するか 結果を出すために。信じられないほどの結果は UX ケーススタディにとって素晴らしいものですが、たとえ成功しなかったとしても、プロジェクトをプレゼンテーションすることを恐れないでください。何よりも、彼らはあなたの考え方と働き方を評価したいと考えています。

このビデオでは、 ドン・ノーマン、カリフォルニア大学デザインラボの創設ディレクターであり、ニールセン・ノーマン・グループの共同創設者でもある彼は、デザイナーが21世紀に失敗を受け入れるべき理由を次のように説明しています。

David M. Kelley by Jonathan Chen (CC BY 2.0)
https://www.flickr.com/photos/wikichen/9375796736/

テイクアウェイ

ストーリーテリングは UX ケーススタディを作成するものです 魅力的で記憶に残る。 Freytag の 5 部構成の劇的な構造を使用して、説得力のある強力な UX ケーススタディを作成します。

1. プロジェクト、役割、モチベーション、目標を紹介します。 博覧会。必ず「きっかけとなった出来事」を含めてください。

2. 設計プロセスと課題を説明します。 上昇アクション。

3. 設計プロセスの極めて重要な出来事と発見を、 クライマックス。

4. あなたの仕事、洞察、アイデアがどのようにして適切な場所に収まったのかを示してください。 落下アクション。

5. 有意義で思慮深いもので終わる 解決。可能な場合は、ビジネス中心の成果を強調します。

参考文献と詳細情報の入手先

フライタークの 5 部構成の劇的な構造は、1863 年に彼の著書で初めてドイツ語で出版されました。 演劇のテクニック （「ドラマの技術」）。

ソシエテ ジェネラル CIB のマネージング ディレクター兼デザイン責任者であるモルガン ペンのコースを受講して、 傑出したUX/UIポートフォリオを構築し、夢の仕事を獲得しましょう。

フライターグのピラミッドを組み合わせる UX/UI デザインのケーススタディをページめくりに変えるアリストテレスの 6 つのドラマ要素。

方法を調べる 意図を持ってデザインし、ビジュアルストーリーテリングツールを使用してポートフォリオを作成します。

フライタークのピラミッドについて詳しく知る マスタークラスの定義。

ドン・ノーマンのコースでさらに詳しく学びましょう。 ドン・ノーマンによる 21 世紀のデザイン。

画像

ヒーロー画像：© インタラクションデザイン 財団、CC BY-SA 4.0