ユーザー体験を設計し、製品価値を高める専門家
Design一覧に戻る

ユーザー体験を設計し、製品価値を高める専門家

ユーザーのニーズに基づき、使いやすく魅力的なデジタル製品のUI/UXを設計・改善する専門職。情報設計、プロトタイピング、ユーザビリティテストを通じて、製品の価値と顧客満足度を最大化する。デザインツールとHCDの知識が必須。

このガイドで学べること

[完全ガイド] UI/UX Designer: ユーザー体験を設計し、製品価値を高める専門家


1️⃣ UI/UX Designerとは?

デジタルプロダクトが飽和する現代において、単に機能が優れているだけでは市場で勝ち残ることはできません。ユーザーが「使いやすい」「また使いたい」と感じる、感情に訴えかける体験こそが、製品の成功を決定づけます。UI/UX Designerは、まさにこの「体験」を科学し、設計し、実現する専門家です。

彼らの役割を最もよく表す比喩は、「デジタルプロダクトの建築家」です。建築家が、単に壁や屋根を作るだけでなく、住む人が快適に過ごせる動線、光の取り入れ方、そして空間全体の雰囲気までを設計するように、UI/UX Designerは、ユーザーが製品と出会い、利用し、目的を達成するまでの道のり全体を設計します。

この職務は、しばしば「UI(User Interface)」と「UX(User Experience)」という二つの要素に分けて語られますが、現代のデザイナーはこれらを不可分なものとして扱います。

UI(ユーザーインターフェース)は、製品の「顔」です。ボタンの配置、色使い、フォント、アニメーションなど、ユーザーが直接触れる視覚的な要素や操作性を指します。これは、建築で言えば、内装や家具の配置、照明計画にあたります。見た目の美しさや操作の直感性が求められます。

一方、UX(ユーザーエクスペリエンス)は、製品を通じてユーザーが得る「感情」や「全体的な体験」です。製品を知った瞬間から、購入、利用、そしてサポートを受けるまでのプロセス全体で、ユーザーがどれだけスムーズに、ストレスなく、そして満足感を持って目的を達成できるかを追求します。これは、建築で言えば、その家で過ごす生活全体の快適さや幸福感にあたります。

UI/UX Designerは、このUIとUXのバランスを取り、ビジネス目標とユーザーニーズを高い次元で融合させる役割を担います。彼らは単なる「絵描き」ではなく、徹底したリサーチ、データ分析、心理学、そしてデザイン思考を駆使して、製品の成功確率を最大化する戦略家なのです。彼らが設計した体験の質が、顧客ロイヤルティ、コンバージョン率、そして最終的な企業の収益に直結するため、その重要性は計り知れません。本記事では、この極めて重要なポジションの全貌を徹底的に解剖していきます。


2️⃣ 主な業務

UI/UX Designerの業務範囲は非常に広く、プロダクト開発の初期段階からリリース後の改善まで、一貫してユーザー中心の視点を提供します。彼らが担う核心的な目標は、「ユーザーの課題解決」と「ビジネス目標の達成」の両立です。

以下に、UI/UX Designerの主要な業務を7つのポイントに分けて解説します。

1. ユーザーリサーチとニーズ分析

製品開発の出発点となるのがリサーチです。デザイナーは、ターゲットユーザーが誰であるか、彼らが抱える真の課題は何かを深く理解するために、定性的・定量的な調査を実施します。 * 具体的な活動: ユーザーインタビュー、アンケート調査、競合分析、ヒートマップやアクセス解析データ(Google Analyticsなど)の分析。 * 成果物: ペルソナ(架空の理想的なユーザー像)、カスタマージャーニーマップ(ユーザーが製品と関わる全過程の可視化)。

2. 情報アーキテクチャ(IA)とコンテンツ戦略の設計

ユーザーが迷うことなく目的の情報にたどり着けるよう、製品内の情報構造を論理的に設計します。これは、ウェブサイトやアプリケーションのナビゲーション、カテゴリ分類、階層構造を定める作業です。 * 具体的な活動: カードソーティング、ツリーテスト、サイトマップの作成、コンテンツの優先順位付け。 * 目標: ユーザーの認知負荷を最小限に抑え、直感的な操作を可能にすること。

3. ワイヤーフレームとプロトタイピング

デザインの初期段階で、機能とレイアウトの骨格を定義します。ワイヤーフレームは、色や装飾を排除し、情報配置と機能の優先度のみに焦点を当てた設計図です。プロトタイプは、このワイヤーフレームにインタラクション(操作性)を加え、実際に操作できるモックアップを作成します。 * 具体的な活動: 低忠実度(Low-Fidelity)から高忠実度(High-Fidelity)のワイヤーフレーム作成、FigmaやSketchを用いたインタラクティブなプロトタイプの構築。 * 目的: 開発に入る前に、設計上の問題点やユーザーフローの欠陥を早期に発見し、修正コストを削減する。

4. ビジュアルデザイン(UIデザイン)の実行

ワイヤーフレームで定義された骨格に基づき、製品の視覚的な要素を具体化します。ブランドイメージを反映させつつ、視認性、可読性、アクセシビリティを確保したデザインを作成します。 * 具体的な活動: カラースキーム、タイポグラフィの選定、アイコンセットの作成、コンポーネントのデザイン、レスポンシブデザインの適用。 * 目標: ユーザーに快適で魅力的な視覚体験を提供し、ブランドの一貫性を保つ。

5. ユーザビリティテストと反復改善

設計したプロトタイプや開発中の製品を実際のユーザーに試用してもらい、使いやすさ(ユーザビリティ)を評価します。このテストを通じて得られたフィードバックを基に、デザインを反復的に改善していきます。 * 具体的な活動: モデレートテスト、非モデレートテスト、A/Bテストの計画と実行、ヒューリスティック評価。 * 原則: デザインは一度で完成するものではなく、常にデータとフィードバックに基づいて進化させるという「デザイン思考」を実践する。

6. デザインシステムの構築と管理

大規模なプロダクトや複数のプロダクトを扱う場合、デザインの一貫性を保ち、開発効率を向上させるために、デザインシステムを構築します。これは、再利用可能なUIコンポーネント、デザイン原則、コーディング規約などをまとめた包括的なガイドラインです。 * 具体的な活動: コンポーネントライブラリの作成(ボタン、フォーム、ナビゲーションなど)、ドキュメント化、エンジニアリングチームとの連携による実装の標準化。

7. アクセシビリティと倫理的デザインの確保

全てのユーザーが製品を利用できるように、W3CのWCAG(Web Content Accessibility Guidelines)などの基準に基づき、アクセシビリティを確保します。また、ユーザーの心理や行動を悪用しない、倫理的なデザイン(Ethical Design)を推進します。 * 具体的な活動: スクリーンリーダー対応、コントラスト比のチェック、ダークパターン(ユーザーを欺くデザイン)の排除。


3️⃣ 必要なスキルとツール

UI/UX Designerとして成功するためには、創造性や共感力といったソフトスキルに加え、専門的な技術スキルと最新のツールを使いこなす能力が不可欠です。

🚀 技術スキル(ハードスキル)

スキル 詳細な説明(具体的な技術名や概念を含む)
デザイン原則と理論 ゲシュタルト原則、フィッツの法則、ヒックの法則など、認知科学に基づいたデザイン理論の深い理解。
インタラクションデザイン マイクロインタラクション、アニメーション、トランジションなど、ユーザーの操作に対する応答を設計する能力。
情報アーキテクチャ(IA) 複雑な情報を論理的に分類し、ナビゲーション構造やサイトマップを最適に設計する専門知識。
ユーザビリティ評価 ユーザビリティテストの設計、実施、結果の分析(定量的・定性的なデータ解釈)能力。
アクセシビリティ(A11Y) WCAG 2.1/2.2などの国際基準に基づき、視覚・聴覚障害者を含む全てのユーザーに対応できる設計知識。
フロントエンド基礎知識 HTML/CSS/JavaScriptの基本的な構造理解。エンジニアとの円滑な連携のための技術的制約の把握。
デザインシステム構築 Atomic Designなどの概念に基づき、再利用可能なコンポーネントライブラリを体系的に構築・運用する能力。

🤝 組織・管理スキル(ソフトスキル)

スキル 詳細な説明
共感力(Empathy) ユーザーの立場に立ち、彼らの未言語化されたニーズや感情を深く理解し、デザインに反映させる能力。
問題解決能力 ユーザーリサーチで発見された課題に対し、デザインを通じて創造的かつ実現可能な解決策を導き出す思考力。
デザインの言語化 なぜそのデザインにしたのか、データや根拠に基づき、非デザイナーを含むステークホルダーに論理的に説明し、説得する能力。
フィードバックの統合 建設的な批判や多様な意見を冷静に受け止め、デザインの核を保ちつつ、適切に統合・改善する柔軟性。
ファシリテーション ワークショップ(例:デザインスプリント)を主導し、チームや部門間の意見交換を促進する能力。

💻 ツール・サービス

ツールカテゴリ 具体的なツール名と用途
デザイン・プロトタイピング Figma (業界標準), Sketch, Adobe XD。特にFigmaは共同編集機能で必須。
ユーザーリサーチ・分析 Miro/Mural (コラボレーションボード), Google Analytics, Hotjar (ヒートマップ), Maze/Usability Hub (ユーザビリティテスト)。
ビジュアルアセット作成 Adobe Illustrator, Adobe Photoshop。アイコンや複雑なグラフィックの作成に使用。
高度なプロトタイピング Protopie, Principle。複雑なマイクロインタラクションやアニメーションの検証。
デザインシステム管理 Zeroheight, Storybook。デザインシステムをドキュメント化し、エンジニアと共有するためのプラットフォーム。
タスク・プロジェクト管理 Jira, Trello, Asana。開発チームと連携し、デザインタスクの進捗を管理。

4️⃣ UI/UX Designerの協業スタイル

UI/UX Designerは、プロダクト開発の「ハブ」となる存在であり、多岐にわたる部門と密接に連携します。彼らの仕事は、孤立したアートワークではなく、チーム全体の目標達成に貢献するための戦略的な活動です。

プロダクトマネージャー(PM)

連携内容と目的: PMは製品の「何を(What)」と「なぜ(Why)」を定義し、デザイナーは「どのように(How)」を具体化します。デザイナーは、PMが定義したビジネス要件や市場の機会を深く理解し、それをユーザー中心の視点から実現可能なデザインに落とし込みます。両者は、機能の優先順位付け、ロードマップの策定、KPI(重要業績評価指標)の定義において常に議論を重ねます。

エンジニアリングチーム(フロントエンド/バックエンド)

連携内容と目的: デザインが単なる「絵に描いた餅」で終わらないよう、デザイナーは開発の実現可能性と技術的な制約を理解する必要があります。特にフロントエンドエンジニアとは、デザインシステムのコンポーネント定義、インタラクションの実装方法、レスポンシブデザインの挙動について、密接にコミュニケーションを取ります。デザイナーは、Figmaなどのツールを通じて、デザイン仕様を正確に伝達します。

マーケティングおよびセールス部門

連携内容と目的: 製品の認知度向上やコンバージョン率の最大化において、UI/UXデザインは決定的な役割を果たします。デザイナーは、マーケティングチームが設定したターゲット層のインサイトや、セールスチームが現場で受け取る顧客の生の声(特に導入障壁や離脱理由)を取り込みます。ランディングページ(LP)やオンボーディングフローの最適化は、この連携の重要な成果です。

カスタマーサポート(CS)部門

連携内容と目的: CS部門は、ユーザーが製品利用中に直面する具体的な問題点や不満を最も多く把握している部門です。デザイナーは、CSチームから定期的にフィードバックを受け取り、頻繁に発生する問い合わせの原因となっているUI/UX上の欠陥を特定し、改善に役立てます。


5️⃣ キャリアパスと成長の方向性

UI/UX Designerのキャリアパスは多様であり、専門性を深める「スペシャリスト」の道と、チームや組織を率いる「マネジメント」の道に大きく分かれます。以下に、一般的なキャリア段階とその役割、成長の方向性を示します。

キャリア段階 主な役割と責任 今後の展望
ジュニアデザイナー 既存のデザインシステムの適用、特定の機能やコンポーネントのUI/UX設計、シニアデザイナーの指導の下でのリサーチ補助。 基礎的なデザイン原則の習熟、デザインツールの効率的な利用、ユーザーリサーチ手法の確立。
ミドルデザイナー プロダクトの一部または小規模な機能全体の設計責任、PMやエンジニアとの日常的な連携、デザイン仕様の正確なドキュメント化。 複雑なユーザーフローの設計能力向上、データに基づいた意思決定の強化、デザインシステムの貢献者となる。
シニアデザイナー プロダクト全体のUX戦略立案、複数のデザイナーへのメンタリング、技術的制約を考慮した高度なデザインソリューションの提供。 デザイン戦略家への進化、ビジネスインパクトの最大化、デザイン組織全体のプロセス改善。
リードデザイナー 特定のプロダクトラインまたはドメインのデザイン責任者、デザインチームの方向性決定、採用活動への関与、クロスファンクショナルチームのリード。 デザインマネージャーまたはプリンシパルデザイナーへの昇格、組織全体のデザイン文化の醸成。
プリンシパルデザイナー 組織全体のデザインビジョンと標準の策定、デザインシステムのアーキテクチャ設計、経営層へのデザイン戦略の提言。 専門性の極致、組織横断的な影響力、デザイン部門の最高技術責任者(VP of Design)候補。
デザインマネージャー チームメンバーの育成と評価、リソース配分、デザイン予算の管理、デザイン組織の拡大戦略の実行。 経営層への参画(Director of Design, VP of Design)、組織全体のビジネス戦略への貢献。

6️⃣ UI/UX Designerの将来展望と重要性の高まり

デジタル変革(DX)が加速し、ユーザー体験が製品差別化の最後の砦となる中で、UI/UX Designerの役割は今後ますます重要性を増していきます。技術の進化は、デザイナーに新たな課題と機会をもたらしています。

1. AIと機械学習の活用によるパーソナライゼーションの深化

AI技術は、ユーザーの過去の行動やリアルタイムの状況に基づき、UI/UXを動的に最適化することを可能にします。デザイナーは、静的なデザインではなく、AIが提供するレコメンデーションやコンテンツをどのようにユーザー体験にシームレスに組み込むか(AI-Driven Design)を設計する必要があります。これにより、個々のユーザーに最適化された「超パーソナライズされた体験」の設計が求められます。

2. マルチモーダル・インタラクションへの対応

従来の画面操作(GUI)だけでなく、音声(VUI)、ジェスチャー、AR/VRといった新しい入力方法に対応したデザインが必須となります。スマートスピーカーやウェアラブルデバイス、メタバース空間など、多様なデバイスと環境で一貫した体験を提供するためのクロスプラットフォームUX設計のスキルが重要になります。

3. 倫理的デザイン(Ethical Design)の義務化

ユーザーのデータプライバシーや精神的な健康に対する意識の高まりから、デザインにおける倫理的な配慮が強く求められます。ユーザーを誤解させる「ダークパターン」の排除や、デジタルウェルビーイングを促進するデザイン(例:利用時間の制限機能、通知の最適化)が、企業の信頼性を左右する要素となります。デザイナーは、ユーザーの利益を最優先する設計原則を深く理解する必要があります。

4. デザインシステムの標準化と自動化

デザインシステムは、もはや大規模企業だけの特権ではなく、あらゆる開発組織で必須のインフラとなります。今後は、デザインツールとコードベースがより密接に連携し、デザイン変更がリアルタイムでコードに反映されるDesign Ops(デザインオペレーション)の自動化が進みます。デザイナーは、単にコンポーネントを作るだけでなく、そのシステム全体を管理・運用する能力が求められます。

5. アクセシビリティの法的・社会的要請

高齢化社会の進展や多様性の尊重から、アクセシビリティは「あれば良いもの」から「必須要件」へと変化しています。特に公共サービスや大規模なプラットフォームでは、WCAG基準を満たすことが法的な義務となる傾向が強まっています。デザイナーは、最初からアクセシビリティを組み込む「インクルーシブデザイン」の考え方を徹底する必要があります。

6. サービスデザインとビジネス戦略への統合

UI/UX Designerの役割は、単一のデジタル製品の画面設計に留まらず、製品を取り巻くサービス全体(オフライン体験、顧客サポート、サプライチェーンなど)を設計するサービスデザインへと拡大しています。デザイナーは、ビジネスモデルの設計や組織変革にも関与し、経営戦略レベルでユーザー体験の価値を最大化する役割を担います。

7. No-Code/Low-Codeツールの進化

Figmaのようなデザインツールがプロトタイピングから実際のコード生成に近い機能を持つようになり、デザイナーがより迅速にアイデアを検証し、開発プロセスに直接貢献できるようになります。これにより、デザイナーはより戦略的な上流工程に時間を割けるようになり、デザインのスピードと影響力が飛躍的に向上します。


7️⃣ UI/UX Designerになるための学習方法

UI/UX Designerになるためには、単なるツールの使い方を学ぶだけでなく、ユーザーの心理や行動を理解する「デザイン思考」を身につけることが重要です。以下に、具体的な学習ステップと推奨リソースを紹介します。

1. デザイン思考と基礎理論の習得

2. 業界標準ツールの徹底的な習熟

3. ユーザーリサーチとデータ分析の実践

4. ポートフォリオのための実践プロジェクトの実施

5. フロントエンド技術の基礎理解

6. デザインシステムの構築と運用を学ぶ

7. メンターシップとコミュニティへの参加


8️⃣ 日本での就職可能な企業

UI/UX Designerの需要は業界を問わず高まっていますが、特に以下の企業や業界でその専門性が高く評価され、積極的に採用が行われています。

1. 大手IT・Webサービス企業(自社プロダクト開発)

企業例: 楽天、メルカリ、DeNA、LINEヤフー、リクルート * 活用方法: これらの企業は、数百万〜数千万ユーザーを抱える大規模なプラットフォームを運営しており、デザインの小さな改善がビジネスに大きなインパクトを与えます。デザイナーは、A/Bテストやデータ分析に基づき、コンバージョン率やエンゲージメントの向上を目的とした機能改善、新規プロダクトの立ち上げに深く関与します。デザインシステムが整備されている環境が多く、高度な専門性が求められます。

2. デザインコンサルティングファーム

企業例: IDEO、BCG Digital Ventures、アクセンチュア インタラクティブ、国内独立系デザインファーム * 活用方法: 顧客企業の新規事業開発やDX推進プロジェクトにおいて、デザイン思考を用いた課題発見からプロトタイピング、検証までを一気通貫で支援します。多様な業界(金融、製造、医療など)の課題に触れる機会が多く、短期間で幅広い経験を積むことができます。戦略策定能力やクライアントへのプレゼンテーション能力が特に重要視されます。

3. スタートアップ・ベンチャー企業

企業例: SaaS系スタートアップ、フィンテック、ヘルステック系ベンチャー * 活用方法: デザイナーは、プロダクトの初期段階から参画し、デザインだけでなく、プロダクト戦略やマーケティングにも深く関わります。リソースが限られているため、スピード感と多岐にわたる役割(リサーチャー、デザイナー、プロトタイパー)をこなす柔軟性が求められます。ユーザーからのフィードバックを即座に反映できる、アジャイルな環境が特徴です。

4. 大手メーカー・金融機関(DX推進部門)

企業例: ソニー、トヨタ、三菱UFJ銀行、NTTデータ * 活用方法: 従来のビジネスモデルをデジタル化するDX(デジタルトランスフォーメーション)プロジェクトにおいて、社内システムや顧客向けサービスのUI/UX改善を担います。特に、複雑な業務プロセスを持つB2B領域や、信頼性が重視される金融サービスにおいて、使いやすさとセキュリティを両立させるデザインが求められます。組織内でのデザイン文化の浸透も重要なミッションとなります。


9️⃣ 面接でよくある質問とその対策

UI/UX Designerの面接では、単に美しいデザインを作れるかだけでなく、なぜそのデザインを選んだのか、そのプロセスと論理性を問われます。特に技術的な質問は、知識の深さと実務への応用力を測るために重要です。

質問(技術質問に限定) 回答のポイント(簡潔に)
1. ゲシュタルト原則の中で、最もデザインに活用しているものは? 「近接の法則」「類同の法則」を挙げ、情報グループ化や視覚的階層の設計にどう応用しているか具体例を交えて説明する。
2. WCAG 2.1の主要な原則(POUR)について説明してください。 知覚可能(Perceivable)、操作可能(Operable)、理解可能(Understandable)、堅牢(Robust)の4つの原則を定義し、それぞれの具体例を挙げる。
3. ユーザビリティテストの定量的データと定性的データの違いは? 定量的:タスク完了率、エラー率、所要時間(数値)。定性的:ユーザーの意見、感情、行動の観察(理由)。両者の補完関係を説明する。
4. デザインシステムにおける「トークン」とは何ですか? 色、フォントサイズ、スペーシングなどのデザイン属性を抽象化した変数(例:color-primary-500)。一貫性と効率的な変更管理に不可欠であることを説明する。
5. フィッツの法則をUIデザインでどのように活用しますか? ターゲット(ボタンなど)のサイズを大きくし、ユーザーの現在位置からの距離を短くすることで、操作時間を短縮する原則。特に重要なCTAボタン配置に応用する。
6. 情報アーキテクチャ(IA)における「カードソーティング」の目的と手順は? ユーザーのメンタルモデルを理解し、コンテンツの最適な分類とラベリングを決定する手法。オープン型とクローズド型の違いにも触れる。
7. プロトタイピングにおける「忠実度(Fidelity)」の使い分けを説明してください。 低忠実度(Lo-Fi):初期のアイデア検証、迅速な反復。高忠実度(Hi-Fi):最終的なインタラクション検証、ユーザビリティテスト。目的に応じた使い分けを説明する。
8. ダークパターンとは具体的にどのようなデザインですか? ユーザーを欺き、意図しない行動(例:定期購入への誘導、個人情報共有)を取らせるデザイン手法。倫理的な観点から排除すべき理由を述べる。
9. ヒューリスティック評価(Heuristic Evaluation)のメリットとデメリットは? メリット:専門家による迅速な問題発見、コスト効率が良い。デメリット:実際のユーザーの行動を反映しない可能性がある。ヤコブ・ニールセンの10原則に言及する。
10. フォームデザインにおいて、エラーメッセージを設計する際のベストプラクティスは? エラー発生と同時に表示し、何が問題で、どう修正すべきかを具体的に、かつ専門用語を使わずに明確に伝えること。インライン検証(リアルタイムチェック)の重要性。
11. モバイルアプリのUXにおいて、iOSとAndroid(Material Design)のデザインガイドラインの主な違いは? ナビゲーション(タブバー vs ドロワー)、プラットフォーム固有のコンポーネント(例:iOSのシェイク機能、Androidのフローティングアクションボタン)の違いに言及する。
12. アクセシビリティ確保のために、色覚多様性を持つユーザーに配慮したデザイン手法は? 色だけに頼らず、テキスト、アイコン、パターンなどで情報を伝えること。コントラスト比(WCAG AA/AAA)の基準を満たすこと。
13. デザインシステムを導入する際の、エンジニアリングチームへの「ハンドオフ」で最も重要なことは? デザイン仕様の明確なドキュメント化、コンポーネントの命名規則の統一、インタラクションの挙動に関する詳細な説明(アニメーション速度、状態変化など)。
14. A/Bテストを実施する際、デザイン変更の「最小可視差異(Minimum Detectable Effect, MDE)」をどう考慮しますか? 統計的な有意差を検出するために必要なサンプルサイズと期間を確保できるよう、変更のインパクトを事前に予測し、テスト設計に反映させること。
15. 認知負荷(Cognitive Load)を軽減するためのUI設計手法を3つ挙げてください。 チャンキング(情報を小分けにする)、一貫性の維持、不要な情報の排除(ミニマリズム)、デフォルト設定の活用。

10️⃣ まとめ

UI/UX Designerは、単なるビジュアルの美しさを追求する職務ではなく、ユーザーの課題を解決し、ビジネスの成長を駆動する戦略的な役割を担います。彼らは、共感力、論理的思考、そして最新の技術スキルを融合させ、デジタルプロダクトの成功の鍵となる「体験の質」を設計します。

現代のUI/UX Designerは、AI、XR、倫理的デザインといった新たなフロンティアに立ち向かい、常に学習と進化を求められる、非常にダイナミックなポジションです。彼らの仕事は、単に画面をデザインすることではなく、人々の生活をより豊かで、より効率的で、より楽しいものに変えることにあります。

もしあなたが、人々の行動や心理に強い関心を持ち、複雑な問題を体系的に解決することに情熱を感じるなら、UI/UX Designerは最高のキャリアパスとなるでしょう。

さあ、今日からあなたのデザイン思考を磨き、世界を変える体験の設計者としての第一歩を踏み出しましょう。


🏷️ #推奨タグ

#UIUXDesigner #デザイン思考 #ユーザー体験設計 #キャリアパス #デザインシステム