付録 D　授業で使うためのガイド

D.1 15 回授業の到達目標と進行

回	主題	到達目標	授業内の観察・討議
1	Web デザインを見る目	評価語を観察へ書き換える	同一画面の初回記録を手元に残す
2	知覚と Gestalt	HTML 構造と知覚構造を分ける	Blur／矩形化比較
3	近接と距離	関係強度を距離で説明する	Form 三案の Grouping
4	整列と見えない線	端、ベースライン、視覚補正を区別する	重ね合わせで基準線を描く
5	類同と一貫性	役割と見た目の対応を監査する	ボタン一覧を作る
6	動きと注意	注意捕捉と理解を分ける	アニメーション条件比較
7	視覚的階層	最初の注意とタスク重要度を比べる	3 秒観察と無制限観察
8	記憶とまとまり	保持・処理・知識差を記述する	フォームの再生要求を探す
9	再生、再認、選択	再認と探索コスト、選択情報量を分ける	メニュー／検索比較
10	フィッツの法則と操作	見た目と操作領域を分ける	マウス／タッチ／キーボード監査
11	メンタルモデルと慣習	経験由来の期待を仮説化する	独自 UI の代替仮説
12	フィードバックと状態	受付、処理、結果不明、回復を分ける	状態機械を作る
13	観察と仮説	複数仮説と反証条件を作る	概念名だけの指摘を書き換える
14	DevTools と人の観察	画面、コード、人の根拠を分ける	架空手順と倫理確認
15	デザインレビュー	根拠と価値を示し異論を残す	初回記録との内省比較

時間は固定ルールではありません。支援技術、通訳、休憩、読み上げ、討議方法に応じて調整します。

最初に個人で書く時間を確保します。発言の速い学生の語が全員の初見を上書きしないためです。共有時は「違う答え」を勝敗にせず、対象、条件、根拠、代替仮説を質問します。発言しない参加方法として、匿名カード、チャット、共同文書、読み上げ不要の提出を用意します。

個人記録の前に例を見せると、例の語を探す課題になります。原則として観察後に見せます。例は診断結果の正解でなく、書き方の一例と明記します。短くても根拠の境界がある例と、詳しい例を並べ、文字数を能力スコアにしません。

8 回なら、1／2-3／4-5／7-8／9-10／11-12／13-14／15 へ統合します。技術演習を行えない環境では DevTools 操作を実演に置換できますが、画面とコードの根拠境界は省略しません。人を対象とする実習を省き、既存の匿名化済み架空ログで倫理と分析を学べます。

評価対象は診断結果の一致でなく、次の四点です。

これは標準化心理尺度ではありません。文字数、専門用語数、修正数をスコアにしません。教員の異論と学生の少数意見を記録できる欄を設けます。

図版は色だけで差を示さず、パネル ID、短い代替テキスト、長い説明を配布します。拡大可能な形式、十分なコントラスト、キーボード操作、キャプション、読み上げ順を確認します。動画は停止・再生・速度変更と文字起こしを用意します。学生を無断で録画せず、授業参加と研究同意を分けます。

通常の授業活動、成績評価、教育改善、一般化可能な研究は同じではありません。授業で書いた観察を後から研究データへ転用せず、必要なら組織の倫理審査、自由意思による別同意、非参加による不利益の防止、教員と募集担当者／評価者の権力関係、撤回と保持を設計します。授業への参加同意を研究同意とみなしません。