Olly

Olly

Olly

Olly is a mobile app aimed to address several pain points for children with Autism Spectrum Disorder (ASD).


100% of this project was done by Adam Lundblad

Olly is a mobile app aimed to address several pain points for children with Autism Spectrum Disorder (ASD).


100% of this project was done by Adam Lundblad

Olly is a mobile app aimed to address several pain points for children with Autism Spectrum Disorder (ASD).


100% of this project was done by Adam Lundblad

Overview

Overview

Olly is a mobile app designed to alleviate various challenges associated with Autism Spectrum Disorder (ASD). Its primary goal is to enhance communication and provide tools to help the child navigate through the world. The challenge lies in ensuring sufficient flexibility within the app to cater to the diverse needs of children with ASD, each facing unique obstacles.

Olly caters to two distinct user categories: caregivers (CG) and children with ASD. Each user group experiences the app differently, with the aim of providing tailored experiences to meet their specific needs and challenges. The app facilitates parental controls and customization options within the CG's user's interface, allowing caregivers to fine-tune the app to better suit their child's needs and pain points.

Challenge:

Challenge:

One of the primary hurdles I faced was developing an app that not only accommodates the complexities of childhood/teen development but also addresses the unique variables associated with ASD. Overcoming this challenge necessitated extensive research and numerous design iterations to ensure the app's effectiveness and accessibility for users across the spectrum.

One of the primary hurdles I faced was developing an app that not only accommodates the complexities of childhood/teen development but also addresses the unique variables associated with ASD. Overcoming this challenge necessitated extensive research and numerous design iterations to ensure the app's effectiveness and accessibility for users across the spectrum.

Research

Research

Primary research was conducted using a combination of interviews and surveys. Professionals in the fields of special education and psychiatry were interviewed to gain insights, while surveys were distributed to parents and caregivers.

Key Insights:

  • Overstimulation is a key pain point for people with ASD

  • This app (especially the MVP) needs to focus on only a few key features

  • Changes in routine and schedule often create stress for people with ASD

  • This app could potentially benefit children who have disabilities other than autism

Key Insights:

• Overstimulation is a key pain point for people with ASD

• This app (especially the MVP) needs to focus on only a few key features

Changes in routine and schedule often create stress for people with ASD

• This app could potentially benefit children who have disabilities other than autism

Design Guidance:

  • Focus on communication and self-soothe features

  • The ability and functional range of children varies greatly and needs to be reflected in the app design

  • Make the ASD app navigation as simple as possible - allow for parental controls on the caregiver app

Design Guidance:

• Focus on communication and self-soothe features

• The ability and functional range of children varies greatly and needs to be reflected in the app design

• Make the ASD app navigation as simple as possible - allow for parental controls on the caregiver app

Ideation and sketches

Ideation and sketches

After completing the research phase, the design process commences. I typically begin by sketching frames manually, then proceed to wireframe these sketches before advancing to mid or high-fidelity frames. For this app, numerous iterations were undertaken during the mid/high-fidelity stage.

UX Development

UX Development

The progress in UX development encompasses several essential steps: constructing a business case, crafting research-based personas, creating a site map, and delineating a feature set. Throughout this process, two distinct user categories emerged: individuals with ASD (Autism Spectrum Disorder) and caregivers (CGs)

Wire Frames

Wire Frames

As two distinct user categories emerged, the need for tailored interfaces became clear. The ASD app focuses on addressing specific challenges faced by children with ASD, aiming to alleviate some of their unique pain points. Meanwhile, the caregiver app is designed to monitor the child's mood and activity, assist in managing ASD-related challenges, and provide helpful tools and resources for caregiving.

Visual Design

Visual Design

The goal for the visual design was to be playful and dynamic, appealing to the broad age range (7-17) of ASD users while maintaining visual consistency with the caregiver (CG) app. For the CG app, the design focused on a clean, straightforward aesthetic, providing clear, actionable insights on the child’s activities. To ensure consistency across both apps and streamline project management, I limited the color palette, relying heavily on the primary purple and its variants. This approach created a unified experience for both ASD and CG users while optimizing design efficiency.

Icon Discovery

Icon Discovery

I aimed for the icons in the child's app to be distinct and engaging. Initially, though effective on their own, they clashed on-screen, creating a cartoonish effect. Subsequent iterations resolved this, achieving better cohesion with the overall design.

V1: I wanted to go for a 2.5D (not quite 3D) look with lots of color.This version was fun, but aesthetically it clashed.

V2: I flattened the design, but still kept the prominent drop shadow, hoping to still retain some of the whimsical aspects of V1.

V3: I reduced the prominent drop shadow. I kept the use of fun colors, but created icons that worked well together and were consistent with the rest of the app.

Home Screens

Home Screens

The ASD app and CG app offer distinct user experiences: the ASD app balances an age-appropriate design for users from seven to seventeen, avoiding an overly childish look, while the CG app maintains a clean, straightforward design focused on actionable insights.

ASD (child) home screen

CG home screen

Key State Screens

*Please note that the following screens do not outline full features or flows, and only serve to get a better holistic view of the project. If you would like to see the full project, please request the UX architect guide.

Mood Sync

A key feature was developed to assist children with ASD in communicating their feelings to their caregivers and identifying external factors affecting their current mood.

Self Soothe

Self Soothe

A key feature helps children with ASD manage overwhelming environments by providing calming sounds or music, while notifying caregivers when it’s used. Caregivers can also send voice memos that override the audio to offer guidance or encouragement.

Medication & Allergies/Calendar & Routine

Medication & Allergies/Calendar & Routine

Medications & Allergies: This feature centralizes medication and allergy tracking for caregivers, allowing them to keep updated records and share crucial information with key contacts.

Calendar and Routine: This tool helps caregivers manage and organize their child’s daily schedule, preparing them for any routine disruptions.

Project Summary

Project Summary

This project presented numerous challenges, primarily in addressing the multifaceted pain points associated with ASD, which can seem like an overwhelming task. The wide spectrum of child and teen development, coupled with the inherent variability of ASD, made designing this application akin to aiming at a moving target.



One of the biggest lessons I learned from this project was the importance of being realistic and flexible regarding project scope, as well as managing my expectations as a product designer in alignment with business needs and available resources. Due to time constraints, conducting user tests was unfortunately not feasible, despite my belief in their importance. However, when handing off the project, I stressed to stakeholders the critical need for ongoing testing to refine and enhance the user experience.


Nevertheless, working on this project was an incredibly rewarding experience that provided invaluable lessons and insights.

Linkedin

Instagram

Contact

Adam Lundblad

Key State Screens

*Please note that the following screens do not outline full features or flows, and only serve to get a better holistic view of the project. If you would like to see the full project, please request the UX architect guide.

Mood Sync

A key feature was developed to assist children with ASD in communicating their feelings to their caregivers and identifying external factors affecting their current mood.