Focus-Buddy: A Design Thinking Approach to Combating Digital Distraction Through Gamified Focus Management

2026-06-16T11:11:09+00:00

In the modern highly connected digital era, a sustainable attention is one of the very acute issues facing both students and working professionals. The development of smartphones, social media, and instant messaging apps has essentially changed how individuals interact with their duties such that it generally breaks focus and decreases overall productivity. The continuous digital disruptions over time not only reduce the level of cognitive output but also cause mental fatigue and anxiety as well as overall reduction in the quality of work output. Although productivity tools and time-management apps are so common, the retention rates among users are significantly low, and the primary reason is that the majority of the currently existing tools do not cover the psychological motivation elements, which promote regular use. Focus-Buddy is a new productivity management application that is presented in this paper and has been designed to integrate the systematic discipline of the Pomodoro Technique with the inspirational force of gamification to establish a powerful and engaging focus management experience. Created as a product of an extensive five-stage Design Thinking experience, which is Empathize, Define, Ideate, Prototype, and Test, Focus-Buddy is set to appeal to the target users on a personal level by filling the gap between cognitive and behavioral obstacles to sustained attention. The system has built-in distracting features tracking, a virtual incentive system with points, levels, and achievement badges, adjustable work-break interval indicators, and a social leaderboard that promotes healthy competition among peers. To test the suitability of the offered solution, the user research with a heterogeneous sample of thirty undergraduate students was carried out, and the obtained results show significant growth in the mean focus session, the rate of completion of tasks, and the reported degree of motivation, with a statistically significant value. The results of this research show that well-considered gamified focus management tools, created with a real understanding of user requirements, can have a significant impact on decreasing digital distraction and developing long-run productive behaviours. The next generation of human-centred productivity software is a promising direction which Focus-Buddy will take.

An Experimental Evaluation of Lazy Loading and Code Splitting for React.js Performance Optimization

2026-05-25T09:24:26+00:00

React.js-based single-page applications often suffer from large initial bundle sizes, leading to degraded performance, particularly on mobile and low-bandwidth networks. As application complexity grows, large JavaScript bundles must be fully downloaded and parsed before any content is rendered, resulting in slower startup times and a poor user experience. Although lazy loading and code splitting are widely adopted in practice, controlled experimental validation within React.js environments remains limited. This study implements these techniques using React.lazy(), Suspense boundaries, and Webpack’s SplitChunksPlugin, and evaluates their combined impact under three simulated network conditions (Fast 4G, Slow 4G, and 3G) using Google Lighthouse in mobile simulation mode. A controlled prototype application comprising multiple functional pages and realistic third-party dependencies was developed in both baseline and optimized configurations. Experimental results demonstrate a 47.3% reduction in initial JavaScript transfer size, a 39.8% improvement in First Contentful Paint (FCP), and a 52.1% reduction in Total Blocking Time (TBT). Performance benefits are most pronounced under constrained 3G conditions, where absolute FCP gains exceed 2,200 ms. Statistical analysis using paired t-tests confirms that these improvements are significant (p < 0.01). Despite a limited sample size (n = 5), the controlled experimental design ensures consistency and reproducibility. The findings provide empirical evidence supporting lazy loading and code splitting as effective, production-ready frontend performance optimization strategies for modern React.js applications.

Journal of Android and IOS Applications and Testing

Focus-Buddy: A Design Thinking Approach to Combating Digital Distraction Through Gamified Focus Management

An Experimental Evaluation of Lazy Loading and Code Splitting for React.js Performance Optimization