Design Principles

Creating an engaging and intuitive user interface is a complex process that requires careful consideration of several key principles. So, before we jump into the actual designing process, we established three key principles to follow: consistency, simplicity, and colorfulness. These principles work together to ensure that the user interface is not only visually appealing but also easy to use and understand.

One of the most important principles of user interface design is consistency. Consistency means maintaining a uniform look and feel throughout the interface, with a consistent placement of elements, typography, and visual design. This helps users navigate the interface more easily and makes the system much more usable. For example, if the user knows that the menu is always located on the left side of the screen, they can quickly find it without having to search for it. Moreover, consistent design elements, such as buttons, menus, and typography, can help create a cohesive user experience.

Another key principle that we follow is simplicity. A simple and intuitive interface is easy to use and understand, which leads to increased user satisfaction. An easy-to-use interface also reduces the learning curve for new users, which is especially important for complex applications. For example, clear and concise labels for each button or input field can help users understand what each element does and how to interact with it. Additionally, using white space effectively can help reduce clutter and make the interface feel more spacious and appealing.

Finally, we believe that colorfulness is an essential aspect of user interface design. Color can be used to highlight important elements, create a visual hierarchy, and evoke certain emotions or feelings. As the name of our system suggests, the Traffic Light system, our system uses red, amber, and green to give lecturers and TAs clear visual guidance of students’ and team’s performance. However, it is important to use colors in moderation and with purpose, as too many colors can create a cluttered and confusing interface.

In summary, following the principles of consistency, simplicity, and colorfulness can create a great user interface that is engaging and easy to use.