Flow State Support Application
for people with ADHD
User-Centred Design with Generative AI
TeamUX Reseach - Myself and 3 researchers
Final Product UI Design - Myself

 MethodsPrompt Engineering
Storyboards
Wireframes
Usability Test

 ToolsChatGPT, Dall-E, Figma

February - April 2024



Design Process

    

Research


Unmet Needs
The global prevalence of ADHD in children and adolescents: 8.0%
There is no specific application helping people with ADHD to deal with mental work.
They feel harder to start mental work and take a break from hyperfocus than others.
Flow state represents a state of sustained concentration on a task and the smooth execution of an activity.


1. Interview with Real Persons
  1. Generate the template
  2. Modify it manually
  3. Conduct semi-structured interviews with 4 people with ADHD





2. Generate Persona

Considering the privacy security of the interviewees, We manually summarize the the common behaviors and key characteristics from the 4 interviews.

Then we let GPT and DALL-E generate the persona.
We call the persona Emily
.
3. Prompt Engineering

With prompting techniques like Role-playing and Few-shot, we tried to make Emily's
answers like those of ADHD humans

Before

NOT in spoken language

After
Modal particle appeared
Simpler and more emotional auxiliaries


Longer than a real person’s answer
In the following UCD process, Emily participated as the stakeholder to create and evaluate the product.


How Might We...


Design an application for people with ADHD in mental work to achieve and keep the flow state, remind to exit from hyperfocus



Iteration Plan

Storyboards of Emily

ADHD User-based

In the final version of storyboard, the actions generated by LLM are very detailed compared to our manual storyboard ideation, which gives us inspirations for the future product form and the potential user emotion.


Wireframes

Product Functions
Multi Devices Adapatable
Goal: Let users avoid potential distractions from the mobile phone while focusing on the desktop

  • PC
  • Phone
  • Watch


Key Functions
We make the prototype with GenAI, based on the product features

  • Focus Mode
  • Task Timer & Reminders
  • Lo-fi Sound Play
  • Customizable Settings
  • Productivity Insights




   


Test
Methods
Design Decisions 1st Round
Design Decisions 2nd Round
Heuristic Evaluation
Confirmation dialog
for task deletion/settings changes/timer reset
Undo Feature
for task deletion
User-based Test with Emily
Only show necessary elements: Tasks and related interactions
Manage tasks with deadlines and priority

Eisenhower Matrix
Designer Evaluation
Background sounds
Customized style theme
Progressive sound leads users to end hyper focus


Hi-Fi User Interfaces