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

UX / UIデザイン／ユーザーインタフェースデザイン
UX / UIデザイン／ユーザーエクスペリエンスデザイン
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

Brand Framework（ブランディングの原則）
Brand Proposition（中核概念）
Brand Experience（構造構築）
Brand Engagement（浸透活動）
Brand Measure（効果測定）
Brand Strategy（ブランド戦略）
OuterBrand / InnerBrand（アウターブランディングとインナーブランディング）
Brand Department（ブランド組織の作り方）

Design Philosophy / Brand Logo（デザイン哲学／ブランドロゴ）
Brand Motif / Brand Color（ブランドモチーフ／ブランドカラー）
Brand Guidelines（ブランドガイドラインの策定と実装）
Brand × UX / UI Design（UX / UIデザインへの応用）
組織設計と人的資本（ISO30414の理解）
インセンティブ設計（金銭報酬／体験報酬／感情報酬）
ビジネスSNSと時代性（依存先分散と自立）
VUCA時代における「複業」の思考法

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

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

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

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

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

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

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

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

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

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

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

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

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