# 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