“Lello!”:
Emotion Analysis Tool
Audience
Students who want to track their feelings and receive periodical analysis.
Teachers who want to build a supportive learning community and check how their students are doing.
Responsibilities
Prototyping, App Design, UX Design, UI Design
Tools Used
Adobe XD, Flaticon, Qualtrics, Wix
Problem
Recently, the emotional well-being of students has garnered significant attention due to an alarming rise in anxiety and depression.
However, there’s a lack of tools available to help teachers recognize students’ emotions through analysis reports with clear criteria and data. These tools are crucial for enabling teachers to offer appropriate support and assisting students in regulating their emotions.
Solution
I created a mobile application (working title: “Lello!) that provides a visual report of the aggregate emotional status of the students so that teachers can figure out the emotions of the overall group and individual students.
Also, students can track their own emotional state and develop emotional awareness using a built-in instrument called the Geneva Emotion Wheel.
A Research Poster
I developed the initial prototype of the emotion-analysis tool during my Learning, Design, and Technology master’s program at the University of Georgia under the guidance of Dr. Kopcha. The poster about the pilot study was presented at the Design and Development Showcase of the 2020 AECT International Convention.
Expand on click
The Second Prototype
The second prototype was created in Dr. Kopcha’s Design Based Research (DBR) course (EDIT8290). For my DBR project, I’ve created this prototype that enabled me to collect data from the participants of this project. Prototypes were built on the survey platform called Qualtrics for collecting the user’s daily emotion report. Considering the complex and subjective nature of one’s emotion, an overall feeling indicator was initially suggested for recording their feelings with the intuitive graphic, smiley. Then, participants indicated their detailed emotions with the instrument called Geneva Emotion Wheel (Scherer, 2005; Scherer, Fontaine, Sacharin, & Soriano, 2013).
In the emotion report, graphs showing the user’s emotion trend derived from the smiley indicator and the emotion wheel were presented. Also, a word cloud image was generated from the selected hashtags by the users. The radar graph aimed to help users have a glance at the cumulative value of the emotions they checked.
Expand on click
The Third Prototype
The third prototype was designed in Dr. Rieber’s Design Studio course (EDIT8190) during the first semester of my Ph.D. journey. During this third prototype round, I added “edit audience” and “support group” features along with the self-emotion reporting feature.
In this app, students self-report their feelings by selecting the word from a list of 20 that best describes their current situation. Users rate the intensity of each emotion in percentile scores (e.g., Enjoyment & Pleasure – 80%, Worry & Fear – 30%). Students are then asked to choose keywords related to the emotional words they have chosen. The diary menu follows, which allows users to elaborate on their daily events in several sentences more in-depth.
After data is accumulated for some while, visual analysis of the student’s reported emotion is provided on a regular basis. As a form of the Geneva Emotion Wheel (Scherer, 2005; Scherer et al., 2013), a radar graph of cumulative emotion is created, as well as a word cloud image based on hashtags and a short diary. These self-reporting processes and weekly analysis reports are designed to help students visualize and be self-aware of their daily/weekly feelings, which is proven to enhance their emotional resiliency.
This is a prototype version created with Adobe XD, which means it is not yet a functioning app. In the coming iterations, I hope to collaborate with app developers to create and develop the tool for use. Before constructing the working app, I’m also thinking of using the paper-based instrument to capture and collect user emotion data.
To browse the website for this prototype, click the image below. You can also take a look at the demo of the app using this link.
Click the screenshot below to explore the “Lello!” website.
