🗂️ Design Materials ＃UXケース・スタディの書き方

2021年5月23日 00:38

最近、将来のことを考え、ポートフォリオを充実させることを考えました。私のポートフォリオでは、UIのビジュアルは充実していると感じますが、
全体的に全く深みがなく、今まで何をしたのかがはっきりわかりません。または、自分ではUX、UIデザイン経験があることを知っていても、今のポートフォリをからは、経験があまりないように感じ取られます。なぜかというと、プロジェクトのケーススタディが十分に提示されてないからです。

私にとってケーススタディを書くのは、日本語でも難しく、しかも英語でとなるととても困難に感じてしまいます。数年前に特殊なアプリのデザインを手がけたときに書いたケース・スタディは、ネーティブのデザイナーたちに何度か記事を確認してもらい、フィードバックをいただき、最終的には最初に書いたケース・スタディとはかけ離れた記事になったのを今でも覚えています。

UXを始めた頃は、ケース・スタディやプロジェクト・ストーリーをまとめる作業は、とても億劫に感じました。人より時間がかかって、退屈な宿題のように感じられ学生に戻った気分になりました。そして、その作業がなぜ必要なのか全く理解できず、重荷にも感じていました。それなので、多くのスクリーン・ショットを挿入して、それにまつわる多少のテキストを加えるだけで提出していましたが、それでは全く意味がないことも同時に理解していました。色々なデザイナーのフォートフォリオ・サイトを参照していると、素晴らしいUXデザイナーのポートフォリオはケース・スタディにより力を入れていることを知り、いかにケース・スタディを描く作業が大切なのか理解してきました。説得力があるケース・スタディの制作は、UXデザイナーにとって重要な要素だということが理解できるようになりました。

例えば、クライエントが私たち企業のウェブサイトを見る上で、ヴィジュアルはもちろん大切ですが、説得力のあるケーススタディを用いて過去の仕事をショーケースできれば、需要の高い仕事や望んでいた大きなプロジェクトを獲得することができます。

💡 ケース・スタディは私たちがどのようにプロジェクトを進めたのか、またデザインの決定を明確に表現できる方法で、クライエントのコラボレーションの様子も伺うことができる唯一の方法です。

今回は、ポートフォリオにおけるケーススタディの役割、ケーススタディの構造、ケーススタディを作成する手順を調べてみました。以下のサイトを参照しました。

ケーススタディで差別化しよう

今や、作品を見せるだけではもはや十分ではありません。 Center Centreによると、UXデザイナーの仕事の成長は今後10年間で22％増加すると予想されています。 UXはホットフィールドで、とても競争率が高くなっています。

したがって、ポートフォリオは、単にビジュアルがいいだけでは良いものとは言えなくなってきています。 UXプロフェッショナルにとって重要なスキルは、コミュニケーション能力です。UXのケーススタディがない場合、クライエント、採用担当者、また採用マネージャーは、あなたが今までに何をしてきたのか、そして彼らがあなたを採用する上で、信頼を持つことができにくくなります。ライティングは重要なスキルですが、デザイナーはそれを十分に習得したり、勉強したりすることはめったにありません。ただし、UXケーススタディに関しては、ポートフォリオの成功において最も重要な変数の1つです。

実を言うと、UXプロジェクトについて書くのは簡単な作業ではありません。ただし、次の手順に従うことで、より明確に書く方法を明確に理解できるようになります。

UXケーススタディの構造

UXポートフォリオ、またケーススタディに取り組むとき、弁護士のように考えることがポイントです。弁護士はどのようにして訴訟に勝つのでしょうか？ 強力なコミュニケーション、そしてさらに強力な証拠です。

💡 ポートフォリオ内のプロジェクトは、訴訟の証拠のようなものです。そのため、ポートフォリオのプロジェクトを慎重に選択する必要があります。

1. 概要
2. 問題提示
3. オーディエンス
4. 役割と責任
5. 範囲と制約
6. プロセス
7. 結果と教訓

→ GoogleドキュメントのUXケーススタディテンプレート（英語版）
この無料のGoogleDoc UXケーススタディテンプレートでは、UXプロジェクトを提示する方法を紹介し、スキルと経験を紹介しています。

UXケーススタディの書き方

ケーススタディを書くときは、長さを気にする必要はありません。作成したケーススタディをより視覚的なものに移行するときは、それらを編集して、テキストの一部を視覚的に伝達する方法についても検討します。

ステップ1.　プロジェクトにタイトルを付けます
人々が犯す大きな間違いは、強いタイトルがプロジェクトのコンテキストを与えることができるときに、プロジェクトのタイトルに十分な詳細を与えないことです。

良い例：
Home Depot user research for mobile app checkout
チェックアウトに関するホームデポのユーザー調査

まあまあ：
Home Depot user research
ホームデポのユーザー調査

悪い例：
Home Depot
ホームデポ

💡 ホーム・デポ（英:The Home Depot,Inc.、米国での発音はディーポ）は、アメリカ合衆国ジョージア州に本社を置く住宅リフォーム・建設資材・サービスの小売チェーン。

ステップ2.　アウトラインを書く

詳細を始める前にアウトラインを考えてください。アウトラインの目的は、プロジェクトの「全体像」を理解するのに役立つことです。これにより、ケーススタディを構成する方法や、プロジェクトが複数のケーススタディに値するほど大きいかどうかを判断できます。

上記の7つのセクションからアウトラインを書き始め、各セクションの下に箇条書きを記入し始めます。文型について心配する必要はありません。

ステップ3.　詳細を入力します

アウトラインができて全体像が見えたので、詳細を入力し始めることができます。

「プロセスとあなたがしたこと」このセクションを細かく書くことをお勧めします。ここでは、高校での科学実験を記録するのと同じように、実行した手順を記録します。

次のような質問に答えてみましょう。

何をしましたか？たとえば、どのような調査方法を使用しましたか？
なぜそれをしました？たとえば、なぜその調査方法を選んだのですか？
結果はどうでしたか？たとえば、研究目標を達成しましたか？
何を学びましたか？たとえば、次回同じ機会があったらどうしますか？

悪い例：
We did usability testing on the checkout of the Home Depot mobile app.
HomeDepotモバイルアプリのチェックアウトでユーザビリティテストを行いました。

💡 なぜこれが弱いのですか？
それはあなたが何をしたかを読者に伝えるだけだからです。なぜそれをしたのか、何が起こったのか、何を学んだのかについては触れていません。

良い例：
To evaluate the new checkout on the Home Depot mobile app, we relied on usage metrics in conjunction with 8 usability tests.
Home Depotモバイルアプリでの新しいチェックアウトを評価するために、8つのユーザビリティテストと組み合わせた使用状況メトリックに依存しました。

This allowed us to gain deeper understanding through combining both qualitative and quantitative information.
これにより、定性的情報と定量的情報の両方を組み合わせることで、より深い理解を得ることができました。

Although users were able to get through the checkout more quickly, they continued to struggle with the shipping section.
ユーザーはチェックアウトをより迅速に完了することができましたが、配送セクションで苦労し続けました。

Discussions with users discussion revealed that often times, products in one order have different shipping addresses, which was possible, but difficult in the current checkout.
ユーザーとの話し合いの結果、1つの注文の商品の配送先住所が異なることがよくありました。これは可能無ことでしたが、現在のチェックアウトでは困難なことでした。

💡 このバージョンは、何が行われたかについて話すだけではないため、はるかに強力です。この深さを提供することはあなたを際立たせるものです。設計上の決定とプロセスを明確にすることで、より成熟した思慮深い専門家としての地位を確立することができます。

ステップ4.　見出しを書く
この時点で、あなたはおそらく「誰がこのケース・スタディを読むだろうか」のようなことを考えているでしょう。このステップは、ストーリーの重要なハイライトに集中できるように、すべてを抽出し始めるのに役立ちます。

これを行うための最良の方法は、ツイートでのみケーススタディを書かなければならないふりをすることです。クレイジーに聞こえますが、機能します。

私たちが取り組んでいるアウトラインのセクションごとに、1つの見出しまたは文を書きます。ただし、エネルギーを集中させるプロセスセクションは除きます。 [プロセス]セクションでは、各ステップの見出しが必要になります。以前の架空のホームデポユーザー調査の例を使用すると、プロセスセクションの見出しの一部は次のようになります。

ステップ：どのような種類の調査を行い、なぜそれを行ったのか。
例：分析により、顧客は配送セクションでのチェックアウトに苦労し、場合によっては見捨てられたことが明らかになりました。その理由を理解するために、8つのユーザビリティテストを実施しました。

ステップ：調査からの発見。
ユーザビリティテストでは、ビジネス顧客と住宅顧客の配送ニーズが異なることが明らかになりましたが、現在のチェックアウトエクスペリエンスでは対処されていませんでした。

ステップ：製品開発に対する研究の影響。
チェックアウトの2つの新しいバージョンのプロトタイプを作成し、顧客が製品ごとに配送先住所を選択できるようにしました。

💡 140文字の制限に固執することで、ケーススタディの最も重要なポイントを特定するように強制されます。これは、実際のポートフォリオを作成するときに見出しになります。

あなたが強い見出しを持っているかどうかをテストする良い方法は、誰かが見出しをざっと読んであなたのプロジェクトの要点を理解するかどうか自問することです。そうでない場合は、見出しを書き直します。UXポートフォリオのユーザーにプロジェクトをすばやく理解してもらいたい場合は、これらが最も重要なポイントです。

ステップ5.　ケーススタディのテキストを実際のポートフォリオに抽出します

ポートフォリオに選択する形式に関係なく、文章は明確で簡潔である必要があります。1回の編集ではダメです。スライドを使用してKeynoteで作業しているとすると、プロセスは次のようになります。

1. あなたが書いた見出しを取り、Keynoteのスライドごとに1つの見出しを配置します。

2. いくつかの情報を1つのスライドにマージする可能性があることを考慮してください。たとえば、概要と問題の説明を組み合わせることができます。

3. ここで、戻ってケーススタディから最も重要で関連性のある詳細を引き出し、詳細や証拠を裏付けるものとして各スライドに配置する必要があります。

実際の例
Simon PanのUXポートフォリオウェブサイトでは、すばらしいケーススタディが拝見できます。ビジュアルデザイナーでもあるのでとても見た目も良いのですが、ここでは内容に焦点を向けてみます。彼のUberのケーススタディは優れた例です。なぜそれが機能するのかを見てみましょう。

1. プロジェクトの問題とフレーミングを明確にします。サイモンのケーススタディは、問題を明確に述べ、プロジェクトを構成しています。 そのため、Uberのことを聞いたことがなくても、プロジェクトを理解するのに十分なコンテキストがあります。

2. プロセスの説明。 サイモンは物語のように書いているので、とても読みやすく、注意を引き付けます。よく考えられた記事のように感じます。ビジュアルデザインは言うまでもなく、重要なポイントを引き出すのに役立ちます。以下のスクリーンショットでは、彼はディスカバリー・プロセスの一部を説明しています。また、ユーザーリサーチの見積もりを使用すると、ストーリーをさらに生き生きとさせることができます。

3. 思慮深い結論と考察。 最後に、サイモンは結果、考察、洞察でケーススタディを締めくくります。人々はあなたがしたことを知りたいだけでなく、あなたがしたことの影響を知りたがっています。

ネクスト・ステップ

これらすべての手順を実行すると、UXポートフォリオのユーザーにとってより読みやすく、スキャンしやすいものに編集された長いケーススタディが得られます。

そして、あなたが書いたUXのケーススタディは多くの目的に役立つことを忘れないでください。もちろん、それらはあなたのポートフォリオの基盤ですが、あなたの履歴書、LinkedIn、カバーレター、そしてあなたがインタビューで言うことにもフィードすることができます。次回は英語でケーススタディを書いた時の例をご紹介したいと思います。

私も、色々勉強中なので、皆さまの、ご意見・ご感想をお聞かせください。お読み頂きまして、ありがとうございました。

メルボルンを拠点にプロダクトデザイナーとして働いています。主にデジタル・プロダクトの制作に携わっています。