スーパマーケット N 町店の広報スタッフである D さんは，本社の Web サイト担当の E さんと協力して N 町店紹介のページを作成している。このたび，N 町店紹介のページのアクセス数増加を目的として，Web サイトで懸賞付きアンケートを実施することになった。D さんは，図 1 のような懸賞ページ案を作成し，E さんに相談した。 図 1 懸賞ページ案 ・〈懸賞ページタイトル〉 ・賞品：A 賞 〈写真 1〉，B 賞 〈写真 2〉，C 賞 〈写真 3〉 ・希望賞品を一つ選んでください [ ] ・〈アンケートでの個人情報の取得目的，用途，管理などに関する記述〉 ・アンケート 〈アンケートの内容の一部〉 ・N 町店の Web ページを見たご感想 [ ] ・お名前 [ ] ・性別 [ ] ・連絡先メールアドレス [ ] ・（応募する） （キャンセル） ・注記：[ ] は入力領域，（ ）はボタン，〈 〉は表示する部品や表示内容が省略されている箇所の説明を示す。 D さんは，懸賞ページ案を確認した E さんから，次のようなアドバイスと指示を受けた。 〔デザインに関する主なアドバイス〕 (1) マウスでの入力など，操作性の良い入力方法を採用する。 (2) 回答などの操作がしやすい順序に，入力領域やボタンを配置する。 (3) 入力の誤りを防ぐため，データ形式に応じた入力フォームを利用する。 〔作成に関する主な指示〕 (1) 懸賞ページは HTML 形式の ank01.html というファイル名で作成し，Web サーバの指定されたディレクトリに転送する。 (2) ファイルを指定する場合は，相対パスで記述する。 (3) 使用する写真のファイルサイズは，1 枚当たり 200k バイト以下とする。 D さんは，E さんから受けたアドバイスの内容を考慮して，図 1 の懸賞ページ案のデザインを改善することにした。改善内容として，適切なものはどれか。
平成23年度 特別試験 ITパスポート試験 問97
这道题的解析和你的作答记录。
問 97
错误ア
该选项的内容是把“应募”按钮放在画面的最上方，但这违反了建议 (2)“按照便于作答等操作的顺序，布置输入区域和按钮”。输入表单自然的操作流程是：从上往下依次回答各个项目，全部填写完毕之后，最后再按确定按钮。如果把确定按钮放在最上方，用户的视线和鼠标就被迫从最下面的输入框一路回到画面顶端；而且在还没输入完的阶段就看到应募按钮，容易诱发填写途中的误发送。“以免忘记按下”这一理由听起来似乎有道理，但要防止忘记按下，惯常做法是把它放在输入流程的终点，也就是紧接在各输入区域之后，放在顶端反而适得其反。
错误イ
该选项的内容是对“希望奖品”使用复选框，但图 1 中明确写着“请从中选择一个希望的奖品”，这是一个单选（只选一个）的项目。复选框是对每个项目独立切换开/关的部件，可以同时选中多个项目，因此无法防止像同时勾选 A 奖和 B 奖这样违反规格的输入。也就是说，它不满足建议 (3)“使用与数据形式相对应的输入表单”。虽然能用鼠标点击来选择这一点符合建议 (1)，但对于单选项目，正确的部件是单选按钮，或者在选项较多时使用下拉菜单（下拉列表），选用复选框是错误的。
- ウ
正解 正确答案是ウ。本题要求对照 E 先生的〔关于设计的主要建议〕这三条方针来评价各选项：(1) 采用便于操作的输入方式，例如用鼠标输入；(2) 按照便于作答等操作的顺序，布置输入区域和按钮；(3) 为防止输入错误，使用与数据形式相对应的输入表单。ウ 中的“性别”，是必须从“男”“女”这两个互相排斥的选项中只选出一个的项目。单选按钮是一种专门用于单选的输入部件：在并列的选项中选中一个时，其他选项会自动取消选中，因此它与“只选一个”这一数据形式完全对应，满足建议 (3)。而且无需用键盘敲字，只靠鼠标点击就能完成作答，所以也符合建议 (1) 所说的便于操作的输入方式。图 1 的方案中，“性别”被写成 [ ]，也就是自由填写的输入区域，照这样下去就会混入“男性”“雄性”“M”“男 ”这类写法不一致或打错的内容，汇总时还要额外花工夫做规范化。改用单选按钮后，可取的值在设计阶段就被固定为两个，于是从结构上杜绝了这类输入错误的发生。像这样，看清项目的性质（是单选还是多选，是自由输入还是固定值），并为其分配合适的 GUI 部件，是输入表单设计的基本功，ウ 是唯一符合这一思路的改善内容。
错误エ
该选项的内容是设想从画面右上方的项目开始依次作答，据此布置问卷项目，但在浏览日语或英语的横排 Web 页面时，用户的视线一般是从左上向右、再向下流动的（即所谓 Z 形、F 形的视线移动）。以右上方为起点的布局违背了这种自然的阅读顺序，用户会迷惑接下来该看哪里，从而导致漏答或误操作。这违反了建议 (2)“按照便于作答等操作的顺序，布置输入区域和按钮”，不是改善而是恶化。此外，图 1 的问卷采用感想、姓名、性别、联系用电子邮件地址纵向排列的形式，以右上方为起点这一前提本身就不适合该页面的构成。
- 输入部件的区分使用 —— 单选按钮是让用户从互相排斥的选项中只选出一个的部件，复选框是对每个项目独立开/关、允许多选的部件。“选择一个”的项目用单选按钮（选项多时用下拉菜单），“选出所有符合的项”用复选框。选用与项目数据形式相符的部件，就能在设计阶段防止输入错误。
- 考虑可用性的界面设计 —— 输入区域应沿着用户视线的流动（从左上到右下）布置，确定按钮应放在输入结束的位置，也就是各输入区域之后。比起自由填写，选择式能减少输入的麻烦和写法不一致，因此取值可以限定的项目原则上应做成选择式。