From Idea to app store: My Two-Year Journey Creating REFLEX: Brain Reaction
Tags: mobile, android, googleplay, uxdesign
Published: 2024-04-03 09:10:26

As a UX/UI mobile app developer, I am excited to share my experience of creating the popular brain training app, [Reflex: Brain Reaction](https://play.google.com/store/apps/details?id=brain.reaction.concentration). This article will take you through the ups and downs of developing this addictive game over two years, from its inception to launch on the app store.

## **Ideation & Research**

The idea for Reflex came about when I noticed that there was a lack of engaging and scientifically backed brain training apps available on the market. After conducting extensive research into neuroscience and cognitive development, I decided to create an app that would help users improve their reflexes, memory, attention, and problem-solving skills through fun mini-games.

## **Design Process**

When it comes to designing a successful mobile app, user experience is key. To ensure that the app would be intuitive and enjoyable, I followed these design principles:

1. **Simplicity**: The app's interface should be clean, minimalistic, and easy to navigate, allowing users to focus on the games without being distracted by unnecessary features or clutter.
2. **Consistency**: Consistent visual language throughout the app creates familiarity and helps users learn how to interact with different parts of the app quickly.
3. **Usability**: Ensure that all interactions are self-explanatory and follow standard conventions. Users should not have to think too much about how to use the app; instead, they should instinctively know what to do next.
4. **Accessibility**: Make sure the app can be used by people with various abilities, including those who may require larger text sizes or color contrast adjustments.
5. **Personalization**: Offer customizable settings so that each user can tailor their experience according to their preferences and skill level.

![Test of cognitive skills. REFLEX: Brain Reaction](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/sg321bmtiey85l40bpl8.png)

## **Development Stages**

**Prototyping**

To validate my ideas and gather feedback early on, I created low-fidelity wireframes using pen and paper before moving onto digital prototypes using tools like Figma. These allowed me to test out different layout options and get valuable input from potential users.

**Visual Design**

Once I had settled on a solid information architecture, I moved forward with crafting the visual identity of Reflex. Choosing a vibrant color palette and modern typography helped make the app stand out while maintaining usability standards.

![UX/UI screens REFLEX: Brain Reaction](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4rvzuime19r98979z2qf.png)

**Development**

For the development phase, I opted for Jetpack Compose as my primary framework. Additionally, I integrated Firebase for real-time data storage, analytics, and push notification services.

When designing exercises, such as the N-Back double task, I had to read some scientific papers on brain research and cognitive training. It turned out to be quite interesting, and I even want to share some of the articles:

1. [Dual N-Back Working Memory Training in Healthy Adults: A Randomized Comparison to Processing Speed Training](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC4820261/) 
2. [Working Memory, Attention Control, and the N-Back Task: A Question of Construct Validity](http://libres.uncg.edu/ir/uncg/f/M_Kane_WorkingMemory_2007.pdf)
3. [Improving fluid intelligence with training on working memory](https://www.ncbi.nlm.nih.gov/pmc/articles/PMC2383929/)
4. [The concurrent validity of the N-back task as a working memory measure](https://scholar.google.com/citations?view_op=view_citation&hl=uk&user=xEbuGsAAAAAJ&citation_for_view=xEbuGsAAAAAJ:9yKSN-GCB0IC)
5. [The relationship between n-back performance and matrix reasoning—implications for training and transfer](https://www.sciencedirect.com/science/article/abs/pii/S0160289610001091)

![Dual task N-Back](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/1z0icarnktkkqx1pcg76.png)

## **Challenges & Solutions**

Throughout the process, several challenges arose that required innovative solutions:

- **Performance Optimization**: Ensuring smooth performance across multiple devices proved challenging at times, but implementing code optimization techniques such as lazy loading and memoization helped alleviate these issues.
- **User Retention**: Keeping players engaged over time was crucial for success. By incorporating leaderboards, achievements, daily challenges, and personalized recommendations based on user progress, we saw significant improvements in retention rates.
- **Monetization Strategy**: Balancing free content with premium offerings can be tricky. We found that offering a subscription model providing access to additional features and ad-free usage struck the right balance between generating revenue and keeping users happy.

## **Launch & Beyond**

After months of hard work, Reflex: Brain Reaction finally launched on both the  Google Play Store. Since then, it has garnered positive reviews, high ratings, and a growing user base. However, my journey doesn't end here – continuous updates, bug fixes, new feature implementations, and user support remain essential aspects of ensuring long-term success.

## **Conclusion**

Creating Reflex: Brain Reaction taught me valuable lessons about perseverance, adaptability, and user-centered design. If you're considering embarking on your own app development journey, remember that patience, dedication, and a deep understanding of your target audience are vital ingredients for success. Good luck!