Special Theory of Relativity –
interactive communication system
topic & goal
This interactive communication system (ICS) is designed as a classroom aid to educate students aged 15-18 on the basics of the Special Theory of Relativity. Students will learn the two postulates of the theory, the effects of the theory & the meaning of E=m×cˆ².
The goal was the design & development of a communication system primarily for the transfer of knowledge in a defined context. During the process, we were to design basic forms of interaction, media-specific design problems, information architecture, information & data visualisation, the relationship between text as well as image & animation & protoypical implementation or simulation.
Design Process –
detailed & extensive
target group analysis & context of use
The choice of the target group for this course was limited to flâneur or school class. It seemed less useful to us to prepare the Special Theory of Relativity (SToR) in such a way that it would arouse the interest of people passing by & at the same time the content of the ICS would do justice to the complexity of the topic. For this reason, we decided on a school class of middle & high school students between the ages of 15 & 18, depending on our topic & the initial design ideas.
In a brainstorming session, we considered the context in which middle school students might come in contact with special relativity. First we decided on a science centre like Technorama. However, as the design process progressed, we focused more on teaching the theory in greater depth, so we decided that the use of the ICS should be accompanying or complementary to physics lessons.
compiling contents & benchmarking
In order to answer the question of what content should be conveyed by the ICS, we began by learning about the topic of special relativity. Initially, each of us was asked to conduct a general research & note down any topics found or aspects of the theory in order to get a rough overview of the topic. In this way different mind maps like these were created.
It quickly became clear that SToR is a complex & extremely wide-ranging subject. Too complex to be taught comprehensively in an ICS for middle school students. The search for already existing exhibits & explanatory treatments of the theme should provide initial inspiration for design approaches. We summarized the research results & the following questions emerged which we wanted to pursue further:
What does the theory contain?
How does the theory work?
What does the theory have to do with the formula E=m×cˆ²?
Is the theory relevant for everyday life?
Initially, we wrote down all aspects that seemed important to us on cards & carried out a card sorting to obtain thematically related groups. We then arranged these cards in a hierarchical order to obtain our first information architecture. Due to the ever-increasing research & understanding of the subject, the information architecture went through several stages until the final version was set. It comprises an introduction & three chapters dealing with the two postulates, the effects resulting from the theory & the formula E=m×cˆ².
After changing the communication goal several times, we decided to focus on teaching the basics. We reconsidered our entire concept & first formulated a general goal of the application before determining which concrete communication goal we were pursuing.
goal of the application: The goal of the application is to convey knowledge about a complex topic in a way that is easy to understand.
communication goal: The goal is to provide the user with a basic understanding of the Special Theory of Relativity. First of all, the user should be familiarised with essential terms & the two basic assumptions of the theory, in order to then become familiar with the effects resulting from the theory. Finally, the user should gain an understanding of the formula E=m×c2, where it can be physically classified & be made aware of its consequences.
form of narration
Since the contents of the ICS are partly built on each other & form a learning process overall, a linear narrative form seemed to us to be the best way to achieve our communication goal. Despite the linear narrative form, it should always be possible to switch back & forth between the individual chapters if the user is already familiar with them or wants to go through them again before continuing the learning process.
Already during the research work we sketched ideas for the design of the content. In order to obtain suitable design approaches for the respective chapter, we proceeded as follows: We set a local communication goal for each chapter. Based on this, take-aways were to be formulated, dividing the chapter into appropriate sections in terms of content & didactics. Afterwards it should be clarified which content can be conveyed purely textually, which purely visually & which in combination of both techniques. Then the ideas should be implemented & checked whether the result actually conveys what was aimed for.
Throughout the design process we also created many variants of different UI elements such as the global & local navigation, the body text box, the interaction instructions & buttons. The UI elements developed in parallel with the navigation structure & layout, so that they not only had to be visually integrated into the interface, but also had to be conceptually harmonised with it.
navigation structure & layout
During the compositional arrangement of the content on the screen, we went through many feedback loops, which significantly influenced the design of the interface. We learned that it is very important to carry out user tests, because after all they are the ones who should understand & use the ICS. The design of the interface is the means to an end, which in our case is to achieve the communication goal. The figure shows key screens of version one, three and five
creating the personality
We derived the personality of the ICS from our theme & the selected target group & combined it with the consideration of adjectives with which we would describe the topic. As a result, our ICS should be simple, reliable, exciting, at eye level, focused, effective, engaging, understandable.
choosing a typeface
Based on the personality, we started to search for a suitable font. We took all the typo styles used on the interface such as headlines, copy text or instructions, put them side by side & evaluated all fonts against the proposed criteria catalog. Finally we decided on Inter & created a style guide.
choosing a colour scheme
For choosing a color scheme we first did a point query where we marked the associations with a post-it that we felt were appropriate & then set blue, green, white & black as the basic colors of our ICS. Instead of using pure black we decided to use a really dark blue, because using pure black with a white background can cause discomfort for the eye when users read the text over an extended period of time.
encoding the UI elements
In our final concept we thought that the colour design should not only look nice but also contribute to usability. For this reason, we decided to color code the function of the buttons. Specifically, we decided that all UI elements that trigger interaction with the content should be coded in blue. In our case that means for example hyperlinks connected with a short recap of special terms or button related with animations. All UI elements that help the user to switch between chapters or to advance in the learning process should be coded in green. Both the green & the blue colouring are intended to attract the user’s attention & therefore guide his interaction with the system.
bringing the interface to life
Another aspect that had to be defined were the animations & transitions. Here we researched which transitions are conventionally used for the respective UI components or rather underline the hierarchy of our system & defined them accordingly for our ICS.
Key Learnings –
obtaining feedback & building variants is key
The greatest learning I can note is that it is essential to deal with a topic in depth in order to be able to prepare it accordingly in an ICS. Obtaining feedback was also an important part of our design process. We already took it into account when defining the target group. It was also incorporated into the formulation of the communication objective, the didactic preparation of the content and, of course, in the design of the interface. The creation of numerous conceptual and visual variants paid off.
Project information –
Any questions? –
let’s get in touch
If you have any questions about the project or want to know more about it, just write me a short message.
I am happy about any suggestions and comments.