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円(税別)
- 受講料
- 670,000円(税別)
- 教材費・実習費
- 80,000円(税別)
- 学費総計
- 780,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
- AUI / UX基礎 Ⅰ(Design・Science・Engineering)
-
- BUI / UX基礎 Ⅱ(The Elements of User Experience)
-
戦略段階・要求段階/要件定義・Google Design Doc
構造段階/インタラクション設計・情報設計
骨格段階/インタフェース設計・ナビゲーション設計
表層段階/ワイヤーフレーム・プロトタイピング
予期的UX・一時的UX・エピソード的UX・累積的UX
ウォーターフロー型開発・アジャイル型開発
デザインガイドライン/Human Interface Guidelines
デザインガイドライン/ Material Design
- BUI / UX基礎 Ⅱ(The Elements of User Experience)
-
- Cユーザーリサーチ
-
プロトタイピング/ストーリー視点・プロダクト視点
ツール/ Prott・ InVision・Zeplin・Figma・Google Gallery
ペルソナ手法・シナリオ設計・カスタマージャーニーマップ
Design Sprint /スプリント・イテレーション
調査/ユーザーインタビュー・エスノグラフィー・行動観察
評価/ヒューリスティック評価・ユーザビリティーテスト
総括的評価・形成的評価
反証アプローチ・ゼロ仮説
- Cユーザーリサーチ
-
- 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
- Dデザインツール
-
- Eチームビルディング
-
情報共有/ Slack・Workplace
経験学習サイクル
1on1 /共通認識確認・傾聴
1on1 /学習機会提供・行動促進
人間中心設計/ HCD・UCD
行動経済学/ Behavioral Economics
デザインレビュー/フィードフォワード
デザインレビュー/フィードバック
- Eチームビルディング
-
- F認知工学
-
インタフェースデザイン心理学 Ⅰ
インタフェースデザイン心理学 Ⅱ
データ分析/ Business Intelligence
データ分析/ Deep Learning
人間中心設計/ Cooperative Design・Participatory Design
行動経済学/ Behavioral Economics
人間工学/ Human Factors and Ergonomics
感性工学/ Affective Engineering
- F認知工学
-
- Gインターフェースデザイン
-
アプリアイコン/ App Icons・Screen Shots
スプラッシュ画面/ Transition・Animation
サインアップ・ログイン/Forms・Radio Buttons・Check Buttons
チュートリアル設計/ Communication
ホーム画面/ Cards・Section Headers
コレクション・シングル/ Table Views・Fields
評価・検証/ユーザビリティテスト
分析/問題点リスト・インパクトレビュー
- Gインターフェースデザイン
-
- Hナビゲーションデザイン
-
NPS・アンケートフォーム
Empty Statement
プッシュ通知/ Notification
プッシュ/階層型遷移
モーダル/分岐型遷移
タブ/並列型遷移
人間中心設計/ Cooperative Design・Participatory Design
行動経済学/ Behavioral Economics
- Hナビゲーションデザイン
-
- 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
- IUIデザイン/iOSアプリ・Androidアプリ Ⅰ
-
- JUIデザイン/iOSアプリ・Androidアプリ Ⅱ
-
ワイヤーフレーム・プロトタイピング・デザインレビュー
要件定義・画面仕様
UI設計・制作/ネイティブアプリ
画面レイアウト・トーン&マナー
要素・コンポーネント/ Tab Bars・Navigation Bars
要素・コンポーネント/ Tabs・Floating Action Button
プレゼンテーション
検証・評価/改善
- JUIデザイン/iOSアプリ・Androidアプリ Ⅱ
-
- KWebマーケティング
-
Webマーケティング/集客施策
Webマーケティング/回遊施策
SEO・SEM・LPO・EFO
オウンドメディア・クロスチャネル・オムニチャネル
効果測定/ Analytics
視線誘導・促進要因・阻害要因
アンカリング効果・フレーミング効果
同調現象・認知的不協和・後知恵バイアス
- KWebマーケティング
-
- 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 /バージョン管理
- LUI / UXデザインシステム
-
- 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
- Mヒューマンインタフェース Ⅰ
-
- Nヒューマンインタフェース Ⅱ
-
DesignOps / UX Engineering
Lean UX / Minimum Viable Product
UXライティング・ラベル設計
アクセシビリティ・ユニバーサルデザイン
オブジェクトベースUI / Modeless User Interface
タスクベースUI / Command Line Interface
人間中心設計/ Cooperative Design・Participatory Design
行動経済学/ Behavioral Economics
- Nヒューマンインタフェース Ⅱ
-
- OUXリサーチ I(ユーザーリサーチ実践 Ⅰ )
-
定量調査・定性調査
定量調査・分析/アンケート設計
定性調査・分析/基礎
定性調査・分析/応用
User Interview / Depth Interview
Research Plan / Plan-Prep-Work-Analyze
Research Question 1
Research Question 2
- OUXリサーチ I(ユーザーリサーチ実践 Ⅰ )
-
- 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
- PUXリサーチ II(ユーザーリサーチ実践 Ⅱ )
-
- Rプレックスプログラム Ⅰ
-
デザインプロセス
デザインシステム
デザイントレンド
企画アイデアの発想方法
着眼点と発想法の成功事例
ストーリー構築
コンセプトメーキング
プラスデザイン
- Rプレックスプログラム Ⅰ
-
- Sプレックスプログラム Ⅱ
-
ボーダレスデザイン(国/分野)
ソーシャルデザイン
コミュニケーションデザイン
デザインストラテジーⅠ(ブランディング)
デザインストラテジーⅡ(マーケティング・MD)
クリエイティブワークショップ
グループディスカッション
デザインプレゼンテーション
- Sプレックスプログラム Ⅱ
上記に加えてWEBクリエイティブ専攻の以下のカリキュラムを設置
-
- AHTML5・CSS3コーディング Ⅰ
-
HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Dreamweaver基本/ビュー/各種パネル
HTML5 /セクショニング/エンベット
CSS3 /セレクタ/プロパティ
デジタルデバイスとWebブラウザ概要
フレキシブルボックスレイアウト
- AHTML5・CSS3コーディング Ⅰ
-
- BWebグラフィック(Adobe XD)
-
Webサイト概論(Webサイトの仕組み/サーバー/ドメイン)
Webサイト制作フロー
Adobe XDの基本操作
ワークスペース/レイヤー
オブジェクト/アセット
コンポーネント
プランニングシート/コーディング設計
ワイヤーフレーム/デザインカンプ制作
- BWebグラフィック(Adobe XD)
-
- CレスポンシブWebデザイン
-
マルチデバイス対応実践
ブレークポイント設計
Media Queries
スマートフォンデバイスの特徴
モバイルファーストのサイト設計
リキッドレイアウト
スマートフォン最適化データ/ SVG実装
ページの高速化/レスポンシブWeb実践
- CレスポンシブWebデザイン
-
- DHTML5・CSS3コーディング Ⅱ
-
リセットCSS
ノーマライズCSS
HTML5によるWebサイト構築
CSS3によるWeb編集
HTML5・CSS3コーディング応用
マルチブラウザ対応
デベロッパーツール
バリデーションチェック/ FTP
- DHTML5・CSS3コーディング Ⅱ
-
- EWebリッチコンテンツ(jQuery / JavaScript)
-
クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎
jQuery基礎(実装)
jQuery実践(class変更など)
jQueryプラグイン(lightboxなど)
jQuery応用(Loading /条件分岐による挙動)
プラグイン
- EWebリッチコンテンツ(jQuery / JavaScript)
-
- FHTML5・CSS3コーディング実践
-
HTML5・CSS3コーディング実践
セマンティックWeb
CSSアニメーション
CSS transform
Webフォント概要
グリッドレイアウト
Dreamweaver応用
Webポートフォリオ/業界最新技術動向
- FHTML5・CSS3コーディング実践
-
- GWebプログラミング(PHP / MySQL / WordPress)
-
サーバーサイドスクリプト概論/ API 概論
PHP概要/基礎/入力フォーム
データベース/ MySQL概要
CMS(コンテンツマネジメントシステム)概要
WordPress概要/インストール/環境設定
管理画面/投稿ページ/固定ページ
カテゴリ/タグ/タクソノミー/ WordPress関数
プラグイン/オリジナルテーマ制作
- GWebプログラミング(PHP / MySQL / WordPress)
-
- H作品制作実習
-
Webサイトプランニング
企画 ・コンセプト
コンテンツページ構成
コーディング/ページ最適化
ブラウザ互換性/コーディングチェック
トップページ・コンテンツページ制作
スマートフォンサイト制作
プレゼンテーション/作品講評
- H作品制作実習
-
- IWebグラフィック(Illustrator)
-
Illustratorの基本操作(ツール・機能)
図形の描画/オブジェクト/グループ化/レイヤー
変形/整列/パスファインダ/パス/アンカーポイント
アウトライン化/クリッピングマスク
RGBとCMYK /グラデーション
文字の扱い/文字デザイン/ロゴ/マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し/ SVGデータ編集
- IWebグラフィック(Illustrator)
-
- JWebグラフィック(Photoshop)
-
Photoshopの基本操作(ツール・機能)
画像サイズ/ピクセル/画像解像度
写真の加工・合成・トリミング
色域指定/カラーバランス/色調補正/シェイプ
レイヤー/レイヤースタイル/レイヤー効果/不透明度
クイックマスク/レイヤーマスク/クリッピングマスク
アートボード/レイアウトの基本原則
Web用画像の生成・書き出し
- JWebグラフィック(Photoshop)
-
- KWebグラフィック制作実習
-
デジタルデバイス対応デザイン
Web用画像フォーマット
Webカラー表現
Webタイポグラフィ
サイトレイアウト
ワイヤーフレーム/デザインカンプ
デザインカンプ制作実習
プレゼンテーション/講評
- KWebグラフィック制作実習
その他のコース
必修コース
- UI / UX設計コース
- UI / UX設計+UXリサーチ実践コース
- UI / UX総合+ブランドデザイン戦略コース
- UI / UX総合+Webサイト制作コース