今日のポイント
携帯電話のほとんどが，Flash Liteのバージョンアップができない。
Flash Lite 1.1まではActionScriotのバージョンが古く，複雑なコンテンツの制作は難しい
画面サイズ，入力デバイス，処理能力を考慮してインタラクティビティやデザインを計画する必要がある
今日のポイント
Flashに標準で用意されている外部テキスト入力のフォーマットはURLエンコードされた変数の形式が使われている。
Flashでは，XMLを読み込んでデータを解析し動的に処理できる。
Flashは，GETもしくはPOSTメソッドでサーバーにデータを送信し，返り値を受け取ることができる。
今日のポイント
Flashに限らず，UIの設計は，既存ユーザーの習慣を踏まえたものが望ましい。
ボタンは，マウスでの操作が中心となるFlash上で展開されるナビゲーションの基本概念である
Flashを使った複雑な画面遷移を伴うGUIは，スクリプトを使って実現される。
今日のポイント
Flashの塗りは，線よりも再生パフォーマンスが高い。線は太いほど再生に負荷がかかり，パフォーマンスは下がる。
高品質なビットマップ画像やサウンドおよびビデオは，SWFに含むとファイルサイズが大きくなるため，外部から読み込むこともある。
アニメーションは複数のSWFファイルで構成することができる。長いムービーなどは分割して制作・配信を行う。
今日のポイント
FlashはWebページ内に埋め込まれている形で表示されるが，表示できないデバイスがある点にも配慮する
Flashで使われているスクリプト言語は，JavaScriptと同様の文法を持つActionScriptである
Flashは高機能で様々なことができてしまうため，目的に合わせた使い方が重要となる
今日のポイント
使用するチェックツールや動作確認に用いる音声読み上げソフトウェアをあらかじめ決めて統一しておく
ガイドライン各項目ごとの具体的な事例を蓄積していき，そのノウハウをWebサイトの運用者や制作者で共有する
ユーザーテストなどを通じて，できるだけ多くのユーザーの生の声を収集して，Webサイトの改善に役立てる
今日のキーワード
今日のポイント
JIS X 8341-3などの公的なガイドラインをベースにして，Webサイトに合わせた独自のガイドラインを作成する
ガイドラインの内容は，Webサイトの運営者やコンテンツの制作者・開発者などを中心に，関係者全員で正しく理解して共有する
Webサイト全体のアクセシビリティ確保レベルは，初期段階の基本設計および詳細設計で決まる
今日のポイント
画面上の文字情報やソースコードのテキスト情報は，合成音声や点字に変換できる
（ただし，画面上の文字等は除く）
OS標準のアクセシビリティ機能で，画面拡大，白黒反転表示，スクリーン・キーボードの使用などができるほか，専用の支援技術ソフトウェアもある
マウスを使用できなくても，キーボードのみ，あるいはトラックボール，スイッチやセンサーなどの支援技術で操作できる
今日のポイント
JIS X 8341-3は，Webサイトの制作者・開発者だけでなく，運営者も理解すべきガイドラインである
JIS X 8341-3の「6.情報アクセシビリティの確保・向上に関する全般的要件」も理解しておくことが望ましい
海外のWebサイトでは，W3CのWCAGがデファクトスタンダードである
Webコンテンツは，画面表示だけでなく，音声や点字にも変換することができる
Webコンテンツは，マウスを使わなくても，キーボードだけで同じ操作が可能な状態にする
ユーザーの様々な利用特性を踏まえ，多くのユーザーが利用できるようにして機会損失を防ぐ
| 高齢者 | 画面が見えづらい，音声が聞こえづらい，マウスやキーボードが操作しづらい，捜査を忘れたり混乱しやすい |
|---|---|
| 全盲 | 画面を見ることができない（音声読み上げで利用），キーボードだけで操作している |
| 弱視 | 画面が見えづらい，画面がぼやける，画面がまぶしい（または暗い），視野が狭い |
| 色覚障害 | 色の違いを区別しづらい |
| 聴覚障害 | 音声が聞こえない／聞こえづらい |
| 肢体不自由 | マウスやキーボードを操作できない／操作しづらい |
Webページの制作では，重要事項をあらかじめルール化した「ルールセット」を用意し，それに基づいて作業することが品質確保のために重要
Webページのひな形である「テンプレート」は，Webオーサリングツールで作成するのが一般的。ページごとに異なる部分を「編集可能領域」とする
ソースコードの構文的な正しさを検証することを「バリデーション」という。
| ハック | OK／NG |
|---|---|
| media="screen, tv" | OK |
| @import "..."; | OK |
| !important | OK |
| html>body | OK |
| head+body | OK |
| html:lang(ja) | OK |
| html[xmlns] | OK |
| *html | NG? |
| *+html | NG? |
| html* | NG |
| :root | NG |
| _color: red; | NG |
| #color: red; | NG |
| c\olor: red; | NG |
| /*\*/ color: red; /**/ | OK |
| /*/*/ color: red; /**/ | OK |
| /*/*//*/ color: red; /**/ | OK |
| パスフィルタ（Win IE5） | NG |
| パスフィルタ（Mac IE5） | OK |
| 条件コメント（IE） | OK |
（X）HTMLの設計には，「フィールド化からはじめるアプローチ」と「マークアップからはじめるアプローチ」がある
CSSの設計では，スタイルブロックごとにまとめて記述し，途中にコメントを入れて，管理に工夫する
CSSをどのようにコンポーネント化するかは案件ごとに異なる。基本的な設計方針や手法を理解しておくことが重要
さまざまなセレクタを柔軟に組み合わせることが，スタイルの効率的・効果的な設計には不可欠
プロパティは，ボックスモデル，視覚整形モデル，視覚効果，文字色・背景，フォント，テキスト，リスト，表，ユーザーインターフェイスなどに分類
ボックスモデルの理解が大切。内容，パディング，ボーダー，マージンの関係を押さえること。幅・高さ指定や背景の塗りつぶしの仕組みも重要。
| プロパティ | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| ユニバーサルセレクタ（*） | すべての要素にスタイルを適用 | － | ○ |
| タイプセレクタ（要素名） | その要素にスタイルを適用 | ○ | ○ |
| 子孫セレクタ（E F） | 親要素（E）に含まれる子孫要素（F）にスタイルを適用 | ○ | ○ |
| 子セレクタ （E>F） |
親要素（E）の直接の子要素（F）にスタイルを適用 | － | ○ |
| 隣接セレクタ（E+F） | 兄要素（E）の直後の弟要素（F）にスタイル要素を適用 | － | ○ |
| classセレクタ（.クラス名） | 文書内で複数の要素にスタイルを適用 | ○ | ○ |
| idセレクタ（#ID名） | 文書内で唯一の要素にスタイルを適用 | ○ | ○ |
| 属性セレクタ （要素名[属性名] |
要素の中でもその属性と属性値を持つ要素に対してスタイルを適用 | － | ○ |
| 属性セレクタ （要素名[属性名～＝"属性値"] |
要素の中でもその属性と属性値をもつ要素に対してスタイルを適用 | － | ○ |
| 属性セレクタ （要素名[属性名～＝"属性値"]） |
要素の中でもその属性を持ち，属性値が空白文字区切りで複数指定されている場合に，その属性値が含まれている要素に対してスタイルを適用 | － | ○ |
| 属性セレクタ （要素名[属性名＝"属性値"]） |
要素の中でもその属性を持ち，属性値がハイフン（-）区切りで複数指定されている場合に，その属性値が前方一致で含まれている要素に対してスタイルを適用 | － | ○ |
| 擬似クラス | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| :link | 未訪問リンク適用 | ○ | ○ |
| :visited | 既訪問リンク適用 | ○ | ○ |
| :hover | 要素がカーソルなどのポインティングデバイスで指示されている状態で適用 | - | ○ |
| :active | 要素がアクティブな状態で適用 | ○ | ○ |
| :focus | 要素がフォーカスを受けている状態で適用 | - | ○ |
| :link | 要素のなかでも特定の言語コードが指定されている要素にスタイルを適用 | - | ○ |
| :first-child | 親要素の範囲内で最初に登場する子要素のみにスタイルを適用 | - | ○ |
| 擬似要素 | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| :first-line | 要素の1行目のみにスタイルを適用 | ○ | ○ |
| :first-letter | 要素の1文字のみにスタイルを適用 | ○ | ○ |
| :before | 要素内容の前に何らかの内容を生成 | - | ○ |
| :after | 要素内容の後に何らかの内容を生成 | - | ○ |
| プロパティ | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| margin | マージンの一括指定 | ○ | ○ |
|
margin-top margin-right margin-bottom margin-left |
上下左右マージン | ○ | ○ |
| padding | パディングの一括指定 | ○ | ○ |
|
padding-top padding-right padding-bottom padding-left |
上下左右マージン | ○ | ○ |
| border | ボーダーの一括指定 | ○ | ○ |
|
border-top border-right border-bottom border-left |
上下左右ボーダー | ○ | ○ |
| width | 内容の幅 | ○ | ○ |
| height | 内容の高さ | ○ | ○ |
| 擬似要素 | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| display | 表示方法 | ○ | ○ |
| position | 配置方法 | - | ○ |
| top | 上からの位置方法 | - | ○ |
| right | 右からの位置方法 | - | ○ |
| bottom | 下からの位置方法 | - | ○ |
| left | 左からの位置方法 | - | ○ |
| z-index | 重なり順序 | - | ○ |
| float | フロートの方向 | ○ | ○ |
| clear | フロートの解除 | ○ | ○ |
| line-height | インラインボックスの高さ | ○ | ○ |
| vertical-align | インラインボックスやセルの垂直位置 | ○ | ○ |
| visibility | 可視・不可視 | - | ○ |
| overflow | 切り抜き方法 | - | ○ |
| プロパティ | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| cursor | カーソルの種類 | - | ○ |
| outline-color | アウトラインの色 | - | ○ |
| outline-style | アウトラインの計上 | - | ○ |
| outline-width | アウトラインの太さ | - | ○ |
| outline | アウトライン関連プロパティの一括指定 | - | ○ |
| プロパティ | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| color | 文字色（前景色） | ○ | ○ |
| background-color | 背景色 | ○ | ○ |
| background-image | 背景画像 | ○ | ○ |
| background-repeat | 背景画像の繰り返し | ○ | ○ |
| background-position | 背景画像の初期位置 | ○ | ○ |
| background-attachment | 背景画像の移動・固定 | ○ | ○ |
| background | 背景画像プロパティの一括指定 | ○ | ○ |
| プロパティ | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| font-family | フォントの種類 | ○ | ○ |
| font-style | フォントのスタイル | ○ | ○ |
| font-weight | フォントの太さ | ○ | ○ |
| font-size | フォントの大きさ | ○ | ○ |
| font | フォント関連の一括指定 | ○ | ○ |
| text-indent | テキストの行頭のインデント幅 | ○ | ○ |
| text-align | テキストの行揃え | ○ | ○ |
| text-decoration | テキストを装飾する | ○ | ○ |
| text-transform | テキストの大文字と小文字の変換 | ○ | ○ |
| letter-spacing | テキストの文字間隔 | ○ | ○ |
| word-spacing | テキストの単語間隔 | ○ | ○ |
| プロパティ | 機能 | レベル | |
|---|---|---|---|
| CSS1 | CSS2 | ||
| list-style-image | リストマーカーの画像 | ○ | ○ |
| list-style-position | リストマーカーの位置 | ○ | ○ |
| list-style-type | リストマーカーの種類 | ○ | ○ |
| list-style | リスト関連プロパティの一括指定 | ○ | ○ |
| caption-side | 表のキャプションの位置 | - | ○ |
| table-layout | 表の表示方法（レイアウトアルゴリズム） | - | ○ |
| border-collapse | 表ののボーダーの表示モデル | - | ○ |
| border-spacing | 表のボーダー間のスペース | - | ○ |
| empty-cells | 表の空セルの表示方法 | - | ○ |
CSSはWebページの「見栄え」を指定するための言語。（X）HTMLで構造化されたページに「見栄え」という視覚的な価値を与える。
「セレクタ」はスタイルの適用対象，「プロパティ」はスタイルの種類，「値」は与える効果の具体的な種類や程度。
CSSの4つの適用と適用と適用メディアの指定方法。スタイルの「継承」のしくみ，スタイルが適合時の「カスケード処理」のしくみを押さえることが大切。
head要素に含める内容として，title要素，meta要素，link要素，style要素，script要素などがある
body要素に含める内容は，1つの独立したまとまりである「ブロックレベル要素」と，行内の一部である「インライン要素」の2つに分けられる
div要素・span要素・class要素の利用で，文書構造の補完・拡張や，スタイルシートの適用対象やスクリプトの操作対象とすることができる
| description | 概要文 |
|---|---|
| keywords | キーワード |
| copyright | 著作権情報 |
| author | 作成者 |
| reply-to | 連絡先（メールアドレス） |
| date 日付 | 日付（更新日） |
| robots | 検索クローラーの指示 |
| alternate | 代替ページ |
|---|---|
| stylesheet | 外部スタイルシート |
| start | 開始ページ |
| next | 次のページ |
| prev | 前のページ |
| contents | 目次 |
| index | 索引 |
| glossary | 用語集 |
| copyright | 著作権情報 |
| chapter | 章 |
| section | 節 |
| subsection | 項 |
| appendix | 付録 |
| help | ヘルプ |
| bookmark | ブックマーク |
| h1-h6 要素 | 見出し |
|---|---|
| p 要素 | パラグラフ |
| blockquote 要素 | 引用文 |
| address 要素 | 連絡先 |
| ul 要素 | 順不同リスト |
| ol 要素 | 順序リスト |
| dl 要素 | 定義リスト |
| table 要素 | 表 |
| form 要素 | フォーム |
| pre 要素 | 整形済テキスト |
| hr 要素 | 水平線 |
| ul 要素 | 順不同リスト |
|---|---|
| ol 要素 | 順序リスト |
| li 要素 | リスト項目 |
| dl 要素 | 定義リスト |
| dt 要素 | 定義用語 |
| dd 要素 | 定義内容 |
| table 要素 | 表 |
|---|---|
| caption 要素 | キャプション |
| colgroup 要素 | 列グループ |
| col 要素 | 列 |
| thead 要素 | ヘッダ行 |
| tfoot 要素 | フッタ行 |
| tbody 要素 | 本体行 |
| tr 要素 | 行 |
| th 要素 | 行 |
| td 要素 | データセル |
| form 要素 | フォーム |
|---|---|
| fieldset 要素 | フォームコントロールグループ |
| legend 要素 | fieldset要素のタイトル |
| input 要素 | 一般的なフォームコントロール |
| select 要素 | セレクトメニュー |
| optgroup 要素 | セレクトメニューの選択肢グループ |
| option 要素 | セレクトメニューの選択肢 |
| textarea 要素 | 複数行テキストエリア |
| button 要素 | 汎用ボタン |
| label 要素 | ラベルテキスト |
| a 要素 | アンカー |
|---|---|
| img 要素 | 画像 |
| object 要素 | オブジェクト |
| br 要素 | 改行 |
| em 要素 | 強調 |
| strong 要素 | より強い強調 |
| q 要素 | 引用文（インライン） |
| abbr 要素 | 省略語 |
| acronym 要素 | 頭字語 |
| sup 要素 | 上付き文字 |
| sub 要素 | 下付き文字 |
| dfm 要素 | 定義語 |
| cite 要素 | 引用元・参照元 |
| code 要素 | コンピュータコード |
| kbd 要素 | キーボード入力テキスト |
| samp 要素 | サンプルプログラム |
| var 要素 | 変数 |
今日のポイント
（X）HTMLはWebページの「構造」を指定するための言語。Webページ内のコンテンツそれぞれに役割を与える作業が「マークアップ」である
文書型宣言とは「そのWebページはどのバージョンの（X）HTMLに準拠して制作されているのか」を，ページ最上部で明示すること
（X）HTMLのルート要素はhtml要素。子要素としてhead要素とbody要素を置く。head要素に基本情報，body要素に本文にあたる内容を含める
今日のポイント
（X）HTMLでWebページを構造化し，CSSで見栄えを指定するため，両方の役割分担を意識する
CSSレイアウトには，SEOやアクセシビリティ，メンテナンス性などの面で，テーブルレイアウトにはないメリットがある
すべてをWebオーサリングツールにまかせず，ソースコードレベルで作業できることが，より高い品質のページを制作するのに不可欠
今日のポイント
動画配信方法はコーデックによりプレーヤーを選択する
長時間にわたる映像はストリーミング配信を採用する
モーショングラフィックスは言語ベースで作成する
今日のポイント
色，形，動きの変化を状況に応じて使い分ける
UIとしてボタンを利用する場合，引き金は「離す」
ユーザーを導くためのシナリオ作りが先決
目的に合ったUIの実装手段を，長所と短所に配慮しながら選択することが可能
UIデザインのポイントは，「重要度の差別化」「操作性全般の配慮」「読みやすさのバランス」
試作品の制作と，試用ユーザーテストが不可欠
今日のポイント
Webデザインは，CI（Corporate Identity）のなかでも特にVI（Visual Identity）と関連する
コーポレートカラーが，Webサイトなどでのテーマカラー選択の基準となるケースがほとんど
Webデザインでは特に，小さい画面サイズでのロゴ表現などに配慮する必要がある
今日のポイント
フォントは「ゴシック体」（Sans-Serif）と「明朝体」（Serif）の2つに大別される
タイポグラフィには文字間の調整が不可欠。ゴシック体は視認性が高いが，単調でメッセージ性が伝わりにくい
クライアント環境に応じてフォント使いを検討する。明朝体は漢字とひらがな，カタカナとの区別が付けやすいが，小さな文字には適さない。
今日のポイント
電子メディアの混色方法は，赤（R）・緑（G）・青（B）の加法混色，印刷メディアの混色方法は，シアン（C）・マゼンタ（M）・イエロー（Y）の減法混色
色の解釈の違いを最大限に抑えるため，色調という定義を使う
色相環を使った，調和する配色を作りだすセオリーがある
今日のポイント
カラムの構成でレイアウトパターンを作る
カラムには左右の余白設定を含めておく
1カラムの幅サイズは均等割やサイトIDの幅に合わせるなど臨機応変に
今日のポイント
グリッドなどのガイドラインを構図の決定に役立てる
遠近法など，ビジュアルの描画テクニックを知っておく
ゲシュタルト要因など，人間の知覚のクセなども理解してビジュアル表現を考える
今日のポイント
音声のデータ形式にはテキストとバイナリの2種類がある
サンプリング周波数は内容と必要な質のバランスを考え，適切なファイルサイズを意識する
データ形式によっては，環境で再生結果が変わる場合があることに注意
今日のポイント
写真は用途を定めてから取り扱う保存形式である
撮影時はモードと光量に注意する
切り抜き写真はサムネールサイズまでが妥当
今日のポイント
透明効果を使いたいときに，元素材の保管にはPNGが適している
写真画像にはJPEG，単純なグラフィックにはGIFが適している
画像の特徴と処理方法の違いを把握する
今日のポイント
テキストコンテンツの制作プロセスは，執筆→編集→校正
Webコンテンツのテキストには，SEO+読み手のリテラシーを考えたライティングが必要
テキストコンテンツの改善ポイントとして特に重要なのは，見た目のボリューム，フォント，コントラスト，図表・リスト，見出し
を利用する
今日のポイント
素材は，情報構造に含まれる内容と，装飾要素に当たる内容に振り分ける
ユーザーがどのような素材へアクセスするのかを考えることが第一
視覚要素が聴覚要素になる可能性も考慮する
聴覚要素に配慮した表現
今日のポイント
コンテンツ仕様書で何を確認し，どこまでの情報を確定するのか事前に決め，責任範囲を明確にする
プロジェクト用語集や制限語彙集を用意し，語尾や表現の統一，表記ゆれの確認を行う
コンテンツ仕様書の変更履歴は常に何らかの形でトラッキングする
今日のポイント
ワイヤーフレームの目的はデザインの初期段階でアイデアや課題点，問題点をチーム内で共有することである
ワイヤーフレームの確認範囲はページ構成とコンテンツ項目の2つであり，レイアウトやビジュアルデザイン，コンテンツ仕様ではない
ワイヤーフレームはできる限りシンプルな情報にして，それぞれのWebページにどのような情報が表示させるかのみに議論の的を絞る
今日のキーワード
今日のポイント
サイトレベルの把握はハイレベルサイトマップで，ページレベルの把握は詳細サイトマップで行う
必ずハイレベルなサイト構造の策定段階でクライアントの承認を得ること
詳細設計に入ってからの段階構造の修正は大変である
目の前のページ整理にとらわれず，Webサイトの将来的な運用を考慮し，スケーラブルなサイト構造を定義する
今日のポイント
コンテンツマッピングは成果物ではなく，コンテンツの現状把握と整理，それらの理解をするプロセスが重要
サイト構造に合わせてコンテンツを理解できるように，コンテンツの様々な属性情報を一貫して把握できるようにする
コンテンツマトリックスを使い，制作時間，ビジネス的なインパクト，必要技術の3つの要因からそのコンテンツの優先度を決定する
今日のポイント
Webサイトの使い勝手やユーザビリティの良し悪しはナビゲーションシステムの良し悪しで決まる
グローバル，ローカル，コンテキストなど，ナビゲーションシステムには様々なものがあり，大きく6つに分類できる
ナビゲーションはWebサイト全体を通じて一貫したシステムとして，共通のルールを適用し，レイアウトの位置は変更しない
今日のキーワード
ユーザーインターフェイス（以下，UI）は，Webサイトの使い勝手を左右する重要なデザイン要素。
Webサイトの主役はあくまでコンテンツであり，UI自体は必ずしも強い自己主張を必要としない。
シンプルで汎用性の高いユーザーインターフェイスを効率的に設計するには，デザインパターンを活用する。
今日のキーワード
デザインパターン
プログラム設計時に起こる典型的な問題とそれに対する解決策を整理し、再利用できるようにまとめたもの。1995年に出版された書籍「デザインパターン」の中で23のパターンが解説されたのをきっかけに広まった。（参照）
参照URL
情報の組織化や構造化は，ユーザーの用途や目的に合わせて行う。
情報の組織化とはLATCH法などを用いて情報に体系を与えること。
構造化には階層型，直線型，Webリンク型，フォークソノミー型などがあり，これらを組み合わせてサイト構造の設計を行う。
| Location｜位置 | 地理的，物理的な位置に従って整理する方法 |
|---|---|
| Alphabet｜アルファベット | アルファベット，五十音など記号による順序を与えて整理する方法 |
| Time｜時間 | 番組表，年表，カレンダーなど物語性や時間軸によって整理する方法 |
| Category｜分野 | ジャンル，カテゴリーなどによって整理する方法 |
| Hierarchy｜階層 | 大きさや値段，重要度や頻度，話題性などの情報の程度によって整理する方法 |
今日のポイント
ペルソナは企業や制作者の勝手な想像ではなく，定量調査や定性調査など，何らかの調査データのサンプルデータを基に制作する。
ペルソナは対象とするユーザー層に対して，プライマリーユーザー，セカンダリーユーザー，その他の特殊層の3つで十分。
ユーザーシナリオは，必ずしも企業や制作者にとって都合の良いシナリオである必要はない。
エスノグラフィ調査
フィールド調査を行い，対象ユーザーの社会的な特性を調査する方法。単独では必ずしも正しくないが理解できる現象を引き出す手法。満員電車での携帯電話での利用者の行動など。
ユーザビリティは「学習のしやすさ」「効率性」「記憶しやすさ」「低エラー発生率」「主観的満足度」の5つの特性からなる。
Webサイトにおけるユーザビリティの向上は目に見える要素だけでなく目に見えない「情報構造デザイン」の改善が鍵である。
ユーザビリティはあくまで1つの視点であり，ユーザーの経験価値向上を考慮したユーザエクスペリエンスを高めることが重要。
| 有効さ | ユーザーが,指定された目標を達成する上での正確さと完全さ |
|---|---|
| 効率 | ユーザーが，目標を達成する際に正確さと完全さに費やした資源 |
| 満足度 | 不快さのないこと，及び製品仕様に対しての肯定的な態度 |
| 利用状況 | ユーザー，仕事，装置，そして製品が使用される物理的及び社会的な環境 |
| 学習しやすさ | システムは，ユーザーがすぎに使い始められるよう，簡単に学習できるようにしなければならない |
|---|---|
| 効率性 | 一度学習すれば高い生産性を上げられるよう，効率的に使用できるものでなければならない |
| 記憶しやすさ | ユーザーがしばらく使わなくても，再度使用するときに覚え直す必要がないように覚えやすくしなければならない |
| 低エラー発生率 | エラーの発生率を低くし，エラーが発生しても簡単に回復できるようにし，致命的なエラーは起こってはならない |
| 主観的満足度 | ユーザーが個人的に満足できるよう，また好きになるよう，楽しく利用できなければならない |
今日のポイント
情報アーキテクチャとは，複雑なものをシンプルにして，状況や目的に合わせて，ユーザーにとって分かりやすく，たどり着きやすくすること。
Webサイトのビジネス目的を明確にし，これら両方を満たす最適なサイト構造の設計を計画的に行う。
情報の組織化と構造化を行い，ユーザーがWebサイト内を迷わないように明確な導線設計を行い，対象ユーザーがわかる言葉でラベル付けする。
