重要問題は重複しております
ウェブインフォメーションデザインとは
情報を、見やすく、分かりやすく、伝わりやすく、設計する事をいう
情報デザイン
分かりやすく、伝えるための設計や工夫をいう
オーバーレイ→現在の画面上に別の情報や画面をかぶせて表示する手法
サイトマップ
Web サイト全体の構成やページのつながりを一覧で示したもの
| 種類 | 説明 | 目的 |
| HTMLサイトマップ | ユーザーが見るページ全体の構成をリストで見せる | 人に分かりやすく案内 |
| XMLサイトマップ | googlなどに向けてデータ | クローラーに知らせる為（SEO対策） |
ワイヤーフレーム
Webサイトの設計図、何をどこに置くかレイアウトだけで示す図です
ヘッダー（ロゴやメニュー）、メイン画像（バナー）、サイドバー（リンク一覧）、本文（テキストや画像）、フッター（コピーライト）
ナビゲーション
どこに何が有るか迷わない為の案内板です
| 用語 | 意味 |
| グローバルナビゲーション | サイト共通の上部メニュー |
| パンくずリスト（トピックパス） | 今いる場所を階層で示す（UXに有効） |
| ハンバーガーメニュー | モバイル用のナビ省略 |
| ローカルナビゲーション | 同一カテゴリー内のページ移動の補助 |
インターフェースデザイン
人とコンピューターを繋ぐ見た目の設計、ボタンの配置、メニューの形、入力フォームの使い易さなど
UI（ユーザーインターフェース）→人が機械とやり取りする接点（アイコンやメニュー）
| 名称 | 例 | 内容 |
| GUI | デスクトップのメニューやボタンなど（直感的） | クリックしての操作 |
| CUI | コマンドプロンプト、ターミナル(dir,cd,ls,mkdir) | キーボードで文字入力（細かい作業が出来る） |
ユーザビリティ
使い易さと思う事、効率よく目標を達成 出来るかの指標（離脱率が下がる、再訪問が増える）
プログレスバー→どこまで進んでいるかを見せるバーを言う
ISO9241-11
ユーザビリティの評価基準を定めた国際規格（有効さ、効率性、満足度）
練習問題
| 問題 | 回答 | 答え | 解説 |
| サイトマップは全体のボリュームも把握するのに役だつ | 〇 | 視覚的に構成を把握できる | |
| トピックパスとは、全体 階層構造の中でどこかを表す物です | 〇 | 別名（パンくずリスト）という | |
| GUIとは、マウスやアイコンでパソコンを操作する事をいう | 〇 | CUIは、キーボードを操作するインターフェースです | |
| プログレスバーは、処理が進行している状態をユーザーの視覚に伝えるためのインターフェースです | 〇 | ||
| ISO 9241-11の規格は、ユーザビリティの定義と評価方法である | 〇 | ユーザビリティの評価例は、サイトが目的達成できる使い易さかどうか |
コメント