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
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? ๐Ÿง๐Ÿšฆ๐Ÿ“ฑ๐Ÿ™Œ
Sabri Hakuli
@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.
Ashley
good point๏ผ