Oct 2020 - June 2021
UXD & UXR
StarKids V2.0-2.2.5
Adobe XD, Lanhu, Axure, PhotoShop, Illustrator
StarKids is a neurofeedback product-service solution targeted at preschool children with autism spectrum disorder (ASD) in special education contexts. It combines with neurofeedback training (NFT) games and videos and EEG headband device to enhance social and attentional capabilities in children with autism
.
β
1οΈβ£ Pre-game conversation helps the child develop empathy and increase motive in completing the task
2οΈβ£ Within each game, there is an index that reflects the level of social attention, which can be high, medium, and low. The headband detects real-time EEG signals which are translated to an index value by the AI algorithm.
The movement of the game character varies according to the level of social attention, so do the background music and sounds.
β
3οΈβ£ Game report displays the child's EEG analytics and provides the therapist with quantitative feedback to optimize teaching plans
4οΈβ£ Post-training cognitive games test the child's cognitive understanding and recall ability
β
As someone new to the industry, it may be difficult to understand the jargon, terminologies, and key players in the market.
β
1) Consult the research team to know more about how they design for this user group during the MVP phase.
2) Visit the special education center and conducted user interviews with the therapists to have a deeper understanding of their work routines.
β
Without being able to directly interview children with ASD, it is challenging to understand their preferences and behaviors.
β
Conduct field observation and observe how children with ASD interact with NFT games
There is no specific requirement and the team would like to explore different directions and ideas to find the best solution.
Competitive analysis: I decided to start with a broad exploration of ideas and gradually narrow down the focus based on feedback
β
The post-training cognitive game serves as a retrieval practice to help children retrieve information from the game/video training they previously saw, thereby reinforcing their cognitive ability.
β
The post-training cognitive game serves as a retrieval practice to help children retrieve information from the game/video training they previously saw, thereby reinforcing their cognitive ability.
β
When user clicks the "play" button, the video plays and the name of the action will be announced
β
β
β
β
β
I showed the wireframes to child autism researchers, design lead, and developers within the team, and got the following feedback and potential solution:
Using video in each option will be too difficult for the children with ASD to process.
β
Capturing the essence of a social interaction theme within a 10-second video clip can be challenging, especially when it involves complex interactions like "hide and seek."
β
β
1) Decrease game difficulty: Instead of using multiple video clips, using images for each option.
2) Capture representative images: Select a set of representative images (about 3) from the social interactions videos and use them as the options.
3) Randomize image selection to add variety: As suggested by the child autism researchers, each time the user enters the post-training game, randomly select one of the representative images from the set. This randomness ensures that the image presented is not consistently the same, adding variety and reducing predictability.
β
β
β
Frontiers in Psychology's research shows that ASD users see colors with greater intensity. This hypersensitivity to colors, especially bright ones, leads to sensory overload and causes discomfort in ASD users. It is suggested that we use soft, mild, and light unsaturated tones when possible.
Therefore, I tried to adjust the contrast ratio and color choices by slightly altering the text colors and button styles to ensure accessibility. However, due to the constraint of pre-existed design system, I was not able to implement in the launched version.
β
β
β
β
β
Incorrect answer(s) will be dimmed while the correct answer is highlighted with flashing pink stroke. This aims to decrease failure stimulation by offering visual cues.
β
β
β
π€ The post-training cognitive games feature was successfully implemented by the developer team and still kept in the current product as a supplement for the training. Although it was not perfect, I am really proud that my idea can contribute to the autism therapy process and help more autistic children!
π₯ Since this feature was designed at the beginning of my internship, it was a good opportunity for me to better understand the needs of our targeted users ββ preschool autistic children, which also becomes a solid foundation for my prospective designs within this area.
π‘I was also able to validate my design by having regular field visits in the special education center by observing how the feature was used by the therapists. Watching the feature going alive in real life brings me huge satisfaction!
This is the first and valuable experience for me to work within a cross-functional team for 8 months. I learned about their work process, things they care, and practiced to better communicate with developers, therapists, and researchers to create better products that fit users' needs.