BUSINESS DESIGN STUDIO - UI / UX DIVISIONUI / UX総合+Webサイト制作コース

国内最先端のUI / UX設計とWebサイト制作を基礎から実務レベルまで学ぶプログラムです。授業ではUXリサーチ、プロダクトの要件定義、UI / UX設計、プロトタイピングの基礎・応用を軸に、「人間中心設計(HCD)」「行動経済学」「人間工学」「感性工学」の視点を取り入れ、ユーザー体験を最適化する学習に注力します。さらに、Webサイト制作を学ぶことで、将来的には、UI / UXデザイナーとしてWebクリエイティブ部門の中核を担うことが可能となります。本コースは「プレックスプログラム(200時間/ 2年間)」を無料受講できる特典が付きます。

授業時間数
295時間(118コマ)+α※
開講月
1月/ 2月/ 4月/ 5月/ 7月/ 8月/ 10月/ 11月
定 員
10名~18名
レベル
未経験者OK /適性審査あり
対応資格
HCD-Net認定人間中心設計専門家/ Webクリエイター能力認定試験エキスパート/アドビ認定アソシエイト
目指す職業
UIデザイナー/ UXデザイナー/ Webデザイナー/スマートフォンサイトデザイナー/ Webディレクター
時間/期間(週回数)
夜間部19:15-21:45 / 6ヵ月間-1 年間(週2-3回)、土or日/ 6ヵ月間-1 年間(週1-2回)
入学金
30,000円(税込33,000円)
受講料
670,000円(税込737,000円)
教材費・実習費
80,000円(税込88,000円)
学費総計
780,000円(税込858,000円)
受講特典
α※=「プレックスプログラム(80プログラム/ 200時間/ 2年間)」「アドバンストプログラム」を無料で受講できます。

※詳細の授業日程は、個別カウンセリングなど学校イベントにてご確認ください。受講時間・期間・週回数はコースにより変更となる場合がございますので、入学前に必ずご確認をお願い致します。

コース詳細表

  • 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

  • IUIデザイン/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

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

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

  • KWebマーケティング

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

  • LUI / 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 /バージョン管理

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

    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

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

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

  • OUXリサーチ I(ユーザーリサーチ実践 Ⅰ )

    定量調査・定性調査
    定量調査・分析/アンケート設計
    定性調査・分析/基礎
    定性調査・分析/応用
    User Interview / Depth Interview
    Research Plan / Plan-Prep-Work-Analyze
    Research Question 1
    Research Question 2

  • PUXリサーチ II(ユーザーリサーチ実践 Ⅱ )

    Desk Research
    Contextual Inquiry / Flow model / Sequence model
    Contextual Inquiry / Artifact model / Cultural model / Physical model
    行動観察/ Ethnographic Research
    User Modeling /ペルソナ法/ジャーニーマップ
    User Modeling /価値マップ/シナリオ
    仮説思考/ Zero hypothesis
    MECE / Logical Thinking

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

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

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

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

上記に加えてWEBクリエイティブ専攻の以下のカリキュラムを設置

  • AHTML5・CSS3コーディング Ⅰ

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

  • BWebグラフィック(Adobe XD)

    Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
    Webサイト制作フロー
    Adobe XDの基本操作
    ワークスペース/レイヤー
    オブジェクト/アセット
    コンポーネント
    プランニングシート/コーディング設計
    ワイヤーフレーム/デザインカンプ制作

  • CレスポンシブWebデザイン

    マルチデバイス対応実践
    ブレークポイント設計
    Media Queries
    スマートフォンデバイスの特徴
    モバイルファーストのサイト設計
    リキッドレイアウト
    スマートフォン最適化データ/ SVG実装
    ページの高速化/レスポンシブWeb実践

  • DHTML5・CSS3コーディング Ⅱ

    リセットCSS
    ノーマライズCSS
    HTML5によるWebサイト構築
    CSS3によるWeb編集
    HTML5・CSS3コーディング応用
    マルチブラウザ対応
    デベロッパーツール
    バリデーションチェック/ FTP

  • EWebリッチコンテンツ(jQuery / JavaScript)

    クライアントサイドスクリプト概論
    JavaScript概要
    JavaScript基礎
    jQuery基礎(実装)
    jQuery実践(class変更など)
    jQueryプラグイン(lightboxなど)
    jQuery応用(Loading /条件分岐による挙動)
    プラグイン

  • FHTML5・CSS3コーディング実践

    HTML5・CSS3コーディング実践
    セマンティックWeb
    CSSアニメーション
    CSS transform
    Webフォント概要
    グリッドレイアウト
    Dreamweaver応用
    Webポートフォリオ/業界最新技術動向

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

    サーバーサイドスクリプト概論/ API 概論
    PHP概要/基礎/入力フォーム
    データベース/ MySQL概要
    CMS(コンテンツマネジメントシステム)概要
    WordPress概要/インストール/環境設定
    管理画面/投稿ページ/固定ページ
    カテゴリ/タグ/タクソノミー/ WordPress関数
    プラグイン/オリジナルテーマ制作

  • H作品制作実習

    Webサイトプランニング
    企画 ・コンセプト
    コンテンツページ構成
    コーディング/ページ最適化
    ブラウザ互換性/コーディングチェック
    トップページ・コンテンツページ制作
    スマートフォンサイト制作
    プレゼンテーション/作品講評

  • IWebグラフィック(Illustrator)

    Illustratorの基本操作(ツール・機能)
    図形の描画/オブジェクト/グループ化/レイヤー
    変形/整列/パスファインダ/パス/アンカーポイント
    アウトライン化/クリッピングマスク
    RGBとCMYK /グラデーション
    文字の扱い/文字デザイン/ロゴ/マーク
    タイポグラフィの基本原則
    Web用画像の生成 ・書き出し/ SVGデータ編集

  • JWebグラフィック(Photoshop)

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

  • KWebグラフィック制作実習

    デジタルデバイス対応デザイン
    Web用画像フォーマット
    Webカラー表現
    Webタイポグラフィ
    サイトレイアウト
    ワイヤーフレーム/デザインカンプ
    デザインカンプ制作実習
    プレゼンテーション/講評

その他のコース

必修コース

選択コース