Color Guard: Automating Google Material Design Color Guidelines Compliance for Mobile Applications (January 2025)

Developing mobile applications today demands significant time and effort. Creating user-friendly user interfaces (UIs) is particularly challenging, with special attention needed for color-related details as they are the first thing customers notice. Numerous guidelines have been introduced to assist mobile UI designers in fostering good interaction between users and UIs. Among these, Google's Material Design guidelines are highly trusted, developed, and maintained by Google. Adhering to these guidelines enables developers and designers to create more efficient and effective UIs, which is crucial for commercial mobile applications. However, reading, understanding, and implementing all these guidelines can overwhelm novice UI designers. Additionally, having improvement tips and suggestions is highly beneficial. To address this challenge, this research proposes a web-based solution that reviews developed mobile UIs and provides textual suggestions to improve the UI design according to the design guidelines to support novice designers in designing their UIs more user-friendly. A solution is implemented as a web application, offering an effective way to provide this service across any device and operating system.