Using recognizable colors in apps ๐ด๐ก๐ข
Sabri Hakuli
3 replies
Imagine traffic lights, colors there are recognized naturally by people as information colors and they can easily understand them. ๐ฅ๐ฒ๐ฑ means stop/errors, ๐๐ฒ๐น๐น๐ผ๐ is for warning, and ๐ด๐ฟ๐ฒ๐ฒ๐ป signals go/success.
Like in traffic lights, these colors should be used also in digital products to improve the user experience and give faster information without confusing the users.
Also on traffic signs, the blue color gives information to people, same on websites or digital products the usage of blue color is recognized as an info color.
These 4 colors should be used as default in each website or digital product plus other brand colors.
๐ฅ๐ฒ๐บ๐ฒ๐บ๐ฏ๐ฒ๐ฟ: ๐ฃ๐ฒ๐ผ๐ฝ๐น๐ฒ ๐๐ฐ๐ฎ๐ป, ๐๐ต๐ฒ๐ ๐ฑ๐ผ๐ป'๐ ๐ฟ๐ฒ๐ฎ๐ฑ!
Replies
Alexandr Builov@builov84
Absolutely spot on, Sabri! Leveraging universally recognized color signals like traffic lights in digital products is such an insightful take. And your point that "๐ฅ๐ฒ๐บ๐ฒ๐บ๐ฏ๐ฒ๐ฟ: ๐ฃ๐ฒ๐ผ๐ฝ๐น๐ฒ ๐๐ฐ๐ฎ๐ป, ๐๐ต๐ฒ๐ ๐ฑ๐ผ๐ป'๐ ๐ฟ๐ฒ๐ฎ๐ฑ!" is key: making user interfaces easily scannable will indeed improve UX significantly. Curious to hear your thoughts on applying this principle beyond color schemes - in verbiage, layout etc? ๐ง๐ฆ๐ฑ๐
Share
@builov84 Of course, to apply this principle beyond color schemes to the digital design we can consider:
Clear Verbiage: Use simple and standardized language.
Layout: Maintain a predictable and consistent structure.
Recognizable Icons: Employ widely understood icons, it's suggested to use only one icon family.
Accessibility: Ensure usability for all users.
Feedback for users: Give a clear success, warning, and error feedback.
User Testing: Gather real user feedback for improvements.
