Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 6 of 6
  1. #1
    Junior Member
    Join Date
    Mar 2017
    Posts
    3
    Member #
    56264

    How to colour buttons when they have lots of different actions?



    Please see the above screenshot of an application I'm working on. We're trying to decide on colours of buttons to make it as clear to the user as possible what the various buttons do.

    On this page, there are 8 buttons in total that relate to different areas.

    Action Edit Save

    Remove Alert Update Alert

    Add Note

    Undo Save

    Does anyone have any suggestions on what the best approach would be colour wise?

  2.  

  3. #2
    Junior Member
    Join Date
    Feb 2017
    Location
    Ahmedabad
    Posts
    14
    Member #
    56102
    Liked
    4 times
    Hi,

    i think for alert you should use red color and for save take blue or green color,for other buttons you can use eye catching colors like light green or orange or yellow.

    Thanks,
    Tanzil Chauhan

  4. #3
    WDF Staff mlseim's Avatar
    Join Date
    Apr 2004
    Location
    Cottage Grove, Minnesota
    Posts
    7,717
    Member #
    5580
    Liked
    718 times
    I don't think there is an easy way. If there are many buttons, maybe you should make them all one color and let the people read the text in the button. Some people are color blind too.


  5. #4
    Junior Member
    Join Date
    Mar 2017
    Posts
    3
    Member #
    56264
    Thanks for your thoughts guys, appreciate it.

  6. #5
    Unpaid WDF Intern TheGAME1264's Avatar
    Join Date
    Dec 2002
    Location
    Not from USA
    Posts
    14,483
    Member #
    425
    Liked
    2783 times
    As Max said, there's no easy way to just decide on a color, or series of them. Color blindness is a factor, and there's also interpretation of colors.

    Text is one way you can handle this. Another thing you can do, using CSS, is to include image backgrounds on your buttons to provide a visual of the message. You can get SVG/PNG/etc. from a site such as www.iconfinder.com and include them as you see fit.
    If I've helped you out in any way, please pay it forward. My wife and I are walking for Autism Speaks. Please donate, and thanks.

    If someone helped you out, be sure to "Like" their post and/or help them in kind. The "Like" link is on the bottom right of each post, beside the "Share" link.

    My stuff (well, some of it): My bowling alley site | Canadian Postal Code Info (beta)

  7. #6
    Junior Member
    Join Date
    Mar 2017
    Posts
    3
    Member #
    56264
    Thanks TheGame1264, appreciate your feedback.


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 10:14 PM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com