Home

Prev.

Prev.

Next

—

Inflow

Making ADHD Support More Actionable

Role:

UI Designer

Duration:

2 weeks

Team:

1 designer (myself)

Jump to:

Jump to:

Analysis

>

Inspiration

>

Design System

>

New UI

>

Second Iteration

>

Features

>

>

Inflow is a mobile app offering ADHD-friendly content from psychologists. I redesigned the flows and information architecture to improve content accessibility and engagement. I am currently developing add-ons for task management to expand the app’s value beyond education into practical daily support.

App redesign

UX strategy

Neurodivergent-Friendly UX

Task Management & Productivity

Content Architecture

Behavioral Design & Habit Formation

01

Analysis

01

Analysis

01

Analysis

— THE PROBLEM

ADHD users need more than just educational content—they need actionable tools to help them manage tasks, stay on track, and implement what they learn. Current app flows are not optimized for quick, intuitive interactions, and the information architecture is confusing.

— THE PROBLEM

ADHD users need more than just educational content—they need actionable tools to help them manage tasks, stay on track, and implement what they learn. Current app flows are not optimized for quick, intuitive interactions, and the information architecture is confusing.

I conducted a thorough analysis of the app's strong and weak points (in green and red, respectively), highlighting painpoints and areas that could be improved, e.g. the overall confusing information architecture, and the lack of consistency between visual elements.

02

Inspiration

02

Inspiration

02

Inspiration

Comparative Study

To ensure the Inflow app effectively met users' needs, I analyzed similar apps like Routinery and Happier, examining how they structure tasks, build habits, and keep users engaged. This research helped identify best practices and gaps, allowing me to refine the overall user experience to better support ADHD users.

At the end of this process, I created a moodboard for the Inflow app redesign, serving as a reminder of the overall visual direction during the next phases of the redesign.

Comparative Study

To ensure the Inflow app effectively met users' needs, I analyzed similar apps like Routinery and Happier, examining how they structure tasks, build habits, and keep users engaged. This research helped identify best practices and gaps, allowing me to refine the overall user experience to better support ADHD users.

At the end of this process, I created a moodboard for the Inflow app redesign, serving as a reminder of the overall visual direction during the next phases of the redesign.


03

Design System

03

Design System

03

Design System

To ensure consistency and scalability, I developed a comprehensive design system for the redesigned Inflow app. It includes color palettes, typography, UI components, icons, and a grid system, streamlining the design process and maintaining a cohesive user experience across different features and updates.

To ensure consistency and scalability, I developed a comprehensive design system for the redesigned Inflow app. It includes color palettes, typography, UI components, icons, and a grid system, streamlining the design process and maintaining a cohesive user experience across different features and updates.

Since this was a redesign, it was crucial to preserve Inflow’s existing brand identity while improving usability and expanding functionality. I carefully balanced fresh design elements with familiar visual and interaction patterns, ensuring that existing users would feel at home while benefiting from a more intuitive and structured experience.

05

Second Iteration

05

Second Iteration

05

Second Iteration

Heuristic analysis allows to identify areas where the user experience can be further improved. This will help refine the existing design and address any usability challenges. The ten heuristics are as follows (Source: NN/g):

  1. Visibility of system status

  2. Match between system and the real world

  3. User control and freedom

  4. Consistency and standards

  5. Error prevention

  6. Recognition rather than recall

  7. Flexibility and efficiency of use

  8. Aesthetic and minimalist design

  9. Help users recognize, diagnose, and recover from errors

  10. Help and documentation

Heuristic analysis allows to identify areas where the user experience can be further improved. This will help refine the existing design and address any usability challenges. The ten heuristics are as follows (Source: NN/g):

  1. Visibility of system status

  2. Match between system and the real world

  3. User control and freedom

  4. Consistency and standards

  5. Error prevention

  6. Recognition rather than recall

  7. Flexibility and efficiency of use

  8. Aesthetic and minimalist design

  9. Help users recognize, diagnose, and recover from errors

  10. Help and documentation

06

Next Steps

06

Next Steps

06

Next Steps

The next steps for the Inflow project involve a structured approach to enhance the user experience and expand the app’s functionality. By conducting a heuristic analysis, incorporating new productivity tools, building a prototype in Cursor, and testing design iterations through A/B testing in Maze, I aim to refine the app’s usability and ensure it meets the evolving needs of users in managing their ADHD symptoms effectively. Each step will be crucial in making the app not only more functional but also more engaging and user-friendly.

The next steps for the Inflow project involve a structured approach to enhance the user experience and expand the app’s functionality. By conducting a heuristic analysis, incorporating new productivity tools, building a prototype in Cursor, and testing design iterations through A/B testing in Maze, I aim to refine the app’s usability and ensure it meets the evolving needs of users in managing their ADHD symptoms effectively. Each step will be crucial in making the app not only more functional but also more engaging and user-friendly.

  1. Expanding Inflow
    beyond an educational tool by integrating practical productivity features, such as task management and to-do lists, allowing users to actively apply ADHD-friendly strategies in their daily lives.

  2. Building the app in Cursor
    to deploy an initial prototype, bringing the redesigned experience to life and ensuring that the new productivity features and UI refinements effectively support users with ADHD in managing their daily tasks.

  3. A/B-testing in Maze
    to evaluate different design variations and gather user insights. This will help refine the app’s interface and productivity tools based on real user behavior, ensuring the final experience is both intuitive and effective.

Methods

  • Systemic Thinking

  • Heuristic Evaluation

  • Cognitive Load Optimization

  • Accessibility & Inclusive Design

Methods

  • Systemic Thinking

  • Heuristic Evaluation

  • Cognitive Load Optimization

  • Accessibility & Inclusive Design

Skills

  • Competitive Analysis

  • Information Architecture

  • Design System

  • Behavioral Psychology in UX

Skills

  • Competitive Analysis

  • Information Architecture

  • Design System

  • Behavioral Psychology in UX

Tools

  • Figma / FigJam

  • Notion

  • Cursor

  • Maze

Tools

  • Figma / FigJam

  • Notion

  • Cursor

  • Maze

Conclusion

Redesigning the Inflow app highlighted the importance of creating a more structured system for ADHD users. By improving information architecture, visual hierarchy and user flows, the app became more intuitive and supportive of real-world needs.

Conclusion

Redesigning the Inflow app highlighted the importance of creating a more structured system for ADHD users. By improving information architecture, visual hierarchy and user flows, the app became more intuitive and supportive of real-world needs.

— THE TAKEAWAY

For me, this project reinforced the value of human-centered design in mental health apps. Small design decisions, like clearer navigation and improved visual hierarchy, can make a significant impact on usability, helping neurodivergent users stay informed without feeling overwhelmed.

— THE TAKEAWAY

For me, this project reinforced the value of human-centered design in mental health apps. Small design decisions, like clearer navigation and improved visual hierarchy, can make a significant impact on usability, helping neurodivergent users stay informed without feeling overwhelmed.

Explore More

Let’s Collaborate

Book a call with me
or contact me using the contact form.

LinkedIn

Substack

Mastodon

Insta

stéph

©

Stéphane Flesch

2024

Let’s Collaborate

Book a call with me
or contact me using
the contact form.

LinkedIn

Substack

Mastodon

Insta

stéph

©

Stéphane Flesch

2024

Let’s Collaborate

Book a call with me
or contact me using the contact form.

LinkedIn

Substack

Mastodon

Insta

stéph

©

Stéphane Flesch

2024