傑出したポートフォリオガイド

UXデザインでは、ポートフォリオは高等教育以上のものを意味します。 雇用主と採用マネージャーは、あなたのポートフォリオを使用して、あなたの経験、美学、さらに重要なことに、現実世界でのビジネス上の問題を解決する能力を判断します。



最初のポートフォリオを作成することは、非常に難しい作業のように思えます。 初心者UXデザイナーが独自のストーリーを示すポートフォリオを作成できるように、包括的なガイドをまとめました。

1. Webサイトを作成する

これは、優れたオンラインポートフォリオを作成するための明らかなステップです。 あなたのサイト、これはあなたの仕事の簡単な説明ではありません-これはあなたの仕事です。 完璧にするために最善を尽くしてください。

1.1 Web分析を接続する

Google Analyticsをサイトに追加して、トラフィック統計を収集します。 これにより、訪問者のプロファイル（最近サイトにアクセスした人（場所）、期間、プロジェクトの内容）をまとめることができます。 このデータを使用して、サイトのパフォーマンスを最大限に最適化できます。

1.2ナビゲーションをできるだけ明確にします。

実験をしないで、すべてを賢くしてください。 ユーザーがあなたについてもっと知る方法を正確に知っていることを確認してください：あなた、ポートフォリオ、連絡先などに関するページ





ティファニーのウェブサイトには多くの興味深い事例が含まれているという事実にもかかわらず、現在のナビゲーションを見つけることは困難です。

1.3他のサイトで追加のポートフォリオを作成する

ポートフォリオは1つのサイトに限定されるべきではありません。 BehanceとDribbbleは、作品を共有するのに最適な場所です。 これは、将来のクライアントや雇用主を見つけるのに役立ち、デザイナーの名声を高めることになります。





Behanceは、多くの企業の新しい顧客を見つける上で重要な役割を果たしています。 Ramotionには私のお気に入りのポートフォリオがあります。 彼らの仕事のほぼすべてがメディアから多くの注目を集めています。

2.ストーリーを伝える

ポートフォリオがユーザーの中心にあることを確認してください。 視聴者が見たいものを決定し、スキルがどのように役立つかを示します。

• 空席を検索して分析します。 これは、希望する仕事に必要なスキル、教育、および経験を理解するのに役立ちます。
• 競合相手を見つけます。 ポートフォリオを参照して、どこで目立つかを判断してください。

次に、あなたの強みを特定し、ポートフォリオでそれらに集中する必要があります。 次の質問に対する答えを見つけることは、自分自身をよりよく提示するのに役立ちます。

• あなたのトレーニングは何ですか？ UXデザイナーにとって最も役立つスキルは何ですか？
• あるスタイルはありますか？ 特定のタイプのデザインを専門としていますか？

2.1素敵なホームページとAbout meページを作成する

あなたのメインページはあなたが誰で、どんな仕事を探しているのかを簡潔に、しかし効果的に教えてくれるはずです。 自己紹介ページを表示する前に、訪問者に簡単な要約を提供します。





Adhamのホームページは彼のスキルをよく示しています。



自己紹介ページは、あなたの経験、趣味、興味、そしてあなたが誰になりたいかについてもっと知るのに最適な場所です。 これを使用して、将来の雇用主にあなたが人として誰であるかを理解させます。





Eric Bewのポートフォリオは、洗練されたデザインと記憶に残る性格の素晴らしい組み合わせです。

2.2レビューを使用する

あなたのスキルを社会的に証明することは、どのサイトでも信頼を築く良い方法ですが、ポートフォリオにとっては特に役立ちます。 顧客との良好な関係がある場合、レビューは簡単に収集できます。





エドマンドは、レビューのためにページ全体を強調しました。

2.3 UXユニコーンになろうとしないでください

UX Unicornは、デザインのあらゆる分野で多くのスキルを持っている幽霊のようなデザイナーです。 代わりに、あなたのスキルをT字型と考えてください。 「T字型」の概念とは、自分をプロと見なすために必要なスキル（水平線）と、所有するスキル（垂直線）があることを意味します。





（私はこれが非常に得意であり、この他のこともよく知っています-約Per。）Image： Futurice



あなたがすべてが得意であることを示すことは、競争力を高めるために非常に魅力的ですが、この考えを避けるべきです。 代わりに、あなたのコアスキルに焦点を合わせ、あなたの経験を使ってそれらがなぜそれほど重要なのかを伝えてください。

3.プロジェクトをそこで構成する方法を考えます。

あなたのサイトのアプローチと美学にもかかわらず、ほとんどの雇用主はあなたがどのように問題を解決するかを知りたがっています。 価値を最大化するために、プロジェクトをどのように提示するかについて考えてみてください。

3.1（最後ではなく）最も適切なプロジェクトを最初に配置する

最も印象的なプロジェクトを時系列ではなく最初に表示してください。 これは、経験がほとんどなく、UXで最初の仕事を得たい場合に特に重要です。 ポートフォリオには、過去の仕事を示すだけでなく、開発の方向性も示す必要があることに注意してください。 より多くの作業を行いたいプロジェクトのタイプのみをポートフォリオに追加してください。

3.2有望なプレビューを作成する

候補者選択の初期段階は冷酷です。 採用マネージャーまたは雇用主は、数百（数百ではないにしても）のポートフォリオを確認して、いくつかを選択する必要があります。 彼らがしばしば1分以内に決定を下すことに驚かないでください。 Troy ParkとPatrick Neemanは、 人々がUXポートフォリオを見て約10〜15秒費やしていると主張しています。 テキストを使用してプロジェクトの詳細を簡単に伝え、 60秒のテストを使用してサイトで基本情報が利用可能かどうかを確認してください。





ポートフォリオAlan Shenには、各プロジェクトの優れたプレビューがあります。

3.3 NDA（非開示契約）を克服する

多くのデザイナーにとって、NDAは彼らのポートフォリオにとって最大の脅威です。 それにもかかわらず、NDAがプロジェクトをポートフォリオから除外する理由であってはなりません。 NDAの問題を解決する方法は次のとおりです。

• 許可を求めてください。 クライアントと良好な関係がある場合、特に機密情報をすべて削除した場合は、プロジェクトを公開できる場合があります。
• 作業を非個人化します。 特定の情報を提供せず、ぼかしを使用して、クライアントに示唆的な要素を非表示にします。 潜在的な雇用者にとって、他の会社の特定の詳細よりも、全体像（あなたができること）を見る方が興味深いでしょう。
• 再作成。 実際のプロジェクトを表示できない場合は、プロジェクトを再作成して、行ったことを示します。 これが再現された作品であることを示すことを忘れないでください。

3.4ポートフォリオプロジェクトがないと言わないでください

すべての最近の卒業生は同じ問題を抱えています-彼らはポートフォリオなしで仕事の経験を得ることができず、彼らは仕事の経験なしでポートフォリオを得ることができません。 可能な限りあなたの可能性を示すことをお勧めします。 たとえば、 デイリーUIチャレンジに参加して、最高のものをポートフォリオに追加できます。 DailyUI（99designsもうまく機能します-約Per。）初心者に特に適しています。スキルの向上に役立つだけでなく、デザインコミュニティでの認知度が向上するためです。 さらに、アカデミックな作業とコンセプトプロジェクトをポートフォリオに追加することをお勧めします。

3.5量ではなく品質に焦点を当てる

ポートフォリオにとっては少ないほど良いです。 2つまたは3つのプロジェクトを選択し、詳細に説明します。 互いにあまりにも類似したプロジェクトを除外し、1つのストーリーで十分です。 それが良いプロジェクトである場合、たった1つのプロジェクトのポートフォリオを持つことは非常に普通です。





Michael Eversonのポートフォリオ全体は、 SoundCloud for iOSという1つのプロジェクトを中心に構築されています。 彼は開発のすべての段階を詳細に説明し、優れたプレビューでそれらをサポートしているので、彼はそれがどのように機能するかを明確にします。

4.詳細に説明する

他の業界では最終製品のみを表示するか結果を説明するだけで十分ですが、UXではすべてが異なります。 完成品を見ただけでなく、雇用主/顧客はあなたがどのように問題を解決したかを知りたがっています。 あなたの作品がどのようなプロセスを経たのかを示すことは非常に重要であり、まるで魔法のように見えたわけではありません。 記述形式はプロジェクトによって異なる場合がありますが、基本的には、各プロジェクトをレビューとUXプロセスの2段階に分けることをお勧めします。 まずはレビューです。 訪問者は、このプロジェクトの内容とその目標をすぐに理解できるはずです。 追加できるトピックは次のとおりです。

• プロジェクトの目的 -プロジェクトが開始された理由
• 目標 -どのような結果を得る必要がありますか？
• 期間 -どれくらいの時間を費やしましたか？
• チーム -このプロジェクトで誰と仕事をしましたか？ LinkedInプロファイルに名前とリンクを追加します。
• あなたの役割 -プロジェクトにどのような貢献をしましたか？
• 結果 -アプリケーションをダウンロードし、プロトタイプ、ソースコードを表示するための画像/ビデオまたはリンク。

Itun Zhangのポートフォリオの各作品は、簡単な概要から始まります。



UXプロセスフェーズは、おそらくポートフォリオの最も重要な部分です。 UXデザイナーとして、プロセス全体の説明を非常に真剣に受けとめる必要があります。





UXプロセスの例。 画像： Zurb



作業はコンテキスト内でのみ評価できることを理解する必要があります。 問題とその解決策を説明し、最終製品を取得するために行ったプロセスを示します。

• 設計における問題/課題 -単純なもの、たとえば、解決しようとしている問題（ビジネス）についてのいくつかの提案などです。
• ユーザーオーディエンスリサーチ -ユーザーとそのニーズ、モチベーション、問題領域を説明します。 この部分には、この情報を収集したツール（ キャラクターや同情カードなど ）が含まれる場合があります。 また、競合他社の分析に言及することもできます（ユーザーのニーズを解決する際の競合他社の長所と短所を考慮してください）。
• 解決策 -このパートでは、次の質問に答えます。問題をどのように解決しましたか？ このソリューションを選択した理由と選択に影響を与えたものは何ですか？
• 設計 -アイデアから特定のソリューションに至るまでの経緯を必ず説明してください。 フローチャート、レイアウト、および作業用プロトタイプを表示します（はい、 これらはすべて異なるものです -約Per。）。 雇用主は、これを行うことができ、開発者の観点からプロジェクトを見ることができることを知っている必要があります。 可能であれば、インタラクティブなプロトタイプ（ InVisionなど）を追加して、訪問者がそれを試せるようにします。
• テスト -成功/失敗をどのように測定しますか？ ソリューションをどのようにテストしましたか？ どのような質問をしましたか？

4.1強力なストーリーを作成する

あなたのプロジェクトはあなたとあなたのプロジェクトについての物語、あなたの旅、あなたの成功と問題、途中のあなたの障害についての物語です。

• プロジェクトに関するさまざまな情報の優先順位を定義し、ストーリーをより面白くするために適切な場所で読者に提供します。
• 問題解決スキルを誇示します。 ポートフォリオ内の作業のさまざまな部分を説明し、それまでの問題とその解決方法について明確に話し合ったことを確認してください。
• 問題を解決するプロセスで適切なツールを使用する能力を示します。
• 言葉とイメージで簡潔に自分を表現する能力を示してください。 プロセスをステップごとに説明し、画像のコンテキストを示します。
• プロジェクトでの作業中に学んだことを明確に示すようにしてください。

サイモンペンは、デザインの各部分を個別のストーリーとして提示し、優れた画像で補完します。 SimonのポートフォリオからのAmazonプライムミュージックの開発履歴。

4.2作業の影響を説明する

あなたを雇った会社にもたらした価値を示してください。 可能であれば、デザインがどのように会社を成功に導いたかを説明してください。 肯定的な結果がある場合は、必ずそれについて伝えてください。プロジェクトが成功した理由を強調し（目標指標がX％増加しました）、それを達成するための役割を強化します。





サイモンのポートフォリオからの別の例。 ILC NSW「AT Magic」プロジェクトの結果

4.3視覚的表現でサイクルを繰り返さない

あなたがビジュアルデザイナーであるふりをしないでください（あなたがそうでない場合）。 ポートフォリオの目標は、すばらしいデザインスキルを示すことではないことを忘れないでください。 有能なビジュアルデザインスキルの存在は間違いなくプラスになりますが、あなたの立場の主なタスクである「インタラクションエクスペリエンスの開発によるビジネス上の問題の解決」と混同しないでください。





ポートフォリオグローリーキムは画像に注意を払いすぎており、UXプロセスに関する基本的な情報を提供していません。

4.4最終的な目標のみに焦点を合わせない

ポートフォリオのUXデザイナーは、プロジェクトの「旅」ではなく、最終製品に集中することがよくあります。 ただし、採用マネージャーは最終製品にあまり関心がなく、これらの製品を作成するプロセスに関心があります。 良いポートフォリオは、最終結果の背後にある研究によって常に補完されます。





マイケル・シュチェパンスキーは、各パートを彼の洞察力を強調する刺激的なストーリーとして提示します。

4.5貢献を過大評価しないでください

嘘をつかないでください。 チーム全体が取り組んだプロジェクトのすべてのメリットを活用するのは簡単です。 誠実さが最善の戦略であることを忘れないでください。何かをする方法がわからない場合、またはこれを経験していない場合は、ポートフォリオでそれについて話さないでください。 あなたの役割と一緒に働いた人たちを明確かつ正直に概説してください。

おわりに

優れたUXポートフォリオを作成するには、多くの労力（時間、トレーニング、繰り返し）が必要ですが、それだけの価値があります。 成功すれば、ポートフォリオはデザイナーとしてのあなたの能力の深さを示し、あなたがどのように考えているかを示し、潜在的な雇用者またはクライアントにあなたと働くことの理解を与えます。 人々はポートフォリオではなく人を雇うことを忘れないでください。