人間とコンピュータ 2006年度2学期 第12回 本日の内容 • GUIデザイン（鉄道切符券売機の例） – 基本デザイン • パーツデザイン • フォーマットデザイン • シーケンスデザイン – 詳細デザインへの発展 →課題の説明 2 基本デザイン（3） • フォーマットデザイン（粗く） – 1. 2. 3. 4. 5. 6. 7. 操作順をなぞりながら お金が入っていない画面（初期画面） お金が投入された画面 券が選択された画面 お金が足りない時の画面 発券された画面 取り消しが押された時の画面 係員呼び出しが押された時の画面 など 3 パーツデザイン • 切符ボタン 押不可 押可能 その他のパーツ 選択時 押した時 大人 140 140 おとな おとな こども こども 140 とりけし 170 子供 170 170 小 小 小 小 小 小 70 90 70 90 とりけし メッセージ表示 70 90 投入金額 ０円 係員 呼び出し 4 フォーマットデザイン基本 • 基本画面デザイン 文字表示部 乗車券ボタン表示部 その他のボタンの表示部 5 フォーマットデザイン（通1） • 初期画面（お金が入っていない画面） 西武鉄道 多摩川線 必要金額を投入し，ボタンに触れてください 投入金額 0円 通1 140 170 おとな こども とりけし 6 フォーマットデザイン（通2） • お金が投入された画面 西武鉄道 多摩川線 ボタンに触れて切符を選択してください 投入金額 500円 通2 140 170 おとな こども とりけし 7 フォーマットデザイン（通3） • 券が選択された画面（発券中） 西武鉄道 多摩川線 170円券が選択されました．発券します 投入金額 500円 おつり 330円 通3 140 170 おとな こども とりけし 8 フォーマットデザイン（通4） • 券が選択されたがお金が足りない画面 西武鉄道 多摩川線 投入金額が不足しています！ 投入金額 150円 不足額 20円 通4 140 170 おとな こども とりけし 9 フォーマットデザイン（通5） • 券が選択されたがお金が投入されていない画面 西武鉄道 多摩川線 お金を入れてください！ 投入金額 0円 不足額170円 通5 140 170 おとな こども とりけし 10 フォーマットデザイン（通6） • 発券された画面 西武鉄道 多摩川線 乗車券とおつりをお受け取り下さい 投入金額 0円 おつり 30円 通6 140 170 おとな こども とりけし 11 フォーマットデザイン（通7） • 取り消しが押された画面（1） 西武鉄道 多摩川線 操作を取り消します． 投入金額 500円 通7 140 170 おとな こども とりけし 12 フォーマットデザイン（通8） • 取り消しが押された画面（2） 西武鉄道 多摩川線 操作が取り消されました． 投入金額 0円 通8 140 170 おとな こども とりけし 13 フォーマットデザイン（通9） • 係員呼び出しボタンが押された時 西武鉄道 多摩川線 発 投入金額 券 中 係員 呼び出し 止 0円 通9 係員が来ます． しばらくお待ち下さい． 140 170 おとな こども とりけし 14 フォーマットデザイン（子1） • こどもボタンが押された画面（初期画面） 西武鉄道 多摩川線 必要金額を投入し，ボタンに触れてください 投入金額 小 70 おとな こども 0円 子1 小 90 とりけし 15 フォーマットデザイン（子2） • お金が投入された（こども） 西武鉄道 多摩川線 ボタンに触れて切符を選択してください 投入金額 小 70 おとな こども 500円 子2 小 90 とりけし 16 フォーマットデザイン（子3） • 券が選択された（こども） 西武鉄道 多摩川線 90円券が選択されました．発券します 投入金額 小 70 おとな こども おつり 410円 500円 子3 小 90 とりけし 17 フォーマットデザイン（子4） • 券が選択されたがお金が足りない（こども） 西武鉄道 多摩川線 投入金額が不足しています！ 投入金額 小 70 おとな こども 不足額 20円 70円 子4 小 90 とりけし 18 フォーマットデザイン（子5） • 券が選択されたがお金が投入されていない（こども） 西武鉄道 多摩川線 お金を入れてください！ 投入金額 小 70 おとな こども 不足額 90円 0円 子5 小 90 とりけし 19 フォーマットデザイン（子6） • 発券された画面（こども） 西武鉄道 多摩川線 乗車券とおつりをお受け取り下さい 投入金額 小 70 おとな こども おつり 410円 0円 子6 小 90 とりけし 20 フォーマットデザイン（子7） • 取り消しが押された画面（こども） 西武鉄道 多摩川線 操作を取り消します． 投入金額 小 70 おとな こども 500円 子7 小 90 とりけし 21 フォーマットデザイン（子8） • 取り消しが押された画面2（こども） 西武鉄道 多摩川線 操作が取り消されました． 投入金額 小 70 おとな こども 500円 子8 小 90 とりけし 22 フォーマットデザイン（子9） • 係員呼び出しボタンが押された時（こども） 西武鉄道 多摩川線 発 投入金額 券 中 係員 呼び出し 止 0円 子9 係員が来ます． しばらくお待ち下さい． 140 170 おとな こども とりけし 23 フォーマットデザイン（大1） • おとなボタンが押された→初期画面（投入なし） 西武鉄道 多摩川線 必要金額を投入し，ボタンに触れてください 投入金額 0円 大1 140 170 おとな こども とりけし 24 フォーマットデザイン（大2） • おとなボタンが押された→初期画面（投入あり） 西武鉄道 多摩川線 必要金額を投入し，ボタンに触れてください 投入金額 500円 大2 140 170 おとな こども とりけし 25 通7 取り 消し シーケンスデザイン 切符 とりけし 通8 金投入 不足 通1 通9 切符選択 係員呼び出し おとな 大1 こども 取り 消し 子8 金投入 発券 金投入 通4 発券 通5 金投入 切符 充足 選択 子2 不足 子1 子9 係員呼び出し 通3 通6 発券 大2 とりけし 子7 選択 通2 充足 切符選択 子3 発券 金投入 子4 子5 金投入 発券 子6 発券 26 通7 取り 消し シーケンスデザイン 切符 とりけし 通8 金投入 不足 通1 通9 切符選択 係員呼び出し おとな 大1 こども 取り 消し 子8 金投入 発券 金投入 通4 発券 通5 金投入 切符 充足 選択 子2 不足 子1 子9 係員呼び出し 通3 通6 発券 大2 とりけし 子7 選択 通2 充足 切符選択 子3 発券 金投入 子4 子5 金投入 発券 子6 発券 27 基本デザインに基づくプロトタイプ作成 • シーケンスデザインどおりに動くプロトタイプ を作成 – とはいえ，プログラミングはここでは無理なのでで きているものとして，シミュレートする． – 平均的ユーザ 成年男子．行き先は多磨．恐らく駅表示 で170円であることを事前に知っている．財布には，1000 円札を持っている．（行動想定）１．券売機の前に立つ．２． お金を投入する．３．170円のボタンを押す．４．乗車券と おつりを受け取る． 28 基本デザインに基づくプロトタイプ作成 – とはいえ，プログラミングはここでは無理なので, できているものとして，シミュレートする． – 操作間違いをする場合 行き先は多磨．料金は知ってい る．財布には小銭と1000円札を持っている．（行動想定） １．２．同じ．３．1000円でなく，小銭にしようと思い，キャ ンセルをする．４．お金を受け取る．5．小銭を投入する． ６．ボタンを押す．７．乗車券とおつりを受け取る． – 子供の場合． 1．2.同じ．3．500円入れる．4．こどもボタ ンを押す．5．乗車券ボタンを押す．6．乗車券とおつりを 受け取る． 29 評価 • 想定利用者の動作をシミュレーションして， ちゃんと動くかを評価する． • どのような問題があるか？ • 何か加えた方がいい機能はあるか？ 30 詳細デザイン • 基本デザインで不都合な点，足りない点 • 付け加えた方がよい点 – 視覚的なわかりやすさ – 認知的なわかりやすさ この観点から検討し，詳細デザインに進む 31 詳細デザイン（2） • 詳細デザインを検討して下さい． – 実際例には 1人用，2人用，3人用，4人用ボタン 往復切符ボタン がある． 音声案内はどうだろうか？ 32 1.情報の把握（5） •係員呼び出し 実例 大人，子供 とりけし 行先表示 金額表示 33 西武鉄道 多摩川線 武蔵境駅 詳細デザインへの発展 • 今回は JR線への対応をできるように拡張す ることを考える – 検討事項 • JR線は，どこまで対応すればよいだろう？ →舞浜あたりまでにします． JRの切符の種類は 130, 150, 160, 210, 290, 380, 450, 540, 620 ＊西武線の分は別 34 詳細デザインへの発展（2） 検討事項（続き） • 切符を買う人は – – 西武線だけの人 西武線→JR線に乗り継ぐ人 の2通りいる． ここをうまく吸収するにはどういうデザイン がいいだろう？ 35 詳細デザインの検討（3） • 障害者対応がまだできていない • 誰でも，でなくて何か特殊な対象も考えてもよ い – 高齢者対応 – 子供対応 36 課題 1-1 基本デザインとそれに基づくプロトタイプシステム（自身 で考えたもの）を提示しなさい． 1-2 詳細デザインとして， JR線を加えて拡張し，詳 細デザインでのプロトタイプシステムを提示しなさ い．（できるだけ簡潔にシーケンスを明示せよ） 1-3 自身の考えたデザインについて，良い点，悪い点，改良 点などなど，これまでの授業で学んだことを踏まえて評価 をし，文章で述べよ． ＊特殊目的仕様にしてもよい．(コンセプトを明記すること) 提出期限：2月8日授業終了時まで（それ以降は不可） 電子的なものの場合は，moodleで提出（メールは不可） 手書き等の紙媒体でもOK 37
© Copyright 2024 ExpyDoc
