UXポートフォリオのヒントとベストプラクティス

公開: 2022-03-11

彼の回想録LetMyPeople Go Surfingで、グローバルアウトドアブランドPatagoniaの創設者であるYvonChouinardは次のように書いています。

頂上に到達するよりも、どのように山に登るかが重要です。

つまり、特にクライアントとキャリアの機会を追求する上で、方法論が最も重要なのはUXデザインの世界です。 UXデザイナーが方法論を示し、問題解決能力を示すための最良の方法の1つは、適切に設計されたポートフォリオWebサイトを使用することです。

ポートフォリオをスキルのショーケースとして考えるのではなく、 「これが私にできることです」 。UXデザイナーは、プロセスを説明し、楽しいユーザーエクスペリエンスを作成する機会を得る必要があります。「これが、デザインを使用して人々の問題を解決する方法です。」

同様に、設計者は特定のオーディエンス、つまり一緒に仕事をしたい人々や仕事をしたい業界に合わせてポートフォリオを調整する必要があります。なぜですか?

UXデザインは、インタラクションデザイナー、UXリサーチャー、情報アーキテクト、エクスペリエンスストラテジストなど、さまざまな役職を持つ幅広い分野です。 これらの役割はユーザーエクスペリエンスを向上させるために存在しますが、同じではありません。 それぞれが製品設計プロセスに独自の貢献をしています。

代理店向けのUXデザインウェブサイト
ポートフォリオのインスピレーションを見つけるための優れた方法は、UXデザインエージェンシーからヒントを得ることです。 Momentum Design Labのこの例は、複雑な設計プロセスを単純なグラフィックと明確な言語で要約する方法を示しています。

このガイドでは、UXデザイナーに、次の方法で優れたポートフォリオWebサイトを作成する方法を示します。

  • プロセスに関する重要な質問の調査
  • 実用的なポートフォリオ設計のヒントとリソースの共有
  • UXポートフォリオの説得力のある例を提供する

始めましょう。

ポートフォリオに関する質問すべてのUXデザイナーが答えなければならない

UXポートフォリオに関しては、デザイナーは自分が持っているスキル、使用するプロセス、または専門とするプロジェクトの種類について曖昧にする余裕はありませんが、あまりにも多くの情報を提示することにも注意する必要があります。

同様に、UXポートフォリオは過去のすべての作業のリポジトリであってはなりません。 具体的で、最近の、優れたプロジェクトを選び、それらを、最良のソリューションに到達するために必要なすべてのUXデザインステップを含むプロセスとして提示します。

明確と簡潔のバランスをとるには、計画が必要です。 単一のUXポートフォリオページの概要を説明する前に、対処する必要のある重要な質問があります。 これらをスキップしないでください。 答えは、必須のポートフォリオコンテンツのロックを解除し、サイトの組織フレームワークとして機能します。

私はどのタイプのUXデザイナーですか?

将来のキャリアの機会を過去の役職に限定しないでください。 時間をかけて、実際に何をしているのか、どのように行っているのかを評価してください。 あなたはあなたがあなたのキャリアを通して誤ったラベルを付けられていることに気付くと驚くかもしれません。 この質問の目的は、UXデザインプロセスの中心に到達することです。つまり、何度も何度も依存している問題解決パターンを明らかにすることです。

これは大きな質問ですが、何が見つかるかを恐れないでください。 すべての大きな質問と同様に、小さな質問で開梱するのが最善なので、自問してみてください。

  • 私が通常解決するUXデザインの問題の種類を実行する共通のスレッドはありますか?
  • UXデザインプロセスの繰り返しのステップは何ですか?
  • 調査を行うためにどのような方法を使用し、調査結果をどのように処理しますか?
  • 私が他の人よりも大切にしている問題解決のアプローチはありますか?
  • UXデザインのキャリアのこの時点にどのように到達しましたか?また、実際にどのような関連する経験がありますか?

*上級者向けのヒント:これらの質問に答えたら、すべての回答を1つの読みやすい文に要約し、ポートフォリオの「ホーム」または「概要」ページに目立つように表示します。

UXデザイナーポートフォリオのホームページ
プロダクトデザイナーのミロキロフは、彼の専門的な経歴、強み、資格について明確に説明したポートフォリオWebサイトへの訪問者を歓迎します。 そうすることで、彼はまた、彼が提携しようとしているクライアントのタイプをほのめかします。

UXデザインの分野で私は何をしますか?

問題解決プロセスの内部の仕組みを理解したら、UXデザイナーとして実際に何をしているのかをより具体的に理解するときが来ました。 繰り返しますが、過去の役職にあなたの答えを知らせさせるのは賢明ではありません。

始めるのに役立ついくつかの質問があります:

  • 私はUXの研究者ですか、それともデザイナーですか?
  • 私はUXジェネラリストですか? UXの研究とデザインの間を簡単に移動できますか?
  • 私はスペシャリストですか? 私が得意で、何よりもやりたい特定のUXリサーチまたはデザインタスクはありますか?
  • 私のスキルはUIデザインとビジュアルデザインにまで及びますか?
  • UXプロフェッショナルのチームを管理する能力、経験、意欲はありますか?

あなたの答えは、あなたのポートフォリオにどのプロジェクトを含めるべきか、そしてあなたの関与をどのように組み立てるかを明らかにするので重要です。

ファッション業界で最高のUXデザインポートフォリオのいくつか
UX /UIデザイナーのKatWindleyは、ポートフォリオのカバー画像を使用して、ファッション業界の大物を扱った経験を紹介しています。

たとえば、インタラクションデザイナーとして本当に働きたいのであれば、民族誌研究のニッチな分野での過去の経験を強調するプロジェクトや記述を中心にポートフォリオを構築するのは賢明ではありません。

私の関連するUX関連のスキルは何ですか?

飲み込むのが難しい薬は次のとおりです。ポートフォリオサイトの「関連スキル」の長いリストは、訪問者に付加価値をもたらしません

UXデザインスキルとポートフォリオのベストプラクティス
設計スキルと成果の長いリストは読みにくく、簡単に理解できます。

プロジェクトのレンズを通して、UXデザイン能力を促進するためのより良い方法があります。 これは、使用するデザインプログラムとメソッドを、プロジェクトのビジュアルと説明のプレゼンテーションに織り込むことを意味します。

開始するには、誇りに思っているプロジェクトを取り上げて、次のような質問をします。

  • UXデザインプロセスの各フェーズで、このプロジェクトに何を貢献しましたか?
  • これらの貢献をするためにどのようなツールとテクニックを使用しましたか?
  • 最終製品に大きな影響を与えた戦略を作成または実装するのを手伝いましたか?
  • 私は初期のクライアントとの話し合いやプロジェクト提案の作成に関与しましたか?
  • 通常の専門分野以外のタスクを実行する必要がある大きな障害はありましたか?

自分を短く売ってはいけません。 プロジェクトへの関与を注意深く調べると、「調査の実施」や「設計ソフトウェアの運用」以上のことを行っていることに気付くでしょう。

*上級者向けのヒント:一部のUXデザイナーは、ポートフォリオ内の各プロジェクトの「使用スキル」の概要を含めています。 これは効果的ですが、あまりにも多くのスキルをリストしたり、UXデザインプロセスの全体的なフレームワークに適合しないスキルを強調したりすると、裏目に出る可能性もあります。

UXデザインスキルを誰のためにどのように使用したいですか?

若いまたは経験の浅いUXデザイナーにとって、自分がやりたい仕事の種類を知ることは難しい場合がありますが、数年の経験と少数の成功したプロジェクトにより、望ましいキャリアパスを想像することが容易になります。 これはUXポートフォリオの重要な側面です。

一緒に仕事をしている人の種類、仕事をしているプロジェクト、仕事をしている業界は、ポートフォリオの例と書面による説明で明確にする必要があります。

たとえば、大学スポーツの世界に影響を与えるデジタル製品のユーザーリサーチャーになるという非常に具体的な野心がある場合は、ポートフォリオでそれを明確にする必要があります。

UXデザインスキルをどのように、誰のために使用したいかについての洞察を得るには、次のことを自問してください。

  • 私が働きたい上位2つの業界は何ですか?
  • 自分の好きな業界に就職するのに役立つプロジェクトや過去の経験はありますか?
  • どんなペースで仕事を楽しんでいますか? 長時間でも大丈夫ですか?
  • フリーランスにしたいですか? スタートアップと協力しますか? 企業でのキャリアを築きますか?
  • 自分の仕事に影響を与えたい組織や原因はありますか?
  • いくら支払われたいですか?
  • どこに住みたいですか? リモートで作業しますか?

これは完全なリストではありませんが、開始するのに適した場所です。 あなたが熟練したUX問題解決者であれば、需要が高くなりますが、これはまた、適合が間違っていても、人々が喜んであなたを雇うことを意味します。 最終的には、あなたはあなた自身の擁護者であり、あなたの野心に沿ったUXキャリアを計画する必要があります。

表示して伝える–UXポートフォリオの実用的な設計のヒント

ポートフォリオサイトのすべてのピクセルは、楽しいユーザーエクスペリエンスを作成する機会です。 プロジェクトのビジュアルからサイトの情報アーキテクチャまで、各デザイン要素は「私は一流のUXデザイナーです」と発表する言い訳です。

結論:ポートフォリオをプロのプロジェクトのように扱い、本当に輝かしいサイトのためにこれらの実用的なデザインのヒントを取り入れます。

視覚的なシンプルさで設計プロセスを最前線に

  • UXデザインプロセスの成果物を、クリーンで統一されたシーケンシャルな方法で提示します。 これには、スケッチ、ワイヤーフレーム、ユーザージャーニーマップ、プロトタイプなどが含まれます。
  • 複雑なアニメーションや型破りなページレイアウトなどの機能を含めると、訪問者がサイトにアクセスした本当の理由、つまりあなたの作品を見るために訪問者の注意をそらす可能性があります。
  • 最終製品のグラマーショットを表示することは問題ありませんが、これはストーリーのほんの一部にすぎません。 採用担当マネージャーと潜在的なクライアントは、あなたのプロセスをすばやく確認して理解することを望んでおり、光沢のあるインターフェースは、問題解決への貢献の核心にはなりません。

UXリサーチポートフォリオアーティファクト
Jeffrey DavisのようなベテランのUXデザイナーは、(このコンテンツ戦略スプレッドシートのように)デザインプロセスの魅力のないアーティファクトを表示することの価値を知っています。


ポートフォリオを作成し、プロセススケッチを含める
Cyber​​ DuckのようなUXデザインエージェンシーでさえ、問題解決プロセスを実証する方法として、コンセプトスケッチと忠実度の低いインターフェイスを共有しています。

ポートフォリオの訪問者を引き付けるための明確なプロジェクトの要約を書く

  • ポートフォリオ内の各プロジェクトの概要を提供します。
  • 問題を簡潔に定義し、さまざまな解決策がどのように検討されたかを示します。
  • プロジェクトの要約は、あなたがしたことをリストすることではありません。 彼らはあなたがどのように有益な結果をもたらしたかを示すチャンスです。

UXデザインウェブサイトプロジェクトの概要
Bill Tribbleのプロジェクトの概要では、UXデザインの問題を簡潔に定義し、ソリューションにおける彼の役割を紹介しています。

専門用語を使用せずにプロセスを説明することにより、専門知識を示します

  • 専門用語に関する幅広い知識に感銘を受ける人は、UXポートフォリオサイトにアクセスしません。
  • 親しみやすくプロフェッショナルな声を使用し、過度の自己宣伝やインサイダーユーモアを避けます。
  • テクノロジーの変化に応じて新鮮さを保つ「常緑」の言葉を目指しましょう。
  • シンプルさは理解を示しているので、専門家でなくても簡単に理解できる平易な言葉で書いてください。 結局のところ、あなたを雇う担当者は、洗練されたUX用語に精通していない可能性があります。

明確に定義されたUXデザインプロセス
UXデザインの調査は複雑になる可能性がありますが、デザイナーのMaria Corinoは、理解しやすい言葉を使用して、調査の背後にある意図を明確にしています。

他の人とコラボレーションする能力をアピールする

  • 大規模である必要はありませんが、他の設計および開発の専門家とうまく連携した事例を示してください。
  • C-Suiteの使用経験がある場合は、それを強調表示してください。
  • 製品チームまたはリモートワーカーのグループを管理している場合は、それをメモしてください。

あなたの仕事をキュレートし、優れていないものはすべて破棄します

  • 自己編集はクリエイティブな専門家にとって最も難しい作業の1つですが、これまでに完了したすべてのプロジェクトをくまなく探すために人々があなたのポートフォリオにアクセスしているわけではないことに注意してください。
  • さらに、3〜4年前の作業は、過去12〜18か月に取り組んだプロジェクトとは大きく異なる可能性があります。
  • 最善を尽くし、通常のUXデザインプロセスと矛盾するものがないことを確認してください。

利害関係者の声で信頼を築く

  • 設計作業の性質上、設計者はプロジェクトの利害関係者と緊密な協力関係を築くことがよくあります。 利害関係者からの1〜2文の簡単な紹介文を(ヘッドショットとともに)含めることは、将来あなたを雇う人々への信頼を刺激するための優れた方法です。
  • 使用する紹介文が、引き付けたいUXクライアントの種類に関連していることを確認してください。

ポートフォリオデザインレイアウトの紹介文ページ
UXデザイナーのTamaraOlsonは、太字の見出しフォントを使用して、彼女のデザインスキルとクライアントとの前向きな関係を語るクライアントの証言からのキーフレーズを強調しています。

実例へのリンクとあなたの仕事の実際のメリットを証明する

  • 潜在的なクライアントや採用マネージャーが自分でプロジェクトを体験することは強力な場合があるため、あなたの仕事の実例へのリンクを含めることを躊躇しないでください。
  • ただし、リンクだけに依存しないでください。 ポートフォリオ内の各プロジェクトには、コンテキストと関与の説明が必要です。
  • 注意点:リンクを時々監視して、作業が正確に表現されていることを確認してください。 クライアントは完成品を「いじくり回す」習慣があることがあり、これによりあなたの能力が素人っぽく見える可能性があります。

強力な召喚状を作成し、連絡先情報を提供する

  • これは見落としがちですが、(特にフリーランサーにとって)Webサイトの訪問者に連絡をとるよう促すことが重要です。
  • これを行うのに最適な場所は、プロジェクトの最後、つまり何ができるかを示した後です。 "あなたが見るもののように。 話しましょう。」
  • 次に、人々があなたとつながるための1つまたは2つの信頼できる方法を提供するようにしてください。

ポートフォリオサイトの召喚状および連絡先情報
UXデザイナーのAlexGilevは、刺激のない「ContactMe」ボタンに満足していません。 代わりに、彼は訪問者を「私と一緒に仕事をすればあなたの製品は改善されるだろう」という約束で誘惑します。

エキスパートUXポートフォリオの5つの要点を忘れないでください

このガイドで他に何も覚えていない場合は、次の5つの重要な真実を覚えておいてください。

  1. プロセスは最も重要であり、UXデザインポートフォリオは、デザイナーが問題から解決策へとどのように移動するかを明確にする必要があります。
  2. UXデザインポートフォリオは、スキルのショーケース以上のものであり、楽しいユーザーエクスペリエンスを作成し、UXデザインプロセスの習得を実証する機会です。
  3. 単純なプロジェクトの説明とビジュアルは、専門用語や派手な画像よりも効果的です。
  4. UXデザイナーのポートフォリオ内のすべてのプロジェクトは、果たす役割と行われた貢献について明確にする必要があります。
  5. デザイナーは、UXポートフォリオを特定の対象者に合わせて調整する必要があります。

UX要素はアーティファクトを研究します
UXデザイナーのFabioMunizが、Googleドキュメントで作成されたデザインアーティファクトを共有しています。 派手な商品画像は問題ありませんが、デザイナーのプロセスの中心にはなりません。

間違いありません。UXポートフォリオサイトの設計は、慎重な検討と実行を必要とするかなりの作業ですが、プロセスを最前線に置いておくと、デザイナーが常に夢見てきたキャリアやクライアントにアクセスするための最良の方法の1つになります。の。

•••

Toptal Designブログでさらに読む:

  1. 最高のUXツール[インフォグラフィック付き]
  2. UXの試行錯誤の法則[インフォグラフィック付き]
  3. 究極のUXフック– UXにおける予測的、説得力のある、感情的なデザイン
  4. 経験がすべて–究極のUXガイド
  5. トップデザイナーが使用する10のUX成果物