BUSINESS DESIGN STUDIO - UI / UX DIVISIONUI / UX設計＋Webデザイン総合コース

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

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

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

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

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

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

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

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

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

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 ／バージョン管理

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

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

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

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

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

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

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

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

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

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

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

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

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

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