Effects of button colour and background on augmented reality interfaces

Yamin, Putra A. R.; Park, Jaehyun; Kim, Hyun Koo; Hussain, Muhammad

doi:10.1080/0144929x.2023.2183060

Cited by 5 publications

(3 citation statements)

References 47 publications

Supporting

Mentioning

Contrasting

Order By: Relevance

“…In a exceptional tool for attracting attention and thus influencing the ac Numerous experiments have established that color can also influen and experience by improving visual search efficiency and decreasing Therefore, it is important to choose the appropriate color for background. For optimal user experience, it is recommended to use l for the background and high-contrast colors for the foreground [10,1 In user interface design, color can be used to group elements functionality, and increase aesthetic value [12]. One color is typically u color, while another color is used as an accent.…”

Section: Color and User Experiencementioning

confidence: 99%

“…Therefore, it is important to choose the appropriate color for an element and its background. For optimal user experience, it is recommended to use low-saturation colors for the background and high-contrast colors for the foreground [10,11].…”

Section: Color and User Experiencementioning

confidence: 99%

“…In addition, color is exceptional tool for attracting attention and thus influencing the actions of the user Numerous experiments have established that color can also influence user performa and experience by improving visual search efficiency and decreasing cognitive effort [8 Therefore, it is important to choose the appropriate color for an element and background. For optimal user experience, it is recommended to use low-saturation co for the background and high-contrast colors for the foreground [10,11].…”

Section: Color and User Experiencementioning

confidence: 99%

See 2 more Smart Citations

Automated Image-Based User Interface Color Theme Generation

Weingerl

2024

Applied Sciences

View full text Add to dashboard Cite

Color plays an essential role in the design of user interfaces and significantly impacts the user experience. To create aesthetically pleasing and user-friendly interfaces, the colors of the user interface should be consistent with the images. The latter can be challenging to achieve, as images often have different colors and are often changed by editors or authors who do not have sufficient design knowledge. To solve this problem, we have developed a model that automatically determines the color theme of the user interface based on a given image. The model first extracts the most prominent colors from the image and then considers both aesthetic (color harmony and compatibility with the image) and usability aspects (color contrast, color diversity, and color strength). All color calculations are performed in the perceptually uniform color space CAM02-UCS. In addition, the model can be adapted to the user’s needs and requirements. To test the model, we implemented it in a web-based application in which the colors were automatically selected based on the featured image. The resulting color themes were then evaluated by the users, who were mainly professional designers. According to the results, the model generates color themes that are consistent with the image, aesthetic, and user-friendly. An important observation was also that color harmony can be achieved simply by using the most prominent colors of the image (regardless of their hue), suggesting that color harmony is strongly influenced by the context of use. The presented model holds significant practical importance as it can be utilized in various applications and tools. For instance, it can automatically choose a color theme for a user interface based on a particular image, such as a company logo or a product image. Moreover, it can dynamically adjust the colors of elements in real time based on the image that is visible simultaneously with the elements.

show abstract

Section: Color and User Experiencementioning

confidence: 99%

Section: Color and User Experiencementioning

confidence: 99%

Section: Color and User Experiencementioning

confidence: 99%

See 1 more Smart Citation