---
# System prepended metadata

title: Chapter14-5「ユーザインタフェース」
tags: [基本情報技術]

---

# Chapter14-5「ユーザインタフェース」

## 7/7(水)

###### tags:`基本情報技術`

さつき：
* CUIとGUI
    > CUI...コマンド知らないとなんにもできません。
    > GUI...マウスで指図するだけ
* GUIで使われる部品
    * ウィンドウ
    * メニューバー、プルダウンメニュー、テキストボックス、チェックボックス、ラジオボタン、プルダウンメニューetc
* 画面設計時の留意点
    > 見やすく、的な。
* 帳票設計時の留意点
    > 見やすく、的な
* 過去問
    * 問1: 日本語。。OK
    * 問2: ふむふむ。OK



にわ：
- 読み込み
    * GUI：Graphical User Interface
    * CUI：Character User Interface、文字ベース
    * 画面設計時の留意事項
        * 入力は左から右へ、上から下へ
        * 色使いにルールを
        * 選択肢が多いときはグループ化して選びやすく
        * レイアウトや入力パターンは各画面で共通化する
        * エラーメッセージは原因と対処法を簡潔に
        * ヘルプ等捜査ガイダンスを用意
    * 帳票：システムの処理結果の出力の1種。発注書とか。
- 過去問
    * 問1：OK
    * 問2：OK


ちさと：
* ユーザインタフェース
    * システムに人の手がふれる部分
    * システムの使いやすさに直結
* CUI：コマンドを打ち込まないと操作できない
* GUI：マウスでクリックで操作
* 画面設計時
    * 入力は左から右へ
    * 選択肢が多い時はグループ化する
    * 画面ごとのレイアウト、入力パターンは統一
    * ヘルプ操作ガイダンス
    * エラーメッセージはわかりやすく簡潔に
    * 画面上の色使いにはルールを持たせる
* 過去問
    * 問１：排他的
    * 問２：おk


まい：
* ユーザインターフェイス
　 * システムと人間に接点に当たる部分
　　　 * CUI (Character User Interface)
　　　 * GUI (Graphical User Interface)/ Windows, Mac OSなどのOS

* GUIの部品
　 * ウィンドウ、メニューバー、プルダウンメニュー、ラジオボタン、チェックボックス、テキストボックス

* 画面設計時の留意点
　 * 自然な流れの入力
　 * 重要なところの色使い
　 * グループ分け
　 * レイアウトの共通化
　 * 分かりやすいエラーメッセージ
　 * ヘルプガイダンス

* 練習問題
　 * 問一　ok
　 * 問二　ok
