第７回 状態（画面）遷移図、Directorでのキーボードの利用
近年のプロダクトデザインは情報化が進み、その棲み分けが難しくなっていますが、ハードウエアよりの場合「状態遷移図」、ソフトウエアよりの場合「画面遷移図」と表現されるとザックリ捉えてください。基本的な考え方は、ハードウエア／ソフトウエアが、人とどのように対話（インタラクション） するのかを、【ハードウエア／ソフトウエアの状態】と【その遷移】という考え方で記述をする手法です。デザイナがエンジニアさんに、製品等の細かな挙動等を伝達する為の手段の代表的な手法と言え、その重要性は高いものです。
前回学んだペーパープロトタイプでは、ある１機能、１操作（状態遷移図でいえば、ある状態）のみに着目して記述を行いましたが、今回は、製品の全ての動作（電源ONから電源OFFまで）の全ての人との対話（インタラクション）を描くことに注力してみましょう。
 |
前回のペーパープロトタイプでは 《ハードウエア的ボタン要素》 《アイコン的視角要素》 《ユーザへフィードバックされる何らかの要素をアイコン化した要素》 をベースにある１シーンの検討をしました。それに、「他のシーンへの遷移」を匂わせてみたレベル |
 |
ざっくりと、ソフトウエアの「４つの状態」を記述し、各々への「遷移」を記述してみたレベル |
 |
ペーパープロトタイプに「単純な遷移（矢印）」を追記したレベル |
 |
ペーパープロトタイプに「遷移（矢印）」を追記したレベル 【今回もとめる最低ライン】 （上記の「単純な遷移（矢印）」では気がつかなかった「キャンセルボタン」の発見が可能となる） |
 |
詳細なデザイン（ソフトウエアで言えばグラフィックパーツ）を書き込み、それに「（操作対象や操作方法といった）詳細な遷移（矢印）」を追記したレベル 【今回もとめる理想ラインレベル】 ちなみに、これは「ログイン」という１機能の部分の画面遷移図と言えますが、パスコード入力後の表記をどうすればいいか考えてみてください。 |
ちょっと厳密に書いてみると...
|
|
被験者のキーボード入力を検知することができます。また、キーボードを押す行為で、操作をさせることができます。
|
on keyDown me if the key = "a" then beep end if end |
if（条件）then |
(if文のはじめ) (if文の終わり) |
if A = 0 then |
もしAの値が0ならば、Bの処理をしなさい |
if A = 0 then |
もしAの値が0ならば、Bの処理、 |
| if aa = 1 and bb = 1 then cc end if |
もしaaの値が1で、かつ、bbの値が1であるならば、ccの処理をしなさい |
次回までに、ペーパープロトタイプで描いた３つ程度のシーンを中心とし、提案する製品の全ての状態を対象にした状態遷移図を描いてください。ソフトウエア的なグラフィックパーツなどをイラストレータ／フォトショップ等で、ハードウエア的なレンダリングパーツなどをCADソフトなどで緻密に描き、その「（操作対象や操作方法といった）詳細な遷移（矢印）」を書き込んだ１枚のPDFファイルで提出してください。
提出先：Common / 提出 / プロトタイプシミュレーション２（柿山）/08_状態遷移図
形式：【学籍番号.dir】にて提出
Copyright (C) 2017 柿山 浩一郎(kakiyama.info) All Rights Reserved.
