Description
Summary:
Enhance usability and information delivery by adding icons to the toggle list functionality.
Problem:
The current toggle list lacks icons, making it difficult to distinguish between functions.
Users must read the text to understand the function, which increases cognitive load.
Solution:
Add icons to each toggle list item to differentiate functions intuitively.
Design icons to clearly represent the function's characteristics.
Select icon colors with readability and accessibility in mind.
Expected Benefits:
Users can easily identify functions through icons and quickly find the desired function.
Improved information delivery contributes to a better user experience (UX).
Additional Information:
Icon design examples:
Arrow icon (to indicate expand/collapse)
Information icon (to show description)
Icon color theme:
- Colors that are harmonious with the basic theme color
- Colors with high contrast and recognizable by people with visual impairments
Icon position: - Left or right side of the toggle list item
Icon size: - Size that is harmonious with the size of the list item