これらの採用担当者のヒントを使用して、優れたUXポートフォリオを作成します

公開: 2022-07-22

昨年、私は1,300を超えるUXデザインポートフォリオをレビューし、250人の候補者にインタビューしました。

UXは成長分野ですが、仕事をめぐる競争は厳しくなる可能性があります。 人材の目標到達プロセスが大きいと、特に経験の浅い候補者にとって、仕事を見つけるのが難しくなります。 設計者はどのようにしてアプリケーションを目立たせることができますか?

あなたのUXポートフォリオは輝かしい機会です。 採用マネージャーがあなたの経歴、スキル、問題解決能力を理解するのに役立ちます。 しかし、私がレビューするポートフォリオの約80%は不完全です。 また、応募にギャップがある候補者は、採用プロセスの次のラウンドに進みません。

これらのヒントを活用して、採用されるのに適した魅力的なUXポートフォリオを開発してください。

あなたの聴衆を知っている

あなたのポートフォリオがあなたのプロフィールをレビューする人々の優先順位と目的に話していることを確認してください。

ジェネラリストの採用担当者は、あなたの経験の幅広さと、あなたが彼らの会社に適しているかどうかに最も関心があります。 採用マネージャーに送る有力な候補者を見つけるのは彼らの仕事であり、ポートフォリオのホームページであなたのデザイン経験と成果を強調することで彼らの注意を引くことができます。

あなたは経験ストラテジストですか? インタラクションデザイナー? 情報アーキテクト? UX採用マネージャー(多くの場合、UXリード)は、ハードスキルとソフトスキル、および問題の解決方法について知りたいと考えています。 ポートフォリオのケーススタディでは、思考プロセスと設計方法に焦点を当てて、作業方法を示します。 面接中は、面接官の役割に基づいてメッセージを調整し、ポートフォリオのすべての側面について詳しく説明する準備をしてください。

200人のUX採用マネージャーが行った調査の結果は、候補者の役割と経験レベルによって期待が異なることを強調しました。 たとえば、多くの採用マネージャーはUX研究者のためのポートフォリオを必要としません(ただし、ポートフォリオを作成することで優位に立つことができます)。 彼らは、可能性に目を向けて、ジュニア候補者のポートフォリオを評価します。 経験の浅い設計者の場合は、プロセスを強調することが重要です。 シニアデザイナーのポートフォリオで、採用マネージャーはあなたの完成したプロジェクトの多様性を探しています。 彼らはあなたのプロセスに興味を持っていますが、あなたが多才であることも望んでいます。

プロジェクトでのデザイナーの役割に関するデザイナーの説明の例。タイトルは「AdminToolsDesign」、説明は「私は、出荷を自動化するビジネス向けの出荷ソフトウェアを作成したShiphawkのダッシュボードのUXデザイナーでした。製品マネージャー、開発者、カスタマーサービスと緊密に連携しました。チームが構築するためのワイヤーフレームとシンプルな設計システムを提供します。」
ケーススタディの最初に、明確に述べられた役割を含めます。 出典:Kat Windley

シンプルでスキャン可能に保つ

採用担当者と採用マネージャーは、ポートフォリオをスキャンすることで、あなたが有力な候補者であるかどうかを判断できるはずです。 雑然としたコンテンツや不要なコンテンツは気が散る可能性があるため、研究文書、アイデアスケッチ、ワイヤーフレームなど、スキルを明確にし、作業を説明する画像のみを組み込んでください。 同様に、太字の見出しと簡潔なプロジェクトの説明により、採用担当者は解決した設計上の問題の種類をすぐに特定できます。

幸いなことに、ポートフォリオWebサイトを最初から作成する必要はありません。 SempliceやSquarespaceなどのツールを使用すると、ポートフォリオをドメイン名で公開し、画像やテキストをドラッグアンドドロップしてさまざまなテンプレートをカスタマイズできます。 このようなプラットフォームは、適切に編成された情報アーキテクチャも保証します。

「概要」というタイトルのデザイナーのケーススタディ紹介の例。画面上部のヘッダーには「ProjectOutcomes」と表示され、その下のリストには「2週間以内にテスト済みのMVPプロ​​トタイプを投資家にデモ用に配信しました」と「3か月以内に一流の作業を行いました」と表示されます。 iOS開発者の皆さん、AppleのTestFlight環境でネイティブコードのSwiftiOSアプリケーションを提供することができました。」このテキストの下には、画面全体に水平方向に配置された5つの小見出しがあり、それぞれの下にリストがあります。小見出し「タイムライン」の下のリストは「2020年春」と「6か月」です。小見出し「Industry」の下には、「Music」と「Finance」と書かれています。小見出し「コアチーム」の下には、「Michael Craig(UXリード)」、「Corey Livingston(共同創設者)」、「Ashley Magitt(共同創設者兼デザイナー)」、「Stefan Progovac(iOS開発者)」と書かれています。小見出し「サービス」の下には、「4日間のリモートデザインスプリント」、「競合分析」、「UXデザイン」、「ビジュアルデザイン(UI)」、「モバイルデザイン(iOS)」、「情報アーキテクチャ」と書かれています。小見出し「成果物」の下には、「UX Research&Testing Report」、「Wireframes」、「ClickablePrototype」と書かれています。
スキャンしやすいケーススタディの要約の例。 出典:マイケル・クレイグ

プロセスと影響を示す

私はよく、ユーザーエクスペリエンスの利点についてアイデアを生み出し、社内で主張できる候補者を探します。 人間の行動を理解し、技術者のように考え、ビジネス目標とユーザー目標のバランスをとる方法を知っている好奇心が私の注意を引きます。 プロジェクトの結果を評価するだけでは、その考え方を持っているかどうかはわかりません。また、どのようにして解決策にたどり着いたかを知る必要があります。

克服した課題、学んだ教訓、およびアプローチを選択した理由を強調する設計者は、採用マネージャーに最も感銘を与える傾向があります。

デザイナーの作業プロセスを紹介するポートフォリオの例。タイトルは「プロセス」です。テキストには、「デザイン思考のアプローチに従って、3つの段階に分かれた計画を作成しました」と書かれています。テキストの下には、3つのステージが水平方向にリストされており、それぞれが異なる形状の下にあります。ピンクの三角形の下に、「理解する」というテキストが表示されます。青い円の下に「デザイン」と書かれています。紫色の五角形の下に、「進化する」というテキストが表示されます。
ある設計者のプロセスのステップの例。 出典:ミロキロフ

同様に、特にあなたの仕事が顧客レビューを改善したり、お金を節約したり、コンバージョン率を上げたりした場合は、あなたの影響を説明するときに具体的にしてください。 クライアントの目標を達成したか、目標を超えた場合は、そう言ってください。 採用マネージャーは、具体的な指標と実証された結果を求めています。

プロジェクトの影響を示すポートフォリオの例。上部の小さな太字で「TheImpact」と書かれています。その下にある大きな太字で「170,000回以上のダウンロード」と書かれ、その後に次のテキストが続きます。「London By Bikeアプリは、バージョン2.0のアップデート以降、肯定的なフィードバックと否定的なフィードバックの両方を受け取りました。ユーザーはアプリの機能とシンプルさによく反応しています。再設計。残念ながら、ネガティブフィードバックは、ドッキングステーションデータの適時性と正確性に大きく関係しています---私たちの制御が及ばない問題であり、継続的な改善が必要です。」
明確な影響を示し、進行中の課題を認めるプロジェクト。 出典:サイモンパン

必要に応じて、仮説の例を含めます

UXを初めて使用する場合や専門分野を変更する場合は、スキルと問題解決能力を示す設計上の課題を作成します(これは架空のシナリオであることを明確にします)。 問題を選択し、いくつかの長所を紹介できるソリューションを構築します。 実際のプロジェクトの場合と同じように、プロセス、方法論、および重要な学習について説明します。 単に最終的なデザインに焦点を合わせないでください。

たとえば、UXデザイナー兼研究者のSarah Doodyがエクスペリエンスを構築しているとき、彼女はユーザーエクスペリエンスの観点から実際の問題(トランジットチケットを購入するための複雑なプロセスなど)を調査しました。

架空のケーススタディを作成する場合は、簡単すぎる問題を選択しないでください。 設計の割り当てに単一の課題が含まれることはめったにありません。 ソリューションを作成するには、さまざまなスキル、考慮事項、および反復が必要です。 仮想ソリューションでは、使いやすさ、アクセシビリティ、読みやすさなどの要素を考慮してください。 採用担当者とUXリードは、非現実的な問題や過度に単純化されたソリューションを見たがりません。

2列のテキストを持つグリッド。左側は緑色の長方形で「実行」とラベル付けされ、右側は赤色の長方形で「禁止」とラベル付けされています。 「Do」ラベルの下の3行のテキストには、「例が仮説であることを明確にする」、「方法論とベストプラクティスを説明する」、「自分の強みを示すソリューションを構築する」と書かれています。 「しない」側の3行のテキストには、「チャレンジを簡単にしすぎる」、「最終結果のみに焦点を合わせる」、「アクセシビリティや使いやすさなどの要素を見落とす」と書かれています。

ポートフォリオのケーススタディでストーリーを語る

優れたポートフォリオは、製品のライフサイクルの最初から最後までのストーリーを伝えます。 最終的な結果を得るには、リクエストを提出し、戦略を準備し、手法を選択し、ユーザーとソリューションをテストし、これらの洞察と指標を関係者に提示しました。 各段階で改善が必要であり、最終的な設計に貢献する洞察をすべてのラウンドで発見しました。 ポートフォリオは、このプロセスにおける緊張と発見を捉える必要があります。

ストーリーテリングは、構造とコンテキストを提供します。 ケーススタディを、問題、アプローチ、プロセス、結果の4つの段階に分けます。 これにより、ストーリーの始まり、中間、終わりが明確になります。

左から右を指す矢印の付いた4つのボックス。ボックスは、ポートフォリオのケーススタディでストーリーを伝える4つの段階を表しています。最初の長方形には「問題」というラベルが付けられ、その上の三角形の内側に感嘆符が付いています。 2番目の長方形には「アプローチ」というラベルが付いており、その上の電球の内側にチェックマークが付いています。 3番目の長方形は「プロセス」と表示され、その上の歯車の内側に矢印があり、時計回りの動きを示します。 4番目の長方形には「結果」というラベルが付けられ、その上にクリップボードにチェックリストがあります。」

問題

デザインリクルーターがあなたが直面した課題を理解するのを助けるために、タイトル、あなたの役割、そして問題とそれがあなたのクライアントと彼らのユーザーにどのように影響したかを要約した数文であなたの仕事を紹介してください。 たとえば、クライアントがモバイルアプリケーションに支払いシステムを追加したい場合は、次のようなケーススタディを開始できます。

モバイル決済

私の役割:UXデザイン

問題:クライアントは、モバイル決済オプションを追加することで、ユーザーと販売者の間でアプリとのエンゲージメントを高めることを目的としていました。 モバイル決済の人気と利便性により、クライアントは巨大な市場機会を逃していることに気づきました。 彼らは、ユーザーに価値を提供する最小限の実行可能な製品から始めたいと考えていました。 私はチームで働き、プロジェクトのUXデザインを主導しました。

アプローチ

次に、計画の作成に使用された意思決定プロセスを詳しく説明して、採用担当者に印象を与えます。 利用可能なさまざまなオプションを使用して、いくつかの方法論を選択し、他の方法論を拒否しました。 これは、誰かに惣菜を提供することと、あなたがどのように料理するかを見せるために彼らをあなたの台所に招待することの違いのようなものです。 モバイル決済の例を続けると、このセクションは次のようになります。

アプローチ:私が所属していたチームは、アプリがどのように機能し、ユーザーがアプリをどのように操作したかを理解したいと考えていました。 ユーザーのフィードバックに基づいてデザインを改良できるように、いくつかの簡単なプロトタイプを作成し、ユーザーインタビューを実施することにしました。 また、クライアントの対面での支払いプロセスにも精通しました。

この最初の調査は、新しいモバイル決済システムがクライアントの既存のエコシステムにどのように適合するかを決定するのに役立ちました。

プロセス

これはあなたのスキルが本当に際立っているべきところです。 障害をどのように克服したか、そして何を学んだかについて話し合います。 たとえば、ユーザビリティテストから収集した洞察や、プロジェクトのタイムラインが短縮されたときにどのように適応したかを説明できます。 プロジェクトが完璧な環境で発生することはめったにないことを忘れないでください。 採用担当者は、あなたが課題にどのように対応するかを知る必要があります。 モバイル決済の例では、このセクションには次のものが含まれる場合があります。

プロセス:

  1. 開発された忠実度の低いプロトタイプ:構想プロセスの最初の段階は、ペルソナがこのモバイル決済システムに求める画面のラフスケッチを作成することでした。 スケッチを競合他社の支払いフローと比較しました。 次に、アプリがより大きなモバイル決済エコシステムのどこに適合するかを特定しました。

  2. 実施された評価:ヒューリスティック評価を使用して、最初のプロトタイプをテストし、ユーザーのフィードバックを収集しました。 その結果、次のフェーズで支払い機能を改善するためのユーザビリティの問題を特定しました。

  3. 作成されたワイヤーフレーム: POPを使用して、ユーザーがテストしたスケッチをデジタルワイヤーフレームに改良しました 次に、Flintoを利用して、ワイヤーフレームのプロトタイプをユーザーテストしました。 ユーザーに事前定義されたタスクを完了するように依頼し、プロトタイプを探索しながらそれらを観察しました。 これは、製品を改善するための新しい洞察を発見するのに役立ちました。

  4. 忠実度の高いプロトタイプの開発:最後に、洗練されたワイヤーフレームを忠実度の高いモックアップに開発しました。 新しい機能が既存のアプリケーションに適合して視覚的な一貫性を確保できるように、クライアントのブランドガイドラインを組み込みました。

結果

結果の要約では、最初にクライアントに提供したものを共有します。 研究基調講演のまとめでしたか? 最先端のワイヤーフレーム? デザインシステム? 次に、ソリューションが問題にどのように対処したか、およびそれがどのように期待に応えたか、または期待を超えたかを説明します。 次のステップ(プロジェクトが進行中の場合)または製品の将来の改善のためにクライアントに対して行った推奨事項に注意してください。 モバイル決済の例では、このセクションには次のものが含まれる場合があります。

結果:私たちのチームは、アプリケーションにシームレスに適合し、ユーザーが物理的な場所で支払うのと同じようにモバイルで購入できる最終製品を開発しました。 競合他社とユーザーの調査を通じて、支払いシステムを設計および実装する際に情報に基づいた決定を下しました。 ユーザビリティテストとフィードバックのおかげで、初期設計に多くの改善が加えられ、将来の反復で開発される可能性のある追加機能が特定されました。

繰り返す

さまざまなスキルと専門知識を示す3つのケーススタディを含めることをお勧めします。 それぞれについてストーリー構造を繰り返します。

あなたはすべての専門家である必要はありませんが、あなたはあなたの経験の幅全体にわたって自然な好奇心を示すべきです。 タッチスクリーン、時計、デスクトップ、モバイルなど、これまでに使用したさまざまなデバイスの例を含めることができます。 または、すべてのタイプのデバイスでサポートされる流動的な設計を開発した場合は、一貫性をどのように維持したかを強調できます。 物理的な設計ソリューションも組み込んでください。デジタルの例に限定する必要はありません。 あなたの幅広いスキルセットを示し、あなたの最高の、最も革新的な仕事を強調するプロジェクトのコレクションを選択してください。

これらのステップを通じて作業がどのように進化したかを示す画像を含めることを躊躇しないでください。

あなたのポートフォリオは点をつなぐ

ケーススタディに加えて、魅力的なホームページ、目立つ連絡先情報、直感的なナビゲーションなど、ポートフォリオの他の重要な要素を忘れないでください。 UXポートフォリオのヒントとベストプラクティスについては、このガイドを参照し、インスピレーションを得るためにいくつかの実際の例を確認してください。

もちろん、優れたポートフォリオがあっても、関連する経験のある仕事にのみ適用されます。 User InterfaceEngineeringの創設者であるJaredSpoolは、次のように述べています。 それが職位と一致しない場合でも、それは良いポートフォリオである可能性があります。 ぴったりではありません。」

採用担当者は、職務要件を満たし、迅速に学び、批判的に考え、さまざまな視点を理解する意欲のあるデザイナーを探しています。 これらのスキルを実証する優れたUXデザインポートフォリオは、次の仕事へのチケットです。