インターフェイス設計概論~見やすい! 使いやすい! Webサイトインターフェイス手法

対象者

●Web構築のディレクションを担当している人
●Webにおけるユーザビリティスキルの向上を目指す人

解決したい課題・悩み

●基本的なWebサイト設計の仕方について知りたい
●ページレイアウトとページデザインについて抑えるべきポイントが曖昧
●Webサイトの運営・管理について学びたい

研修内容・特徴

●Webサイトを「利用者と運営者の双方にとって有意義なもの」にするための設計・運営手法について、段階を踏んで紹介
●サイト全体の設計からユーザビリティを考慮したページレイアウトまで、センスに頼ることなく知識として、また、技術論に偏ることなく見た目や使い勝手に配慮できるようになるためのインターフェイスマネージメント講座

プログラム例(2日)

1章 セミナー全体のテーマを共有する
2章 ユーザー中心設計
インターフェイスとは?
ユーザビリティ
ユーザー中心設計
ガイドラインアプローチ
仮説検証・評価アプローチ
ユーザー調査
シナリオ作成
サービスブループリント
カスタマージャーニーマップ
プロトタイプの作成
画面を設計するということはどういうことか
画面を決めているのは?
デザインの種別
モジュール型デザインの進め方
プロトタイプ
ユーザー評価手法作成する
3章 Webサイトの情報構造
情報アーキテクチャ基礎
画面の情報設計をどのようにつくるのか? Webサイト
なぜだめなのか? Webサイト
なぜだめなのか? 業務システム
画面の情報設計におけるUIの種別
オブジェクト指向UI
サイトマップ
4章 ナビゲーションとページレイアウトの設計
ページレイアウトとナビゲーション
ナビゲーションの定義・種別
ページレイアウト:ホーム
5章 モバイルユーザビリティ
スマートフォンの操作方法と表示領域
PCサイトとスマートフォンのデバイスの比較
UIのオーバービュー(静的サイト)
スマートフォンで留意すべきUIエレメントテーブル
UIのオーバービュー(動的サイト)
ホーム(トップ画面)
カテゴリー
詳細ページ
6章 ユーザビリティチェックリスト
ユーザビリティチェック
リッチインターフェイス
Facebookのインターフェイス
7章 アクセシビリティ
アクセシブルなUI設計
※講座の講義とワーク・演習の割合は、概ね7割と3割

インターフェイス設計概論~見やすい! 使いやすい! Webサイトインターフェイス手法の詳細はこちら

フジスマートワーク
TEL:03-3240-0909
biz@fujisma.co.jp

関連研修

ロジカルWebデザイン概論~サイト閲覧者が引き込まれる“理由”
ノーコード研修
DX人材育成・リスキリングに自律的な学びで効果的な研修を実現する定額制プラン「LearningSpace」

インソース
経営者JP

⼈事部⻑向け専⾨誌

⼈事部⻑向け専⾨誌
TOP