processing-website icon indicating copy to clipboard operation
processing-website copied to clipboard

Published 20 hours ago • verified publisher icon processing

Addressing Inconsistent Button Animation Colors

Open AdityyaX opened this issue 1 year ago • 3 comments

Issue: Inconsistent Colors in Button Animation

Description:

The button animation feature currently displays inconsistent colors This inconsistency undermines the intended design and user experience, leading to a lack of uniformity in the visual presentation of the interface.

Steps to Reproduce:

  1. Open the application on different devices (desktop, mobile, tablet).
  2. Navigate to the section with button animations.
  3. Observe the colors displayed during the animation.

Expected Behavior:

The button animation colors should remain consistent across all devices and browsers to ensure a cohesive visual experience for users.

Actual Behavior:

The colors displayed during button animations vary, presenting different shades or hues on different devices and browsers.

https://github.com/processing/processing-website/assets/103623274/d9c52448-1d86-4a98-9ee6-39abba04d3cb

Proposed Solution:

  1. Conduct a thorough review of the current color implementation for button animations.
  2. Ensure compatibility and consistency across various devices and browsers.
  3. Implement a standardized color scheme or utilize CSS variables to maintain consistency.

Environment Details:

  • Device: MacBook Air
  • Browsers: Chrome

AdityyaX avatar Dec 04 '23 05:12 AdityyaX

@SableRaf I hope this message finds you well. I'm eager to work on this issue and would greatly appreciate it if you could assign this issue to me

AdityyaX avatar Dec 04 '23 05:12 AdityyaX

@SableRaf I want to work on this issue please assignee me. also share what type of animation do you want

riyanrathore26 avatar Dec 06 '23 10:12 riyanrathore26

@SableRaf I came up with a solution for it. I have added color symmetry and underline property to both Item and Subitem Please assign the following issue to me. Very excited to raise to PR cuase would be my first ever open source contribution

https://github.com/processing/processing-website/assets/138270264/11c769eb-2a27-4eed-a905-4904180125d6

ujjwaleee26 avatar Dec 07 '23 18:12 ujjwaleee26

@SableRaf I think the UX here works okay already, any visual indicators of a difference in UX behaviour doesn't work graphically.

Stefterv avatar Jul 12 '24 12:07 Stefterv

Agreed. I appreciate the thoughtfulness of the proposed change but I think the current design is functional.

SableRaf avatar Jul 12 '24 15:07 SableRaf