知り合いの店舗が抱えている問題をTOCとITを使って改善してみた

# はじめに
この内容は知人から1本の電話を受けて始まっています。

**販売員が「お客様対応が精神的につらい」と言っている**

全世界で新型コロナウイルスが猛威を振るう中「マスク」や「消毒液」が店頭に並ばない状態になっています。
入荷・在庫が無い状態だが、需要が高くお客様は開店前から列で並んでいる。
お客様には個別に謝罪とご案内をしていますがその対応がつらい、、、というものでした。

この問題は「店舗が悪い」のでしょうか？　いえ「新型コロナウイルス」が悪いのです。
ですが販売されている店舗様はお客様に対して「謝罪」をして「ご案内」をするという状況があります。
今回、この問題を解決する方法がないか？ということで相談を持ちかけられました。

この記事は問題把握から解決までをTOCを使って分析した流れをまとめています。
TOCの詳細は最後に参考サイトのリンクを設定しておりますのでご確認ください。
また、TOCの考えが違うところもあるかもしれませんがご了承ください。

# この記事を書いている時点の状況
知人と社員様、私(以下グループ)でTOCをおこない現状の整理とコアの問題確認、
2つの目標実施をおこない効果計測で改善がみられる状態です。
今回ITと仕入、倉庫などアナログ部分に改善用の目標をそれぞれ設定しています。

# 以下、集まって話し合った手順を記載します。

## 議題を確認する
現状出ている問題点とそれを解決したいという事をグループに説明にしました。
話し合いの時間、時間が無かった場合の切り方、次回をいつにするかも決めておきます。

## TOCに関して簡易なルール説明を行う
私も勉強中の身でありますが簡単なルール説明をグループにしました。
今回は付箋とホワイトボードを使うようにしています。
<img width="600" alt="TOC1" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/1e00312d-f804-4bc6-448e-3431f64c14d6.jpeg">

## 目的と目標の確定
目的と目標は集団による活動の中で最重要な事項になります。
始めに目的の設定と周知、正しい目標の設定をしていきます。

### 気になる点、現場で感じたことを列挙する
現状を理解するためグループ全員で現象、気になる点、現場で感じたことなど全て「付箋:現象」に記入する。
付箋の中には問題となっている「説明とお詫びの対応で社員が疲弊する」も記入する。
※一部の付箋は店舗情報に関係するため隠しています。
<img width="600" alt="TOC2" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/7a428a4f-3c04-5464-6579-972bac42c59d.jpeg">

### 現象を関連性を考慮して並べてみる
作成した「付箋:現象」を出して関連性を考慮して並べる。
関連性の図を記事では「現象ツリー」と表記します。
<img width="450" alt="TOC3" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/3a9abee6-d30d-2269-9237-29ed834ac21d.jpeg">

### 重要な問題を確認、目的を設定
現象ツリーを使って重要な問題点を再確認します。
確認後は解決する内容に書き換えて「付箋:目的」に記入する。
<img width="300" alt="TOC4" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/2c6311af-eae2-efb8-1b44-6d8359f75e14.jpeg">

### 目標を作るため鍵となる現象を確認する
鍵となる現象は、現象ツリーの中で流れの始めになることが多いです。
鍵かどうか判断する場合は、無くした場合に「悪い流れができない」かどうかで判断します。
<img width="450" alt="TOC5" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/9e51abe2-946f-8e41-01e7-515c18972fc5.jpeg">

### 鍵となる現象を取り出して「付箋:良い状態」に書き換え
先ほどの「悪い流れができない」状態を作り出すため
「付箋:良い状態」に鍵の現象を良くした状態を記入する。
これ以降は店舗と私で問題解決を分けるようにしています。
<img width="450" alt="TOC6" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/72b4ce69-b914-dfae-c781-7e6258c74e93.jpeg">

### 解決案を列挙する
作成した「付箋:良い状態」になるために考えられる案を「付箋:自由」に記入する。
この部分はブレインストーミングなどでたくさん案を検討する。
今回は解決案2,3を合わせて対応する事が決まりました。
<img width="450" alt="TOC7" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/b06d57c4-a296-f865-32e9-0cecdc68f00b.jpeg">

### 目標を確定する
解決案を元に「付箋:目標」を記入する。
目標が決まった段階でグループ内で周知する。
<img width="400" alt="TOC8" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/3e509c1e-e11e-1199-16cf-ee01869ab926.jpeg">

**上記の作業で「目的と目標の確定」は完了となります。**

## 現状から目標までの道を作る
昔、お仕事をしている中で不安に思うときがありました。
それは「終わりが見えない」や「同じ事を何度もやっている」「生産的でない」と感じたときです。
この状態が発生しているときは「何をする」「どうなれば終わる」がわからず迷子になっています。
現状から目標までの道を事前に作成・知ることで不安がなく「生産的な状態」で作業できるようにします。
<img width="600" alt="TOC9" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/d60c0ab1-7d56-fd8b-f138-be54b0f3eec3.jpeg">

### 予想される行動と障害を列挙する
過去に作業をしていると「こんな機能がいるかな？」という予測ができます。
予測できる行動、障害は全て「付箋:行動」「付箋:障害」に記入します。
障害が思いつかない場合は、「不安に思うこと」「～だから～できない」という会話を掘り下げて見つけます。
<img width="600" alt="TOC10" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/62389716-59ae-a5be-770e-f62b98707f9b.jpeg">

### 障害を良い状態に書き換える
列挙された障害は作業を進めるときに無くさなくてはいけません。
障害の内容を反転させて「付箋:良い状態」に記入します。
<img width="600" alt="TOC11" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/e7097999-dd4a-6706-7cb1-44eaa6c89754.jpeg">

### 目標と行動、障害(良い状態)の付箋を全て並べる
並べるとしっくりこない図ができあがります。
この段階では「行動」がほとんど無いため図がまとまらない状態です。
ここからは付箋同士をつなげられるように行動を追加していきます。
つなげる場合、行動と状態が交互につながるのが理想です。
![TOC12](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/dbb18eb1-bc89-b266-1718-0da75438d247.jpeg)

### 足りない付箋を追加して図を完成させる
付箋の左下が赤色になっている物は追加した行動になります。
また、行動を作っている中で2つの障害が見つかりましたので追加しています。
図を完成させたら下から上に読み直して問題無いかを確認します。
![TOC13](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/49e5b23b-8211-73e1-affe-452670165f58.jpeg)

## 図から必要な物を読み取る
今回作成した図から「サーバインフラ」「必要技術」「システムの機能」を読み取ることができます。
またグループ内で共有することで認識の違いや想定できていない事項を見つけることができます。

## 図を作ってから思ったこと
流れを確認していると粗いところが色々ありました。
「テストはどうするのか？」「掲示板の登録項目はなにがある？」など
今回は開発者は私一人になるため付箋は増やしませんが、
グループ・色々な部署の人と開発作業をする場合はもう少し細かく
行動等を記載するのをオススメします。

## 図を作って良かったこと
図を作成すると必要物が把握できるため集中して取り組むことができました。
当初8日で開発予定の物を5日で完了することができています。

## できた成果物は？
今回、簡単に情報店舗側が情報共有をできるようにするサービスとして
「情報掲示サービス Bulletin」を作りました。
内容はシンプルで掲示板を作成して掲示板にアクセスできるQRをお店にて張り出す、
張り出したQRをお客様が読み込むことで店舗の掲載情報を確認できます。
店舗の公式サイトがない場合や、今回のように一時的に利用する向けのサービスになっています。

[情報掲示サービス Bulletin]（https://bulletin.develop.blue/）

![Untitled (1).png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/a51bcddb-e45f-391f-662f-3244e01f0def.png)

# 後日談
実は今回の作業の後、システムをより有効に使う場合、
こんな対応(目標)があれば良いのでは？と社員様から話がでているようです。
目的を明確にしておけば、あるときフッと思いついたり引っかかったりするんでしょうかね？
私はこの流れがすごくうれしい状況です。
新しい目標が見つかったときは早めに見直しをすることを知人にお知らせいたしました。
![TOC (20).jpg](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/72175/b7286aba-981b-1e7a-14b2-b8d65d6ef916.jpeg)

# TOCについて
わかりやすい説明をインターネットから探そうと思ったのですが、どうも見つからない状況です。
わかり次第URLを添付します。

書籍では「考える力をつける3つの道具」という本がTOCに関して詳しく書かれています。