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

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
プレゼンテーション
検証・評価／改善

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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