Redaco System Factory's profile

Objectively Good Practice UI Design

When it takes days just to determine the color of a button, you know the involvement of subjectivity is out of hand for the process. The problem is design subjectivity, in general, is inevitable since in deciding a project's direction is often involving more than one party (even hundreds of people at some point). And if we look deep enough, what seems so trivial of a problem can have a substantial negative impact for the project being worked on.​​​​​​​
The Objectively Good Design feature that we are about to explain is part of our Water Company Information System project. The project is aimed to be able to develop a system that can help a water company automate their operation through the comprehensive features that lie inside the project from the water meter reading, the billing process, as well as the strategic managerial functionalities.
A good color scheme should follow a globally acknowledged and defined rule such as monochromatic, analogous, complementary (including split and triadic variant). Another important thing is to follow the 60-30-10 rule for the amount of primary-secondary-accent colors.​​​​​​​
The importance of defining the layout formula at first is so that as the system scale, everything will just arrange itself naturally based on the previously described placement guide.

With a properly defined design system, the user will be able also to have a consistent feel when navigating across different modules in the same system. This way, the user will always feel at home even though the system is vast.

A successful micro-interaction implementation should not feel heavy at all. Instead, it should serve as a subtle background to the whole user experience in the system.
The primary objective of a card is to give the user a compacted and focused piece of information. Thus everything should feel summarized, that is why limitation is essential.
Giving shadow to an element serve as an effort to make that element feel more real to the actual material. So, it is crucial to make the shadow not so prominent that it reduce the focus to the component and to color it just like how a shadow behaves in the real world.
              Facebook | Instagram | Twitter | Dribbble | Behance | LinkedIn



Objectively Good Practice UI Design
Published:

Objectively Good Practice UI Design

Even though the name suggests something that is tightly related to the field of subjectivity, an objectively good-practice UI design is one of ma Read More

Published: