~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 ·...
TRANSCRIPT
![Page 1: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/1.jpg)
~スープカレー表を使った画面の大規模改修事例~
1
小楠 聡美 株式会社 アジェンダ
2011.10.21
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 2: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/2.jpg)
2
本事例は
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 3: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/3.jpg)
3
スープカレー表とは
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 4: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/4.jpg)
スープカレー表とは
スープカレー表とは元々・・・
• TEF道(TEF北海道テスト勉強会)のメンバーで考えたマトリクス。
• システムの「5W1H」を表にまとめたもの。
• 縦軸に機能、横軸にユーザー観点(非機能)を並べた表。
• 縦軸に並べた機能を、ユーザー観点にくぐらせることで、各機能のテストをよりユーザー観点からテストしようという目的で作られた。
• 元々は、システムテストのために作られた。
4 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 5: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/5.jpg)
スープカレー表とは
詳しくはお手元の資料を!
5
予稿集を見てね!
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 6: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/6.jpg)
スープカレー表とは
今回使用したスープカレー表
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
コンテキスト1
コンテキスト2
コンテキスト3
非機能項目1 非機能項目2
詳細1-1 詳細1-2 詳細2-1h
6
【全体のWHY】 User Goal
System Goal
<User Goal>
<System Goal>
<目標> 目標1 目標2 目標3
ペルソナ法とのコラボレーション
品質特性分析表から項目を導き出す
【WHY】を全体のWHYと機能個別のWHYに分けた
User GoalとSystem Goalは必
ずしも一致しないので、分けた
JaSST北海道2010で、改訂版スープカレー表(3辛)を公開
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 7: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/7.jpg)
7
改修の背景
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 8: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/8.jpg)
改修の背景
旅行会社向けASP型基幹システム
8
ASP型基幹システム
業務渡航の予約登録
発券 請求書発行 経理業務 渡航書類作
成
など
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 9: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/9.jpg)
9
改修の背景
請求書に対して入金があったことを登録する画面
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 10: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/10.jpg)
何を検索するための条件なのかがわからなかったり・・・
セットで使う機能が離れたところにあったり・・・
10
改修の背景
問題点1 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 11: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/11.jpg)
11
改修の背景
問題点2 発行した請求の管理
登録した入金の管理
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 12: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/12.jpg)
12
改修の背景
いくら入金されたの?
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
どの請求書に対する入金なの?
![Page 13: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/13.jpg)
改修の背景
問題の原因
13
基本の機能 機能
機能
機能
機能多すぎ!
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 14: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/14.jpg)
改修の背景
不満→改修へ
14
請求書に対する入金って、どうみるの?
これって何をするための画面?
どうやって使うの?
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 15: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/15.jpg)
実食
今回の改修作業の流れ
15
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 16: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/16.jpg)
実食1
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
既存画面のスープカレー表を作る
16 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 17: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/17.jpg)
実食1
作り方はお手元の資料を!
17 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
予稿集を見てね!
![Page 18: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/18.jpg)
実食1
出来上がり!
18
機能と 目的
利用状況シナリオ
機能ごとに満たすべき要件
ユーザーゴール システムゴール
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
非機能
![Page 19: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/19.jpg)
実食1
なんとなく・・・
19
問題点を分析してみよう・・・
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 20: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/20.jpg)
実食1
指摘・問題点を交点に入れる
【HOW】 非機能要求
レスポンスがよい 少ない手順で目的のデータを検索できる 検索結果の状態がわかりやすい
レスポンスがよい クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索したい条件で検索できる
確認したい項目が揃っている
項目名がわかりやすい
20 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 21: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/21.jpg)
実食1
指摘・問題点を交点に入れる
【HOW】 非機能要求
レスポンスがよい 少ない手順で目的のデータを検索できる 検索結果の状態がわかりやすい
レスポンスがよい クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索したい条件で検索できる
確認したい項目が揃っている
項目名がわかりやすい
・請求書の発行されていない未入金も確認したい
・予約種別ごとに消し込む入金を探せる
・代表者ではなく、連絡先となる参加者を表示してほしい
・○○を除くの条件で検索できる
21 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 22: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/22.jpg)
実食1
作成して問題点を埋めた結果・・・
22
User Goal
機能
ユーザー観点(非機能)
使いにくいため問題となった
機能漏れ
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 23: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/23.jpg)
実食1
請求書に入金を登録する機能
登録後の入金を管理するための
機能
請求書 いくら入金されたの?
23 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
どの請求に対する入金? 入金
![Page 24: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/24.jpg)
実食2
画面イメージ(ラフ画面)を作る
24
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 25: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/25.jpg)
実食2
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
検索条件
入返金日
入返金を検索する際、入返金日で検索するため
返金承認日
返金を検索する際、返金の承認日で検索するため
検索実行ボタン
設定した条件で検索を実行するためのボタン
条件クリアボタン
条件をすべてブランクにするためのボタン
25 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 26: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/26.jpg)
実食2
26 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 27: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/27.jpg)
抽出
予約入返金
27
実食2
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 28: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/28.jpg)
実食2
画面イメージ完成
28 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 29: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/29.jpg)
実食3
新しい画面のスープカレー表を作る
29
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 30: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/30.jpg)
実食3
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
大項目 中項目 【個別WHY】 機能の目的
シナリオ3 シナリオ4 シナリオ5
検索条件
手配種別
予約種別単位で請求書を検索できるようにするため。
営業担当
月末に、営業担当ごとの未入金を検索して出力し、営業・・・
アシスタント
予約カードのアシスタント名で未収額のある予約カード・・・
予約入返金グループ
予約カードの条件のうち、入金、返金にかんする条件を・・・
30 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 31: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/31.jpg)
実食3
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
大項目 中項目 【個別WHY】 機能の目的
シナリオ3 シナリオ4 シナリオ5
検索条件
手配種別
予約種別単位で請求書を検索できるようにするため。
S4-2
営業担当
月末に、営業担当ごとの未入金を検索して出力し、営業・・・
アシスタント
予約カードのアシスタント名で未収額のある予約カード・・・
S4-2
予約入返金グループ
予約カードの条件のうち、入金、返金にかんする条件を・・・
31 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 32: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/32.jpg)
実食4
画面イメージを調整する
32
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 33: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/33.jpg)
実食4
利用状況シナリオを利用
33 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
利用状況シナリオ
![Page 34: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/34.jpg)
実食4
機能漏れを発見!
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を検索するた
め
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
34
機能に当てはまらない記号が あれば機能漏れ
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 35: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/35.jpg)
実食4
35 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 36: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/36.jpg)
実食4
~ 入金状況
機能追加
36 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 37: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/37.jpg)
実食4
よく使う機能がわかる! 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
シナリオ1 シナリオ2 シナリオ3 シナリオ4 シナリオ5 シナリオ6
S1-2 S2-2 S3-2 S5-2 S6-2
S1-2 S2-2 S5-2 S6-2
S6-2
S1-2 S6-2
37
交点がたくさん埋まっている 行ほど、よく使われる機能
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 38: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/38.jpg)
実食4
よく使う項目を左にまとめる
38 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 39: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/39.jpg)
請求書を探す条件だけを左に持ってきていたが・・・
39
調整前
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 40: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/40.jpg)
40
漏れていた機能を追加
売上の条件も左に移動
調整後
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 41: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/41.jpg)
実食5
設計書を作成・レビューする
41
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 42: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/42.jpg)
実食5
スープカレー表の交点を使う
42 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
機能ごとに満たすべき要件
![Page 43: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/43.jpg)
実食5
スープカレー表の交点を使う
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を索するため
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
43 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 44: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/44.jpg)
実食5
レビューのチェックリストを作成
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を索するため
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
44
レビューチェックリスト [請求状況] □検索対象がわかりやすいか? □請求漏れの売仕カードを検索できるか?
□請求したのに、入金されていない請求書を検索できるか? [入金状況] □検索対象がわかりやすいか? □未収のある請求書だけを検索できるか? □検索条件“未入金”の請求書で検索できるか? [入金予定日] □検索対象がわかりやすいか? [請求日] □検索対象がわかりやすいか?
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 45: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/45.jpg)
実食5
チェックリストによるレビューの結果
45
さらに2件の記述漏れ
検討不足だった機能が4件
さらに2件の記述漏れ
検討不足だった機能が4件
設計書
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 46: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/46.jpg)
実食6
テスト設計・テスト仕様書を作成する
46
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 47: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/47.jpg)
実食6
47 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
ただ今 実践中!
![Page 48: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/48.jpg)
実食6
48 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 49: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/49.jpg)
実食6
すでに作成したシナリオを利用して…
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を索するため
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
49 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 50: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/50.jpg)
実食6
シナリオテスト作成の結果
• シナリオテストの作成は、シナリオがすでに作成されているので、テスト設計は不要だった。
• シナリオテストの実装は、テストデータを作るだけで終わった。
50 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 51: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/51.jpg)
実食7
テストを実施する
51
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 52: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/52.jpg)
実食7
ここでも機能モレ発見!
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を索するため
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
52 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 53: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/53.jpg)
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を索するため
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
53
(5)経理担当が、入金額が不足している請求書がないかどうか確認する。 S5-1 月末が近づいたので、経理担当のAさんは、TravelMeisterを起動して、未収金画面を開きました。 S5-2 [売上日]=”当月初日~当月末日”、[請求状況]=”請求済”、[入金状況]=”未入金、一部入金済みをON”、[営業拠点]=”東京本社”で検索しました。 S5-3 一覧に結果が表示されたので、予約カードの営業担当者を確認して、営業担当に連絡しました。
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
実食7
![Page 54: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/54.jpg)
実食7
54
営業担当
機能追加
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
完成
![Page 55: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/55.jpg)
55
完成
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 56: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/56.jpg)
56
完成
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 57: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/57.jpg)
57
結果
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 58: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/58.jpg)
結果
改修後問い合わせ件数が激減!
1カ月の勤務時間
10%
58
その他
問い合わせ
調査
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 59: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/59.jpg)
何を検索するための条件なのかがわからなかったり・・・
問題点1
59 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
結果
問題点が解決!
![Page 60: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/60.jpg)
60
完成
カテゴリをしっかり分類することで、何の条件を指すのかがイメージしやすくなった
問題点1 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 61: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/61.jpg)
セットで使う機能が離れたところにあったり・・・
61
問題点1 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
完成
![Page 62: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/62.jpg)
62
完成
機能の目的を整理できたので、セットで使う項目を近くに配置しなおすことができた。
問題点1 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 63: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/63.jpg)
63
問題点2 いくら入金されたの?
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
完成
どの請求書に対する入金なの?
![Page 64: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/64.jpg)
結果
スープカレー表に関する新発見!
64
User Goal
機能
ユーザー観点(非機能)
使いにくいため問題となった
機能漏れ
問題点の原因や解決策を 特定できる
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 65: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/65.jpg)
結果
スープカレー表に関する新発見!
【WHAT】機能要求 【WHEN+WHERE+HOWTO】 いつ・どこで・どのように
【HOW】 非機能要求
大項目 中項目 【個別WHY】 機能の目的
シナリオ1 シナリオ2 シナリオ3
レスポンスがよい
少ない手順で目的のデータを検索できる
レスポンスがよい
クリックする回数が少なくて済む
何を検索するための条件かわかりやすい
検索 請求状況
請求先振り分けの請求漏れを防ぐため
S1-2 検索対象がわかりやすい
入金状況
入金状況に応じた請求書を索するため
S1-2 S2-2 検索対象がわかりやすい
請求日 未収金のある請求書を請求日で検索する
S2-2 検索対象がわかりやすい
65
レビューチェックリスト [請求状況] □検索対象がわかりやすいか? □請求漏れの売仕カードを検索できるか?
□請求したのに、入金されていない請求書を検索できるか? [入金状況] □検索対象がわかりやすいか? □未収のある請求書だけを検索できるか? □検索条件“未入金”の請求書で検索できるか? [入金予定日] □検索対象がわかりやすいか? [請求日] □検索対象がわかりやすいか?
既存機能へのニーズに影響 を与えていないかを確認 できる
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 66: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/66.jpg)
結果
スープカレー表に関する新発見!
66
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
機能漏れの発見に効果的
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 67: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/67.jpg)
67
まとめ
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 68: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/68.jpg)
まとめ
まとめ1
68
スープカレー表は、開発の全工程で有効利用できる
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 69: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/69.jpg)
まとめ
既存画面の スープカレー 表を作る
画面イメージ (ラフ画面)を 作る
新しい画面の スープカレー 表を作る
画面イメージ を調整する
設計書を作成・レビューする
テスト設計・ テスト仕様書 を作成する
テストを実施 する
ほとんどの過程で活用できる
69 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 70: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/70.jpg)
まとめ
まとめ2
70
スープカレー表は、改修工程でも有効活用できる
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 71: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/71.jpg)
まとめ
User Goal
機能
ユーザー観点(非機能)
交点
スープカレー表
新規開発の場合
71 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 72: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/72.jpg)
まとめ
改修の場合
72
User Goal
機能
ユーザー観点(非機能)
交点
スープカレー表
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 73: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/73.jpg)
課題
今後の目標
73
さらに2件の記述漏れ
さらなる事例の増加
シナリオテスト以外のテスト設計への応用
Copyright© 2011 AGENDA Co., Ltd. All rights reserved.
![Page 74: ~スープカレー表を使った画面 の大規模改修事例~ 小楠 聡美 · •システムの「5w1h」を表にまとめたもの。 ... これって何 をするため](https://reader033.vdocuments.pub/reader033/viewer/2022041808/5e5623d7dd412d308a12423b/html5/thumbnails/74.jpg)
74 Copyright© 2011 AGENDA Co., Ltd. All rights reserved.