Learning Designer (collaborated with a English teacher)
Feb. 2024 - Apr. 2024
Articulate Storyline 360, Miro, Figma, Canva
International university students aged 18-40 with various English abilities. Some are fluent speakers while some are difficult with daily conversation.
It's typical for international students to frequently travel between countries. During these travels, they navigate airports, and customs procedures, and engage in various levels of conversation. However, foreign students often find themselves unfamiliar with the sentences and vocabulary commonly used at the airport, making it challenging to respond appropriately in conversations.
By the end of the lesson, students will be able to understand airport regulations and respond to standard questions at check-in and customs.
Experience the projectI consulted an English teacher as my subject matter expert (SME) to develop the action map and establish the overall goal for this project. We decided to measure progress by monitoring how students deal with airport conversation specifically at check-in and customs. We then identified the actions required to learn the airport vocabulary, sentences, and idioms.
Once the action map was completed and approved, I began working on a text-based storyboard that incorporated these key actions into the presentation.
I framed the scenario to be a flight journey from the perspective of a traveler. The sequence matched the real-life scenario from packing the luggage to checking in the luggage and then visiting the customs after the airplane lands.
To engage the users more, I included many interactive elements such as clicking the items to view more TSA regulations or dragging the right questions based on the replies. All ideas were listed in the technical notes under the storyboard.
Once the text-based storyboard was approved by the SME, I started to create visual mockups on FIgma. It allowed me to experiment with visual elements and layouts to accelerate my design process.
I first created wireframes to settle down the overall layouts and interactions, and then move on to the hi-fi prototype. After deciding on the typography and the colors, I went through each slide and made them consistent in the same style. Also, most of the graphics were from Canva, which enabled people to customize the colors from their SVG files.
I used Articulate Storyline 360 to create an interactive prototype based on the visual mockups. Here are some special features I’d like to further walkthrough.
According to the English teacher I collaborated with, the conversation pages, allowing users to choose between two answers seem to be too easy for the students. Instead, making it open-ended questions might be more suitable for their English literacy. Due to the uncertainty of coming students, it was hard for us to design a tailored solution. If we had had a chance to learn about the users in advance and conducted a more thorough user analysis, the mistake might not have happened.
This is my first time offering blended learning material, which blends digital material with face-to-face instruction. Compared to an e-learning experience, the mindset should be different, considering the implementation of the classroom and students’ reactions. The English teacher and I arranged many meetings before the development to discuss how she could interact with and show the material to her students.
