UX / UI STUDIO - UX / UI DIVISIONUX / UI 総合＋Webサイト制作コース

UX Design ／ユーザーエクスペリエンスデザイン
UI Design ／ユーザーインタフェースデザイン
Lean UX・Scrum Project Management
アジャイル開発／ウォーターフロー開発
人間中心設計／ Cooperative Design・Participatory Design
行動経済学／ Behavioral Economics
人間工学／ Human Factors and Ergonomics
感性工学／ Affective Engineering

プロダクト設計／ユーザーニーズ
コンテンツ設計／機能設計
インタラクション設計／情報設計
インタフェース設計／ナビゲーション設計
ワイヤーフレーム／プロトタイピング
予期的UX・一時的UX・エピソード的UX・累積的UX
ガイドライン／ Human Interface Guidelines
ガイドライン／ Material Design

探索リサーチ・検証リサーチ
プロトペルソナ／ユーザーインタビュー
ユーザーモデリング／シナリオ設計
ペルソナ手法／カスタマージャーニーマップ
定性分析／アイデア発想／アイディエーション
ユーザビリティーテスト実査
総括的評価／形成的評価
ヒューリスティック評価・分析

Figma / Collaborative Interface Design
FigJam / Online collaboration tools
Miro / Realtime Workspace
Google Docs / Online Document Editing
Google sheet / Collaborative Sheet
Google Slides / Presentation slide
人間工学／ Human Factors and Ergonomics
感性工学／ Affective Engineering

情報共有／ Slack
経験学習サイクル
1on1 ／共通認識確認・傾聴
1on1 ／学習機会提供・行動促進
人間中心設計／ HCD・UCD
行動経済学／ Behavioral Economics
心理的安全性／ Psychological Safety
デザインレビュー／フィードバック

認知心理学／行動経済学
人間工学／感性工学
ヒューリスティック／プロスペクト理論
行動変容／ナッジ・フォッグ
チート／習慣化／意識化
メンタルモデル／アフォーダンス
シグニファイア／ゲシュタルト原則
認知負荷／チャンク化／ヒックの法則

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

インプットフィールド／フォーム
Empty Statement
プッシュ通知／ Notification
プッシュ／階層型遷移
モーダル／分岐型遷移
タブ／並列型遷移
人間中心設計／ Cooperative Design・Participatory Design
人間工学／ Human Factors and Ergonomics

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

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

Webマーケティング／集客施策
Webマーケティング／回遊施策
デスクリサーチ／競合分析
PEST分析・GCS分析／市場分析
オウンドメディア・クロスチャネル・オムニチャネル
視線誘導・促進要因・阻害要因・効果測定
アンカリング効果・フレーミング効果
認知心理学／後知恵バイアス

Atomic Design Methodology / Design System
Level 1 Atoms ／ラベル・インプット・ボタン
Level 2 Molecules ／カード・リスト・フィールド
Level 3 Organisms ／ナビゲーションバー
Level 4 Templates ／ページレイアウト・コンテキスト
Level 5 Pages ／ページレイアウト・コンテンツ
Design Guidelines ／コンポーネント・バリアント
Design Guidelines ／フォント・カラー

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

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

Brand Framework（ブランディングの原則）
Brand Proposition（中核概念）
Brand Experience（構造構築）
Brand Engagement（浸透活動）
組織設計／インナーブランディング
VUCAへの理解と求められる人材像・思考法
MVV（ミッション・ビジョン・バリュー）への理解
コアバリューの再構築／ UXとブランディング

Brand story（ブランドストーリー）
Brand Motif / Color（ブランドモチーフ／カラー）
Brand Personality（ブランドパーソナリティ）
Brand promise（ブランドプロミス）
視点の変化と価値の再発見／ポジショニング
価値の言語化とビジュアル化
ムードボード／視覚的要素でのイメージ共有
コア画面／キービジュアル／ビジネスモデル

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

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

Webサイトの仕組み／サーバー／ドメイン
Webデザイン制作フロー（業界・トレンド）
Webデザイン技術（HTML・CSS・Web画像）
デジタルデバイスとWebブラウザ概要
Webデザイン理論（カラー・フォント・レイアウト）
Figma基本操作／プロジェクト／モード切替
レイヤー／アセット／コンポーネント
ワイヤーフレーム／デザインカンプ制作

HTML・CSS基本構造
HTML・CSSコーディング基礎
マルチデバイス対応
Visual Studio Code基本／ビュー／各種パネル
HTML Living Standard／セクショニング／エンベット
CSS3／セレクタ／プロパティ
フレキシブルボックスレイアウト
HTML Living StandardによるWebサイト構築

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

リセットCSS／ノーマライズCSS
セマンティックWeb
CSSアニメーション／CSS transform
CSS3によるWeb編集
Webフォント概要／グリッドレイアウト
HTML Living Standard・CSS3コーディング応用
マルチブラウザ対応／デベロッパーツール
バリデーションチェック／FTP

クライアントサイドスクリプト概論
JavaScript概要
JavaScript基礎（記述ルール・コンソール・条件分岐）
JavaScript実践（変数・関数・オブジェクト）
JavaScriptプラグイン／UI実装
jQuery実践（class変更など）
jQueryプラグイン（スライダー・lightboxなど）
jQuery応用（Loading／条件分岐による挙動）

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

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

Photoshopの基本操作（ツール・機能）
画像サイズ／ピクセル／画像解像度
写真の加工・合成・トリミング
色域指定／カラーバランス／色調補正／シェイプ
レイヤー／レイヤースタイル／レイヤー効果／不透明度
クイックマスク／レイヤーマスク／クリッピングマスク
Web用画像の生成・書き出し／アセット
キービジュアル制作／FVページ制作

Illustratorの基本操作（ツール・機能）
図形の描画／オブジェクト／グループ化／レイヤー
パスファインダ／パス／アンカーポイント／マスク
文字の扱い／文字デザイン／ロゴ／マーク
タイポグラフィの基本原則
Web用画像の生成 ・書き出し／SVGデータ編集
ワイヤーフレーム／デザインカンプ制作実習
プレゼンテーション／講評

Webデザイン概論
Webサイトの種類と役割
サイトレイアウトデザイン
マルチデバイスページデザイン
高度なフォトコンテンツ表現
Webカラーデザイン
Webタイポグラフィ実践
Webサイトデザイン思考／分析

アイコンフォント
ユーザビリティ設計
Webアクセシビリティ
デザインガイドライン
UI パーツデザイン
コンポーネント設計
情報構造／HTML・CSS設計
CSS命名規則／CSSプリプロセッサ

モーションデザイン
マイクロインタラクション
アクションとレスポンス
映像を用いたサイト表現
インフォグラフィックス
アイコン／ピクトグラム
Webサイトデザイン制作実習
プレゼンテーション／講評

写真の基礎知識／写真の表現力
カメラの仕組み／構図／アングル
光の向き・種類 トレーニング／考察
焦点距離／画角／ホワイトバランス
遠近感／被写界深度／シャッタースピード
露出／絞り値／デジタルフォト撮影指導
コンセプトワーク／フォトセレクション
デジタルフォト撮影実習／プレゼン／講評

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

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