A-maze

Your Personal Journey

User Research

Quantitative Research

Qualitative Research

Empathy Map

Persona

User Journey Map

Concept Testing

Usability Testing

Visual Competitor Analysis

Style Tile

High Fidelity Prototype

Where

Amsterdam, the Netherlands

Role

UX/UI Designer

What

iOS Native Mobile App

Team

Two Designers

Project Type

Bootcamp Project

Duration

Ten Days

The Design Values

Active Listening

Through active listening to their stories, insights, and feedback, we acquired invaluable perspectives from our target audience.

Empathy-Centered Approach

Our primary focus was on understanding the daily challenges encountered by neurodiverse individuals and their support networks.

Agile Working

We embraced an agile working methodology to ensure flexibility, responsiveness and rapid adjustments throughout our project.

Quantitative Research

10 Questions

86 Responds

Various Diagnosis

Diagnosis

77% ADHD

16% Autism

7% Dyslexia

Motivation

42% Achievement

31% Appreciation

27% No motivation

Struggle

55% Organizing

22.5% Reminders

22.5% Socializing

Qualitative Research

5 people

Various questions

Affinity patterns

6 People
Various Questions
Many Patterns

Empathy Map

Say Hi to Direct Dylan!

Male

37 Years Old

37 y.o.

37 y.o.

U.S.A.

Graphic Designer

Designer

Designer

Curious

Creative

Direct

Imaginative

But I can't do small talk, I'm thinking, who cares about the price of fish? Why are these people so interested in the price of fish?

Biography

Dylan lives in Chicago, USA. He has a part-time job in a Graphic Design studio and lives with his wife and kid.

He experiences a lot of social anxiety and found out late in his adulthood that he had ADHD.

He enjoys engaging on conversations about Comics, Manga, Anime and Martial arts, but struggles to do small talk.

Motivations

  • Being admired by other people

  • Seeing the success in himself

  • Sense of achievement in even his daily life

Goals

  • Improve focus and concentrate on tasks for longer periods.

  • Develop social skills like active listening, empathizing with others, and engaging in two-way conversations.

  • Manage stress and pressure during daily life

  • Overcome fear of failure

  • Develop growth mindset that embraces mistakes as opportunities

Needs

  • Support and understanding from the people who understands them completely.

  • Tools for concentration and daily life management.

  • Guidance to navigate and deal with social structures.

  • Tool or content for stress management.

  • Motivational content to feel more engaged with his accomplishments.

Frustrations

  • Difficulty with concentration and productivity, mind gets easily distracted.

  • Feeling and seeing the pressure of the society, feels like he is constantly being evaluated or judged.

  • Small talk and empathize, building meaningful relationships

  • Comparison and self-doubt, measuring up to their own or others' expectations

Direct Dylan

User Journey Map

Dylan lives in Chicago, USA with his wife and kid. He has a part-time job as a Graphic Designer.

Experiences a lot of social anxiety and found out late in his adulthood that he had ADHD.

He enjoys engaging on conversations about Comics, Manga, Anime and Martial arts, but struggles to do small talk.

Step 1

Awareness

It’s Sunday and Dylan is about to have breakfast but there’s no milk or cereal at home and Dylan’s wife is not there. He needs to go to the supermarket and buy things by himself.

Step 2

Consideration

As it was an non-ordinary situation, he arrives at the supermarket with no shopping list. He passes by the “Magazines” section and gets distracted by comics.

Step 3

Decision

He arrives to the milk section but he can not make a decision about the milk. 10 minutes have already pass and he is still looking at the same shelf.

Step 4

Anxiety

An employee of the store notices and approaches Dylan. He wants to engage into small-talk and find out if he can help him. Dylan is now stressed and underpressure,

Step 5

Frustration

He picks something from the shelf and storms out. He is in the register counter, feeling in a hurry to pay and leave. Once at home realizes he forgot the cereal.

HMW Statements

- HMW help him be prepared for situations of uncertainty?

- HMW help him follow through with his schedule? - HMW make him focus on his tasks?

- HMW help him to control his time? - HMW provide him more visual content related to the tasks? - HMW simplify decision-making for him?

- HMW guide him to handle the unplanned social interaction?

Main Findings

Challenges in Focus and Concentration

Challenges in Focus and Concentration

Challenges in Focus and Concentration

Neurodiverse individuals often face difficulties in maintaining focus and concentration, particularly in everyday situations.

Sensory and Social Overwhelm

Sensory and Social Overwhelm

Sensory and Social Overwhelm

Many neurodiverse individuals are sensitive to sensory stimuli and may struggle with social interactions, especially in unplanned or unpredictable situations.

Need for Strategies and Support

Need for Strategies and Support

Need for Strategies and Support

There is a need for effective strategies and support systems that empower neurodiverse individuals to navigate everyday interactions successfully.

Problem Statement

Neurodiverse people need to find a way to navigate through everyday interactions that require focusing and socializing because their unique profiles can make it challenging to concentrate and handle unplanned situations.

Crazy 8s and MVP

Calendar

Daily Tasks

Relaxing Content

Reminders

Interactive Chat

Help Desk

Concept Testing

We delved into the foundational stages of our design process, where ideas begin to take shape and are put to the test for user feedback and refinement.

Seems entertaining and helpful.

Overall User Feedback

Homepage

"I'm not sure about the content on the home screen. Too much stuff at once can be overwhelming for some."

User Feedback

Calendar Page

"Who will be able to edit this calendar? I am likely to lost my sense of time and sometimes can not even add a simple task."

User Question

Task Page

"It would be great to have alarms popping up during the day, asking if there's anything new to add to the task list."

User Suggestion

AI Chat Page

"The AI chat is a strong and a promising concept. It's a simple and efficient way to help users practice social skills."

User Opinion

Iterations Towards Mid-Fidelity Wireframes

As we transition to the mid-fidelity wireframes and usability testing phase, our design evolution takes center stage. Here, we showcase the iterative journey that has led to mid-fidelity wireframes, and we subject these designs to close-up usability testing for further refinement.

App Loading Screen

Onboarding Page

Homepage Iteration

Calendar Page Iteration

Task Page Iteration

AI Chat Page Iteration

Usability Testing Results

“A-maze is a great title. I really loved the brain icon too.”

User Feedback

“Do you offer other typography for Dyslexic people?”

User Question

“The animations are very pretty. I already feel relaxed."

User Feedback

“Not sure about the videos. Maybe sounds of the sea or nature.”

User Suggestion

Incorporating a second typeface in our design, prompted by feedback from usability testing, signifies our commitment to inclusivity and user-centric design. This dyslexia-friendly typeface addition aims to make our content more accessible, ensuring a comfortable experience for all users, emphasizing our dedication to diversity and accessibility.

How to Decide Branding Elements?

Audience Alignment

Journey should start by understanding the target audience. Branding elements, such as colors, fonts, and imagery, should resonate with the audience's interests and aspirations to establish a strong connection.

Visual Competitive Analysis

Identify common themes, trends, and design elements of competitors. This analysis helps us make informed decisions about our branding elements to ensure we are in line with industry standards and can differentiate effectively.

Brand Story and Values

Consider the emotions and messages to be conveyed to the audience. Craft branding elements that evoke the desired feelings and communicate the brand's unique proposition. These elements should reflect the essence of the brand.

Visual Competitor Analysis

Calm

Peaceful

Reliable

Accessible

Empowering

Color Palette

Avenir Next

Avenir Next

Avenir Next

Regular: Main Body

Medium: Button

Fabulous

Empowering

Effective

Inspirational

User-Centric

Color Palette

Inter

Inter

Inter

Regular: Main Body

Medium: Button / Cards

High Fidelity Design Elements

Calming and Inclusive Design

Purple's calming effect and its lack of strong cultural or gender associations make it an inclusive choice. Individuals, including those with sensory sensitivities, can feel at ease and welcomed within the platform, promoting accessibility and a tranquil user experience.

Creativity and Emotion

Purple's association with creativity, imagination, and emotional depth can stimulate the minds of neurodiverse users. It fosters a space that encourages creative thinking and emotional expression while maintaining accessibility for a diverse audience.

Consistency for Accessibility

Consistently using purple as the main brand color creates a visually recognizable and consistent design. For who may benefit from routine and familiarity, this promotes accessibility and provides a stable and predictable platform environment.

Main Color Chart

Comprehensive Testing for Color Vision Deficiencies

Tritanomaly Perspective Color Chart
Deuteranomaly Perspective Color Chart

A-maze Styletile

Typefaces

Open Sans

Open Dyslexic Mono

Color Palette

Onboarding UI Cards

Buttons

contınue

Let’s personalize this experience

BUTTON WITH ICON

Screen States

Design System and Documentation

Consistency and Cohesion

Design elements, such as colors, typography, icons, and components, remain consistent across various platforms.

Efficiency and Collaboration

We worked more efficiently, as we had access to a library of pre-established components and rules.

Adaptability and Scalability

As projects evolve, having a well-documented design system allows for easy updates and modifications.

Final Product

What Went Well?

Working with Atomic Design

The implementation of atomic design principles was the best decision. By breaking down the user interface into its atomic elements, such as buttons, forms, and components, we were able to establish a modular and highly organized design system.

Agile Working

The project benefited from an agile working approach, with the team utilizing tools like Notion and Kanban boards. This approach facilitated project management, task organization, and iterative design processes, contributing to the project's efficiency.

Qualitative Research

The qualitative research efforts were a significant strength. They provided valuable insights into the unique needs and preferences of neurodiverse individuals, enabling the creation of a inclusive platform where individuals are always welcomed.

What Did Not Go Well?

User Recruitment Challenges

Recruiting users for both quantitative research and usability testing proved to be challenging. The limited number of participants available for research activities constrained the depth and breadth of insights and feedback that could be gathered.

Non-Neurodiverse Perception

The design was found not appealing by non-neurodiverse individuals, indicating that more attention may be needed in creating a design that appeals to a broader audience without compromising the intended accessibility and usability for the neurodiverse target group.