Skip to main content
ExodeUI

EXODEUI DESKTOP

A little space for good ideas.

Choose your platform to get the official ExodeUI installer.

Looking for Intel Mac or other builds? Explore the web studio or check all download options.

Prefer the browser? Try for free in your browser →
キャリア7 分で読めます·Updated 2026年10月·ExodeUI チーム

際立ったUXポートフォリオ事例(ブートキャンプテンプレートを超えて)

最終画面のテンプレートではなく、採用担当者が求める UX ケーススタディの書き方: 問題、役割と制約、厄介な中間、トレードオフと結果。

要点まとめ

核心

採用担当者は、最終的な画面だけでなく、あなたの考えを知りたいと考えています。強力なケーススタディでは、問題とそれが重要だった理由、役割と制約、何が失敗したかを含む調査と反復、重要な決定とトレードオフ、結果を証拠とともに説明します。少数のより深いケーススタディが、多くの浅いケーススタディに勝ります。

テンプレートのケーススタディが融合する理由

多くのポートフォリオは、共感、定義、アイデア化、プロトタイプ、テストという同じ構造に従っており、最後に洗練された画面が表示されます。 Nielsen Norman Group は、ポートフォリオは最終的な UI デザインとスクリーンショットにすぎないという一般的な誤解を指摘し、問題、役割、制約、タイムライン、イテレーション間でデザインがどのように変更されたかなど、厄介なプロセスを知りたがっている採用マネージャーの言葉を引用しています。

強力なケーススタディの 5 つの部分: 問題、役割と制約、調査と厄介な中間、意思決定とトレードオフ、結果
単なるアウトプットではなく、判断を示す構造。

何を含めるか

各ケーススタディを決定に基づいて構成します。

  • 問題は、誰が影響を受けたのか、どのようにして知ったのか、そしてなぜそれがビジネスにとって重要なのかということです。
  • あなたの役割: チームに対して自分自身で行ったこと、およびその下で働いた制約。
  • 乱雑な真ん中: 研究、拒否されたアイデアとその理由、テストによって何が変更されたか。
  • 決断とトレードオフ: 何を優先し、何を放棄したか。
  • 結果: 何が出荷され、何が変更されたか、証拠がどこにあるか、別の方法で何を行うかを示します。

プロジェクトの選択

NN/g の最初のステップは、すべてのプロジェクトの棚卸しを行い、選択することです。研究、インタラクション デザイン、システム作業など、さまざまな強みを示し、詳細に議論できる 2 つまたは 3 つを選択してください。制約のある実際のプロジェクトは、制約のない洗練されたコンセプトに勝ります。

画面だけでなくインタラクションを表示する

静的な画面では、状態がどのように変化するか、エラーがどのように回復するか、動きがどのように注意を誘導するかなど、最も重要な設計作業の一部が隠されています。主要なインタラクションの短い録音またはライブ プロトタイプは、モックアップよりもはるかによくこれを示します。動きをデザインした場合は、動いているところを見せてください。

ジュニアデザイナー向け

実際のプロジェクトが少なくなると、深さがより重要になります。使用するものを再設計しますが、適切に調査し、制約を明示し、実際の人々でテストし、学んだことについて正直に話してください。実際のユーザーや成果を伴うボラン​​ティアやオープンソースの取り組みはさらに強力です。

覚えておきたい原則

  • 最終的な画面だけでなく、プロセスや判断も見せる
  • 問題、自分の役割、制約を説明する
  • 何が失敗したか、なぜ決定が変わったのかを含める
  • 可能な場合は証拠を伴って結果を示す
  • 2 つまたは 3 つの深いケーススタディが、多くの浅いケーススタディを上回る

よくある質問

出典

  1. 5 Steps to Creating a UX-Design Portfolio — Nielsen Norman Group

関連ガイドと事例

査読者に相互作用を感じてもらう

ExodeUI で最高のコンポーネントのインタラクティブ バージョンを構築し、コミュニティ プランで無料で共有します。

インタラクティブな UI デザインを参照
Exode を無料で試す