Text
Drawing a screen transition diagram
As a reference for the screen transition diagram, I would like to reprint the one that was distributed as a training material at the "e-Learning Canferance 2006 Winter" where the lecturer (Kitamura) participated together with Prof. Suzuki and Prof. Nemoto. This is an analysis of an e-learning program for learning English called English Town (http://www.englishtown.co.jp/)（http://www.englishtown.co.jp/）. Note that the screen images are not included in the presentation, as we actually showed the screen to the participants in this training (please consider that the screen images are attached separately).という英語学習のeラーニングを分析したものです。
eLF2005_session3_sen.pdf（PDF：117KB）
Try rich-picture!
I will also show you another chart that was distributed at the same training. This is an analysis of the same English Town.
eLF2005_session3_rp.pdf（PDF：107KB）
こThis is an analysis of what kind of learning support is provided in English Town to meet the various needs and desires of learners.
このような図をThis kind of diagram is called a rich picture. A rich picture is a diagram that represents the relationship between a person and the various people, things, and objects that surround them, and is one of the tools of SSM (Soft Systems Methodology) mentioned above.
Rich pictures can be written in basically any way you like, but at the very least, you need to include the three elements of "structure," "function," and "atmosphere”.
Structure is the people, organization, and major events (happenings) in the matter (project, structure, etc.). This structure is the backbone of the rich picture.
Function is what relationship the individual elements of the structure have. Words that indicate function, such as "instruction," "request," and "request," will be added to the diagram.
The atmosphere is the state of the situation itself. Whether the situation is favorable or unfavorable, I will try to express it with illustrations and balloons.
To write a rich picture, do the following
- Write the central person (for e-learning, this is often the learner or learning manager)
- Write as many people, things, and things related to that person as you can
- If necessary, rearrange them and group them (like the KJ method)
- Connect them with lines and make them into arrows
- Use balloons to write thoughts and ideas related to the lines and arrows.
The tips that the instructor (Kitamura) feels are
- Be willing to rewrite (this is why I use post-its, PowerPoint, etc. to conceptualize and write)
- Pay attention to the direction of the arrows (because the direction of the arrows can drastically change the way the relationship is conveyed).
- Use balloons to write the thoughts of each person, especially the central person.
The last part, the "thought balloons," is quite important. Not only does it reveal the relationship between each person, but it also clarifies the meaning of the people, things, and things around them, and makes you aware of what is lacking in relation to your suspicions.
The sample case does not come with a rich picture, but I encourage everyone to try to include a rich picture in their proposals.。
About the sample case
The following file is a screen transition diagram for a sample case.
Session11: Screen Transition Diagram (PDF: 120KB)（PDF：120KB）
Although not related to the sample case, an example (sample) of a rich picture is shown below.
The Rich Picture consists of two pictures: the current situation as read from the case, and the concept of the proposal on how to change it. I tried to make the differences between the two pictures as clear as possible by keeping the same structure (characters and organizations) in both rich pictures. I hope you will try to use rich pictures in your proposals as well.
＜References＞
Reference: Kenichirou Seo (2003) Eliminate the bewilderment in your head by diagramming your work (President 2003.11.17), President Inc. p.82-83".(in Japanese)
Please note that all of these are "samples" and not "models," so please view the descriptions with a critical eye.