I have multiple buttons in the header of my application. I wonder how to improve the UX.

enter image description here

Buttons explanation:

  • RECALCULATE - if some critical fields are changed, this button should be activated
  • CANCEL OR REJECT - this is very straightforward (cancel/reject the submission)
  • CHECK QUOTATION - after the user is ready all data are correct, user can trigger this button and it will perform some business checks and eventually generates the Quotation file (if all checks pass)
  • DOWNLOAD QUOTATION FILE - this generates sort of preview of the quotation file (draft) whenever user wants

I'm looking for suggestions how to improve the UX. Also links to articles are appreciated.

EDIT: I was thinking.. what do you think about this guys?

enter image description here

  • Have you already tried "any" UX design?
    – Danielillo
    Jun 13, 2022 at 7:22
  • sorry I do not understand .. what does "any" stand for? I am very new to UX design ..
    – Mr.P
    Jun 13, 2022 at 7:32
  • You have five buttons and all five have a different layout, so I'm asking if you've tried anything or at least seen a similar situation to start from
    – Danielillo
    Jun 13, 2022 at 7:39
  • we didn't want to make them all of the same size because they would be too huge.. so we thought making them a little smaller might help (which obviously didn't work much) .. I was wondering it putting them under one ACTION_dropdown sort of thing would help .. but then users might not see all the options they can do .. like for example, we can hide the recalculate and show only when needed, but still.. what would be the right design/layout/positioning?
    – Mr.P
    Jun 13, 2022 at 7:41
  • 1
    Take a look to this answer
    – Danielillo
    Jun 13, 2022 at 9:08


Browse other questions tagged or ask your own question.