UI / UX DIVISIONUI/UX専攻

本専攻は、国内初となる本格的なUI/UXデザイナー育成プログラムとなっています。UI/UX設計は近年プロダクト開発で重要な役割を担い、次世代クリエイティブの中核として高い注目を集める職業です。授業は、プロダクトの要件定義、UI/UX設計、プロトタイピングの基礎・応用を軸に、関連知識についても学びます。また、「人間中心設計(HCD)」「行動経済学」「人間工学」「感性工学」などの視点をUI/UX設計に取り入れ、ユーザー体験を最適化する学習に注力します。

UI / UXを人間中心設計、行動経済学、
人間工学、感性工学の視点から学ぶ

本専攻は、国内初となる本格的なUI / UXデザイナー育成プログラムです。授業では、ユーザーの体験、価値を最適化することを目的に「人間中心設計(HCD)」「行動経済学」「人間工学」「感性工学」の視点からUI / UX設計を学びます。また、世界標準のデザインツールを使用し、プロダクト設計スキルを実践的に学ぶほか、Googleが採用している「Design Sprint」「Design Doc(要件定義)」を実施し、プロダクトの品質向上、課題解決を体系的に学びます。

Web、iOS、Androidアプリケーションの
プロダクト設計スキルを習得

Web、iOS、Androidアプリケーションのプロダクト設計スキルを習得し、大手IT企業が求めるUI / UXポジションの実務レベルまで学びます。また、UI / UX設計に関連するWebマーケティング/プログラミング/データ分析などプロダクト開発全般の知識や、効果的なポートフォリオ作成方法についても学びます。さらに、各業界からトップクリエイターを講師に迎えてデザインの真髄を学ぶ「プレックスプログラム」(80プログラム/2年間)を無料で受講できる点も魅力です。

カリキュラムの特徴

  1. 1人間中心設計(HCD)/行動経済学/人間工学/感性工学の視点を取り入れた国内初の本格的UI/UX設計!
  2. 2ユーザー体験を最大化するプロダクト設計(Web / iOS / Androidアプリケーション)を体系的に学ぶ!
  3. 3UI / UX設計のInteraction Design / Information Architecture / Interface Design / Navigation Designを学ぶ!
  4. 4モバイルプロダクト設計を基礎から学習し、大手IT企業が求めるUI / UXポジションの実務レベルまでを指導する!
  5. 5Googleが採用している「Design Sprint」「Design Doc」を実施し、プロダクトの品質向上、課題解決を体系的に学ぶ!

UI/UX専攻

UI / UXデザイン総合コース
curriculum :
  • AUI / UX基礎Ⅰ(Design・Science・Engineering)

    UI / UXデザイン/ユーザーインタフェースデザイン
    UI / UXデザイン/ユーザーエクスペリエンスデザイン
    Lean UX・Scrum Project Management
    Design Sprint・Design Studio
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • BUI / UX基礎Ⅱ(The Elements of User Experience)

    戦略段階・要求段階/要件定義・Google Design Doc
    構造段階/インタラクション設計・情報設計
    骨格段階/インタフェース設計・ナビゲーション設計
    表層段階/ワイヤーフレーム・プロトタイピング
    予期的UX・一時的UX・エピソード的UX・累積的UX
    ウォーターフロー型開発・アジャイル型開発
    デザインガイドライン/Human Interface Guidelines
    デザインガイドライン/ Material Design

  • Cユーザーリサーチ

    プロトタイピング/ストーリー視点・プロダクト視点
    ツール/Prott・ InVision・Zeplin・Figma・Google Gallery
    ペルソナ手法・シナリオ設計・カスタマージャーニーマップ
    Design Sprint /スプリント・イテレーション
    調査/ユーザーインタビュー・エスノグラフィー・行動観察
    評価/ヒューリスティック評価・ユーザビリティーテスト
    総括的評価・形成的評価
    反証アプローチ・ゼロ仮説

  • Dデザインツール

    Sketch / Exporting・Symbols・Plugins
    Sketch mirror / Previewing
    Figma / Collaborative Interface Design
    Adobe XD / Layout Illustration
    Abstract / Version Management
    Google Drive / Docs・Sheets・Slides
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Eチームビルディング

    情報共有/ slack・Workplace
    経験学習サイクル
    1on1 /共通認識確認・傾聴
    1on1 /学習機会提供・行動促進
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral Economics
    デザインレビュー/フィードフォワード
    デザインレビュー/フィードバック

  • F認知工学

    インタフェースデザイン心理学Ⅰ
    インタフェースデザイン心理学Ⅱ
    データ分析/ Business Intelligence
    データ分析/ Deep Learning
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Gインターフェースデザイン

    アプリアイコン/ App Icons・Screen Shots
    スプラッシュ画面/ Transition・Animation
    サインアップ・ログイン/Forms・Radio Buttons・Check Buttons
    チュートリアル設計/ Communication
    ホーム画面/ Cards・Section Headers
    コレクション・シングル/ Table Views・Fields
    評価・検証/ユーザビリティテスト
    分析/問題点リスト・インパクトレビュー

  • Hナビゲーションデザイン

    NPS・アンケートフォーム
    Empty Statement
    プッシュ通知/ Notification
    プッシュ/階層型遷移
    モーダル/分岐型遷移
    タブ/並列型遷移
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • IWebマーケティング

    Webマーケティング/集客施策
    Webマーケティング/回遊施策
    SEO・SEM・LPO・EFO
    オウンドメディア・クロスチャネル・オムニチャネル
    効果測定/ Analytics
    視線誘導・促進要因・阻害要因
    アンカリング効果・フレーミング効果
    同調現象・認知的不協和・後知恵バイアス

  • JUI / UXデザインシステム

    Atomic Design Methodology / Design System
    Complexion Reduction / UIトレンド
    Level 1 Atoms /ラベル・インプット・ボタン
    Level 2 Molecules /カード・リスト・フィールド
    Level 3 Organisms /ナビゲーションバー
    Level 4 Templates /ページレイアウト・コンテキスト
    Level 5 Pages /ページレイアウト・コンテンツ
    Github・ZenHub・Jara /バージョン管理

  • KヒューマンインタフェースⅠ

    UX 5階層モデル/ Task Oriented・Information Oriented
    戦略/ User Needs・Site Objectives
    要求/ Functional Specifications
    構造/ Interaction Design
    骨格/ Interface Design・Information Design
    表層/ Visual Design
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • LヒューマンインタフェースⅡ

    DesignOps / UX Engineering
    Lean UX / Minimum Viable Product
    UXライティング・ラベル設計
    アクセシビリティ・ユニバーサルデザイン
    オブジェクトベースUI / Modeless User Interface
    タスクベースUI / Command Line Interface
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • OプレックスプログラムⅠ

    デザインプロセス
    デザインシステム
    デザイントレンドⅠ(現在)
    デザイントレンドⅡ(未来)
    企画アイデアの発想方法
    着眼点と発想法の成功事例Ⅰ
    着眼点と発想法の成功事例Ⅱ
    ストーリー構築
    コンセプトメーキングⅠ
    コンセプトメーキングⅡ

  • PプレックスプログラムⅡ

    ボーダレスデザイン(国/分野)
    プラスデザイン
    ソーシャルデザイン
    コミュニケーションデザインⅠ
    コミュニケーションデザインⅡ
    デザインストラテジーⅠ(ブランディング)
    デザインストラテジーⅡ(マーケティング・MD)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

UI / UX &プロダクト設計総合コース
curriculum :
  • AUI / UX基礎Ⅰ(Design・Science・Engineering)

    UI / UXデザイン/ユーザーインタフェースデザイン
    UI / UXデザイン/ユーザーエクスペリエンスデザイン
    Lean UX・Scrum Project Management
    Design Sprint・Design Studio
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • BUI / UX基礎Ⅱ(The Elements of User Experience)

    戦略段階・要求段階/要件定義・Google Design Doc
    構造段階/インタラクション設計・情報設計
    骨格段階/インタフェース設計・ナビゲーション設計
    表層段階/ワイヤーフレーム・プロトタイピング
    予期的UX・一時的UX・エピソード的UX・累積的UX
    ウォーターフロー型開発・アジャイル型開発
    デザインガイドライン/Human Interface Guidelines
    デザインガイドライン/ Material Design

  • Cユーザーリサーチ

    プロトタイピング/ストーリー視点・プロダクト視点
    ツール/Prott・ InVision・Zeplin・Figma・Google Gallery
    ペルソナ手法・シナリオ設計・カスタマージャーニーマップ
    Design Sprint /スプリント・イテレーション
    調査/ユーザーインタビュー・エスノグラフィー・行動観察
    評価/ヒューリスティック評価・ユーザビリティーテスト
    総括的評価・形成的評価
    反証アプローチ・ゼロ仮説

  • Dデザインツール

    Sketch / Exporting・Symbols・Plugins
    Sketch mirror / Previewing
    Figma / Collaborative Interface Design
    Adobe XD / Layout Illustration
    Abstract / Version Management
    Google Drive / Docs・Sheets・Slides
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Eチームビルディング

    情報共有/ slack・Workplace
    経験学習サイクル
    1on1 /共通認識確認・傾聴
    1on1 /学習機会提供・行動促進
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral Economics
    デザインレビュー/フィードフォワード
    デザインレビュー/フィードバック

  • F認知工学

    インタフェースデザイン心理学Ⅰ
    インタフェースデザイン心理学Ⅱ
    データ分析/ Business Intelligence
    データ分析/ Deep Learning
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Gインターフェースデザイン

    アプリアイコン/ App Icons・Screen Shots
    スプラッシュ画面/ Transition・Animation
    サインアップ・ログイン/Forms・Radio Buttons・Check Buttons
    チュートリアル設計/ Communication
    ホーム画面/ Cards・Section Headers
    コレクション・シングル/ Table Views・Fields
    評価・検証/ユーザビリティテスト
    分析/問題点リスト・インパクトレビュー

  • Hナビゲーションデザイン

    NPS・アンケートフォーム
    Empty Statement
    プッシュ通知/ Notification
    プッシュ/階層型遷移
    モーダル/分岐型遷移
    タブ/並列型遷移
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • IWebマーケティング

    Webマーケティング/集客施策
    Webマーケティング/回遊施策
    SEO・SEM・LPO・EFO
    オウンドメディア・クロスチャネル・オムニチャネル
    効果測定/ Analytics
    視線誘導・促進要因・阻害要因
    アンカリング効果・フレーミング効果
    同調現象・認知的不協和・後知恵バイアス

  • JUI / UXデザインシステム

    Atomic Design Methodology / Design System
    Complexion Reduction / UIトレンド
    Level 1 Atoms /ラベル・インプット・ボタン
    Level 2 Molecules /カード・リスト・フィールド
    Level 3 Organisms /ナビゲーションバー
    Level 4 Templates /ページレイアウト・コンテキスト
    Level 5 Pages /ページレイアウト・コンテンツ
    Github・ZenHub・Jara /バージョン管理

  • KヒューマンインタフェースⅠ

    UX 5階層モデル/ Task Oriented・Information Oriented
    戦略/ User Needs・Site Objectives
    要求/ Functional Specifications
    構造/ Interaction Design
    骨格/ Interface Design・Information Design
    表層/ Visual Design
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • LヒューマンインタフェースⅡ

    DesignOps / UX Engineering
    Lean UX / Minimum Viable Product
    UXライティング・ラベル設計
    アクセシビリティ・ユニバーサルデザイン
    オブジェクトベースUI / Modeless User Interface
    タスクベースUI / Command Line Interface
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • MUIデザイン/ iOSアプリ・AndroidアプリⅠ

    OS最適化Ⅰ/ Human Interface Guidelines
    OS最適化Ⅱ/ Material Design Guidelines
    審美的整合性/ Aesthetic Integrity
    比喩的要素/ Material is the metaphor
    マルチデバイス最適化/ Device independent pixel
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral economics
    Information Architecture

  • NUIデザイン/ iOSアプリ・AndroidアプリⅡ

    ワイヤーフレーム・プロトタイピング・デザインレビュー
    要件定義・画面仕様
    UI設計・制作/ネイティブアプリ
    画面レイアウト・トーン&マナー
    要素・コンポーネント/ Tab Bars・Navigation Bars
    要素・コンポーネント/ Tabs・Floating Action Button
    プレゼンテーション
    検証・評価/改善

  • OプレックスプログラムⅠ

    デザインプロセス
    デザインシステム
    デザイントレンドⅠ(現在)
    デザイントレンドⅡ(未来)
    企画アイデアの発想方法
    着眼点と発想法の成功事例Ⅰ
    着眼点と発想法の成功事例Ⅱ
    ストーリー構築
    コンセプトメーキングⅠ
    コンセプトメーキングⅡ

  • PプレックスプログラムⅡ

    ボーダレスデザイン(国/分野)
    プラスデザイン
    ソーシャルデザイン
    コミュニケーションデザインⅠ
    コミュニケーションデザインⅡ
    デザインストラテジーⅠ(ブランディング)
    デザインストラテジーⅡ(マーケティング・MD)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

UI / UX設計+デザインストラテジー総合コース
curriculum :
  • AUI / UX基礎Ⅰ(Design・Science・Engineering)

    UI / UXデザイン/ユーザーインタフェースデザイン
    UI / UXデザイン/ユーザーエクスペリエンスデザイン
    Lean UX・Scrum Project Management
    Design Sprint・Design Studio
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • BUI / UX基礎Ⅱ(The Elements of User Experience)

    戦略段階・要求段階/要件定義・Google Design Doc
    構造段階/インタラクション設計・情報設計
    骨格段階/インタフェース設計・ナビゲーション設計
    表層段階/ワイヤーフレーム・プロトタイピング
    予期的UX・一時的UX・エピソード的UX・累積的UX
    ウォーターフロー型開発・アジャイル型開発
    デザインガイドライン/Human Interface Guidelines
    デザインガイドライン/ Material Design

  • Cユーザーリサーチ

    プロトタイピング/ストーリー視点・プロダクト視点
    ツール/Prott・ InVision・Zeplin・Figma・Google Gallery
    ペルソナ手法・シナリオ設計・カスタマージャーニーマップ
    Design Sprint /スプリント・イテレーション
    調査/ユーザーインタビュー・エスノグラフィー・行動観察
    評価/ヒューリスティック評価・ユーザビリティーテスト
    総括的評価・形成的評価
    反証アプローチ・ゼロ仮説

  • Dデザインツール

    Sketch / Exporting・Symbols・Plugins
    Sketch mirror / Previewing
    Figma / Collaborative Interface Design
    Adobe XD / Layout Illustration
    Abstract / Version Management
    Google Drive / Docs・Sheets・Slides
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Eチームビルディング

    情報共有/ slack・Workplace
    経験学習サイクル
    1on1 /共通認識確認・傾聴
    1on1 /学習機会提供・行動促進
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral Economics
    デザインレビュー/フィードフォワード
    デザインレビュー/フィードバック

  • F認知工学

    インタフェースデザイン心理学Ⅰ
    インタフェースデザイン心理学Ⅱ
    データ分析/ Business Intelligence
    データ分析/ Deep Learning
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Gインターフェースデザイン

    アプリアイコン/ App Icons・Screen Shots
    スプラッシュ画面/ Transition・Animation
    サインアップ・ログイン/Forms・Radio Buttons・Check Buttons
    チュートリアル設計/ Communication
    ホーム画面/ Cards・Section Headers
    コレクション・シングル/ Table Views・Fields
    評価・検証/ユーザビリティテスト
    分析/問題点リスト・インパクトレビュー

  • Hナビゲーションデザイン

    NPS・アンケートフォーム
    Empty Statement
    プッシュ通知/ Notification
    プッシュ/階層型遷移
    モーダル/分岐型遷移
    タブ/並列型遷移
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • IWebマーケティング

    Webマーケティング/集客施策
    Webマーケティング/回遊施策
    SEO・SEM・LPO・EFO
    オウンドメディア・クロスチャネル・オムニチャネル
    効果測定/ Analytics
    視線誘導・促進要因・阻害要因
    アンカリング効果・フレーミング効果
    同調現象・認知的不協和・後知恵バイアス

  • JUI / UXデザインシステム

    Atomic Design Methodology / Design System
    Complexion Reduction / UIトレンド
    Level 1 Atoms /ラベル・インプット・ボタン
    Level 2 Molecules /カード・リスト・フィールド
    Level 3 Organisms /ナビゲーションバー
    Level 4 Templates /ページレイアウト・コンテキスト
    Level 5 Pages /ページレイアウト・コンテンツ
    Github・ZenHub・Jara /バージョン管理

  • KヒューマンインタフェースⅠ

    UX 5階層モデル/ Task Oriented・Information Oriented
    戦略/ User Needs・Site Objectives
    要求/ Functional Specifications
    構造/ Interaction Design
    骨格/ Interface Design・Information Design
    表層/ Visual Design
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • LヒューマンインタフェースⅡ

    DesignOps / UX Engineering
    Lean UX / Minimum Viable Product
    UXライティング・ラベル設計
    アクセシビリティ・ユニバーサルデザイン
    オブジェクトベースUI / Modeless User Interface
    タスクベースUI / Command Line Interface
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • MUIデザイン/ iOSアプリ・AndroidアプリⅠ

    OS最適化Ⅰ/ Human Interface Guidelines
    OS最適化Ⅱ/ Material Design Guidelines
    審美的整合性/ Aesthetic Integrity
    比喩的要素/ Material is the metaphor
    マルチデバイス最適化/ Device independent pixel
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral economics
    Information Architecture

  • NUIデザイン/ iOSアプリ・AndroidアプリⅡ

    ワイヤーフレーム・プロトタイピング・デザインレビュー
    要件定義・画面仕様
    UI設計・制作/ネイティブアプリ
    画面レイアウト・トーン&マナー
    要素・コンポーネント/ Tab Bars・Navigation Bars
    要素・コンポーネント/ Tabs・Floating Action Button
    プレゼンテーション
    検証・評価/改善

  • OプレックスプログラムⅠ

    デザインプロセス
    デザインシステム
    デザイントレンドⅠ(現在)
    デザイントレンドⅡ(未来)
    企画アイデアの発想方法
    着眼点と発想法の成功事例Ⅰ
    着眼点と発想法の成功事例Ⅱ
    ストーリー構築
    コンセプトメーキングⅠ
    コンセプトメーキングⅡ

  • PプレックスプログラムⅡ

    ボーダレスデザイン(国/分野)
    プラスデザイン
    ソーシャルデザイン
    コミュニケーションデザインⅠ
    コミュニケーションデザインⅡ
    デザインストラテジーⅠ(ブランディング)
    デザインストラテジーⅡ(マーケティング・MD)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

上記に加えてデザインストラテジー専攻の以下のカリキュラムを設置
  • AデザインシステムⅠ

    デザインの定義/デザインとは
    デザイン事例/デザインを探す
    デザインが関わる領域
    デザインの道具
    デザインフローの理解
    デザインの前提
    デザインの要素
    デザインの原則
    黄金比/グリッド/ゲシュタルト原則
    デザイン分析

  • BデザインシステムⅡ

    デザインの目的と対象
    ビジネスフローとデザインの関係性
    ブランドの定義
    ブランド認知/ブランド体系
    ブランド要素/ブランド体験
    ブランド分析/ターゲット
    ブランディング事例
    ブランドアイデンティティ
    ブランド構築ステップ
    ブランドとデザインの関係性

  • CデザインシステムⅢ

    コンセプト開発
    グループワーク形式の理解
    8QSを使ったコンセプトメイキング
    ブランドメッセージ開発
    ブランドキーワードの選定
    コンセプト設計
    ブランド構築ワーク
    ブランドデザインの役割
    グループワーク発表/講評
    課題リフレクション

  • DブランドデザインⅠ

    ブランドデザイン戦略の理解
    デザインの役割
    デザインワークフローの理解
    アフォーダンスの知識
    ブランドイメージ構築
    ブランド構築ステップ
    自己理解を深めるワーク
    五感リサーチ法
    共感と反発
    課題リフレクション

  • EブランドデザインⅡ

    ペルソナを探る
    ペルソナ観察
    ペルソナ構築
    デザイン思考について
    ブランドデザイン構築Ⅰ
    ブランドデザイン構築Ⅱ
    インタビュー設計
    フィールドワークⅠ
    フィールドワークⅡ
    共感マップ作成

  • FブランドデザインⅢ

    フレームワーク分析
    3C分析
    STPマーケティング分析
    セグメンテーション
    ターゲティング
    ポジショニング開発
    ブランドアイデンティティ構築Ⅰ
    ブランドアイデンティティ構築Ⅱ
    ロゴマークの設計
    プロセスの振り返り

  • GブランドデザインⅣ

    ブランド戦略構築
    4Pと4C
    ブランド要素
    ブランド体験シナリオ作成
    ブランディングプレゼンテーション
    発表フィードバック
    情報分析
    問題定義
    市場の情報収集
    課題リフレクション

  • HブランドデザインⅤ

    ブランド構築ワークショップ(個人)
    インタビューとアンケート
    共感ポイント
    独自価値の仮説
    市場細分化の注意点
    見込み客の選定
    ネットワーク連想法とポジショニング
    ポジショニングマップ作成Ⅰ
    ポジショニングマップ作成Ⅱ
    プレゼンテーション/講評

  • IブランドデザインⅥ

    ブランド構築ワークショップ(グループ)
    共通課題の見定め
    ブランディングテーマの設定
    ポジショニングの軸を設定
    チーム対話の発想法
    チーム対話の収束法
    チームコミュニケーション
    プロトタイピングⅠ
    プロトタイピングⅡ
    プレゼンテーション/講評

UI / UX設計+Webデザイン総合コース
curriculum :
  • AUI / UX基礎Ⅰ(Design・Science・Engineering)

    UI / UXデザイン/ユーザーインタフェースデザイン
    UI / UXデザイン/ユーザーエクスペリエンスデザイン
    Lean UX・Scrum Project Management
    Design Sprint・Design Studio
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • BUI / UX基礎Ⅱ(The Elements of User Experience)

    戦略段階・要求段階/要件定義・Google Design Doc
    構造段階/インタラクション設計・情報設計
    骨格段階/インタフェース設計・ナビゲーション設計
    表層段階/ワイヤーフレーム・プロトタイピング
    予期的UX・一時的UX・エピソード的UX・累積的UX
    ウォーターフロー型開発・アジャイル型開発
    デザインガイドライン/Human Interface Guidelines
    デザインガイドライン/ Material Design

  • Cユーザーリサーチ

    プロトタイピング/ストーリー視点・プロダクト視点
    ツール/Prott・ InVision・Zeplin・Figma・Google Gallery
    ペルソナ手法・シナリオ設計・カスタマージャーニーマップ
    Design Sprint /スプリント・イテレーション
    調査/ユーザーインタビュー・エスノグラフィー・行動観察
    評価/ヒューリスティック評価・ユーザビリティーテスト
    総括的評価・形成的評価
    反証アプローチ・ゼロ仮説

  • Dデザインツール

    Sketch / Exporting・Symbols・Plugins
    Sketch mirror / Previewing
    Figma / Collaborative Interface Design
    Adobe XD / Layout Illustration
    Abstract / Version Management
    Google Drive / Docs・Sheets・Slides
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Eチームビルディング

    情報共有/ slack・Workplace
    経験学習サイクル
    1on1 /共通認識確認・傾聴
    1on1 /学習機会提供・行動促進
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral Economics
    デザインレビュー/フィードフォワード
    デザインレビュー/フィードバック

  • F認知工学

    インタフェースデザイン心理学Ⅰ
    インタフェースデザイン心理学Ⅱ
    データ分析/ Business Intelligence
    データ分析/ Deep Learning
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • Gインターフェースデザイン

    アプリアイコン/ App Icons・Screen Shots
    スプラッシュ画面/ Transition・Animation
    サインアップ・ログイン/Forms・Radio Buttons・Check Buttons
    チュートリアル設計/ Communication
    ホーム画面/ Cards・Section Headers
    コレクション・シングル/ Table Views・Fields
    評価・検証/ユーザビリティテスト
    分析/問題点リスト・インパクトレビュー

  • Hナビゲーションデザイン

    NPS・アンケートフォーム
    Empty Statement
    プッシュ通知/ Notification
    プッシュ/階層型遷移
    モーダル/分岐型遷移
    タブ/並列型遷移
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • IWebマーケティング

    Webマーケティング/集客施策
    Webマーケティング/回遊施策
    SEO・SEM・LPO・EFO
    オウンドメディア・クロスチャネル・オムニチャネル
    効果測定/ Analytics
    視線誘導・促進要因・阻害要因
    アンカリング効果・フレーミング効果
    同調現象・認知的不協和・後知恵バイアス

  • JUI / UXデザインシステム

    Atomic Design Methodology / Design System
    Complexion Reduction / UIトレンド
    Level 1 Atoms /ラベル・インプット・ボタン
    Level 2 Molecules /カード・リスト・フィールド
    Level 3 Organisms /ナビゲーションバー
    Level 4 Templates /ページレイアウト・コンテキスト
    Level 5 Pages /ページレイアウト・コンテンツ
    Github・ZenHub・Jara /バージョン管理

  • KヒューマンインタフェースⅠ

    UX 5階層モデル/ Task Oriented・Information Oriented
    戦略/ User Needs・Site Objectives
    要求/ Functional Specifications
    構造/ Interaction Design
    骨格/ Interface Design・Information Design
    表層/ Visual Design
    人間工学/ Human Factors and Ergonomics
    感性工学/ Affective Engineering

  • LヒューマンインタフェースⅡ

    DesignOps / UX Engineering
    Lean UX / Minimum Viable Product
    UXライティング・ラベル設計
    アクセシビリティ・ユニバーサルデザイン
    オブジェクトベースUI / Modeless User Interface
    タスクベースUI / Command Line Interface
    人間中心設計/ Cooperative Design・Participatory Design
    行動経済学/ Behavioral Economics

  • MUIデザイン/ iOSアプリ・AndroidアプリⅠ

    OS最適化Ⅰ/ Human Interface Guidelines
    OS最適化Ⅱ/ Material Design Guidelines
    審美的整合性/ Aesthetic Integrity
    比喩的要素/ Material is the metaphor
    マルチデバイス最適化/ Device independent pixel
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral economics
    Information Architecture

  • NUIデザイン/ iOSアプリ・AndroidアプリⅡ

    ワイヤーフレーム・プロトタイピング・デザインレビュー
    要件定義・画面仕様
    UI設計・制作/ネイティブアプリ
    画面レイアウト・トーン&マナー
    要素・コンポーネント/ Tab Bars・Navigation Bars
    要素・コンポーネント/ Tabs・Floating Action Button
    プレゼンテーション
    検証・評価/改善

  • OプレックスプログラムⅠ

    デザインプロセス
    デザインシステム
    デザイントレンドⅠ(現在)
    デザイントレンドⅡ(未来)
    企画アイデアの発想方法
    着眼点と発想法の成功事例Ⅰ
    着眼点と発想法の成功事例Ⅱ
    ストーリー構築
    コンセプトメーキングⅠ
    コンセプトメーキングⅡ

  • PプレックスプログラムⅡ

    ボーダレスデザイン(国/分野)
    プラスデザイン
    ソーシャルデザイン
    コミュニケーションデザインⅠ
    コミュニケーションデザインⅡ
    デザインストラテジーⅠ(ブランディング)
    デザインストラテジーⅡ(マーケティング・MD)
    クリエイティブワークショップ
    グループディスカッション
    デザインプレゼンテーション

上記に加えてWEBクリエイティブ専攻の以下のカリキュラムを設置
  • AHTML5・CSS3コーディングⅠ (※Dreamweaverを含む)

    HTML・CSS基本構造
    HTML・CSSコーディング基礎
    マルチデバイス対応/スマートデバイス
    Dreamweaver基本/ビュー/各種パネル
    HTML5 /セクショニング/エンベット
    CSS3 /セレクタ/プロパティ/ Flexbox
    HTML5・CSS3コーディング基礎
    デジタルデバイスとWebブラウザ概要

  • BWebグラフィックⅠ (Photoshop)

    Photoshopの基本操作(ツール・機能)
    写真の加工・合成・トリミング
    Web用画像の生成・書き出し
    色域指定/カラーバランス/色調補正
    レイヤー/レイヤースタイル/不透明度
    クイックマスク/レイヤーマスク/文字マスク
    修正ブラシ/フィルタ/シェイプツール
    画像サイズ/ピクセル/画像解像度

  • CWebグラフィックⅡ (Photoshop / Illustrator)

    Web画像フォーマット/ PNG・JPEG・GIF・SVG
    Illustratorの基本操作(ツール・機能)
    文字の扱い/文字デザイン/ロゴ/マーク
    オブジェクト/レイヤー/アンカーポイント編集
    RGBとCMYK /カラー選択/グラデーション
    クリッピングマスク/パス/アウトライン
    Web用画像の生成・アセット書き出し
    デザインカンプ制作

  • DWebリッチコンテンツ (Ajax [ jQuery])

    Ajax概要・基礎
    jQuery概要・基礎
    Ajax・jQueryコーディング
    jQuery実装
    jQueryスライダー制作
    イメージギャラリー制作
    lightbox制作
    jQueryページ内スクロール

  • EHTML5・CSS3コーディングⅡ (※XHTML・CSSコーディングを含む)

    HTML5によるWebサイト構築ⅠⅡ
    CSS3によるWeb編集ⅠⅡ
    XHTML・CSSとHTML5・CSS3の違い
    HTML5・CSS3コーディング実践Ⅰ
    HTML5・CSS3コーディング実践Ⅱ
    マルチブラウザ対応チェック
    コーディングチェック/バリデーションチェック
    サーバ概論/ LAMP環境/ FTP

  • FWebデザイン理論

    Webデザイン概論/ Webサイト制作フロー
    Webサイトの種類とコンセプトメイキング
    情報の構造(収集・分類・組織化など)
    ページデザインⅠ(レイアウト/グラフィックス)
    ページデザインⅡ(カラー/タイポグラフィ)
    ナビゲーション/ユーザインターフェイス
    著作権/知的財産権/肖像権
    Webサイトのテストと運用・リニューアル

  • GWebプログラミング (JavaScript / PHP / MySQL / WordPress)

    Webプログラミング概論/ API概論
    JavaScript概要・基礎
    PHP概要/基本書式
    入力フォーム/ send_mail
    MySQL基本操作/ DB概要
    CMS概要/ WordPress概要
    WordPressインストール/ブログ
    オリジナルテーマ/プラグイン設定

  • H作品制作実習

    Webサイトプランニングフロー
    企画・コンセプト(デザイン企画書の作成)
    コンテンツ/ページ構成/デザインカンプ
    ユーザビリティ/ナビゲーション/マイクロインタラクション
    トップページデザイン/サブページデザイン
    Webサイト制作実習/コーディング/最適化
    ブラウザ互換性チェック/コーディングチェック
    プレゼンテーション/作品講評

モバイルアプリケーション設計コース
curriculum :
  • MUIデザイン/ iOSアプリ・AndroidアプリⅠ

    OS最適化Ⅰ/ Human Interface Guidelines
    OS最適化Ⅱ/ Material Design Guidelines
    審美的整合性/ Aesthetic Integrity
    比喩的要素/ Material is the metaphor
    マルチデバイス最適化/ Device independent pixel
    人間中心設計/ HCD・UCD
    行動経済学/ Behavioral economics
    Information Architecture

  • NUIデザイン/ iOSアプリ・AndroidアプリⅡ

    ワイヤーフレーム・プロトタイピング・デザインレビュー
    要件定義・画面仕様
    UI設計・制作/ネイティブアプリ
    画面レイアウト・トーン&マナー
    要素・コンポーネント/ Tab Bars・Navigation Bars
    要素・コンポーネント/ Tabs・Floating Action Button
    プレゼンテーション
    検証・評価/改善

デザインシステム基礎コース
curriculum :
  • -対象カリキュラムなし

    対象カリキュラムなし

デザインストラテジー専攻の以下カリキュラムを設置
  • AデザインシステムⅠ

    デザインの定義/デザインとは
    デザイン事例/デザインを探す
    デザインが関わる領域
    デザインの道具
    デザインフローの理解
    デザインの前提
    デザインの要素
    デザインの原則
    黄金比/グリッド/ゲシュタルト原則
    デザイン分析

  • BデザインシステムⅡ

    デザインの目的と対象
    ビジネスフローとデザインの関係性
    ブランドの定義
    ブランド認知/ブランド体系
    ブランド要素/ブランド体験
    ブランド分析/ターゲット
    ブランディング事例
    ブランドアイデンティティ
    ブランド構築ステップ
    ブランドとデザインの関係性

  • CデザインシステムⅢ

    コンセプト開発
    グループワーク形式の理解
    8QSを使ったコンセプトメイキング
    ブランドメッセージ開発
    ブランドキーワードの選定
    コンセプト設計
    ブランド構築ワーク
    ブランドデザインの役割
    グループワーク発表/講評
    課題リフレクション

該当カリキュラム 一覧

  • AUI / UX基礎Ⅰ(Design・Science・Engineering)
  • BUI / UX基礎Ⅱ(The Elements of User Experience)
  • Cユーザーリサーチ
  • Dデザインツール
  • Eチームビルディング
  • F認知工学
  • Gインターフェースデザイン
  • Hナビゲーションデザイン
  • IWebマーケティング
  • JUI / UXデザインシステム
  • KヒューマンインタフェースⅠ
  • LヒューマンインタフェースⅡ
  • MUIデザイン/ iOSアプリ・AndroidアプリⅠ
  • NUIデザイン/ iOSアプリ・AndroidアプリⅡ
  • OプレックスプログラムⅠ
  • PプレックスプログラムⅡ

東京デザインプレックス研究所 修了生の声

Webの中に人間の体温が伝わるような仕組みをつくりたい。

インタラクションアーティスト岡田 憲一 Kenichi Okada 35歳

DETAILS: 詳細へ
企画したものが形になっていくのが嬉しいですね。

マーケティングプランナー山嶋 彩 Aya Yamashima 28歳

DETAILS: 詳細へ
デザイナーとして女性の社会的地位向上に関わりたい。

UI/UX デザイナー市村 里咲子 Risako Ichimura 24歳

DETAILS: 詳細へ
VIEW MORE: 修了生の声一覧へ

プレックスプログラムレポート

各業界のトップクリエイターを講師に迎え、業界や分野を超えたデザインの真髄を学びます。
次代のデザイナーに必要な10要素で構成される独自プログラムです。

VIEW MORE: プレックスプログラムレポート詳細へ