Skip to content

GitLab

  • Menu
Projects Groups Snippets
    • Loading...
  • Help
    • Help
    • Support
    • Community forum
    • Submit feedback
    • Contribute to GitLab
  • Sign in
  • G gitlabhq1
  • Project information
    • Project information
    • Activity
    • Labels
    • Members
  • Repository
    • Repository
    • Files
    • Commits
    • Branches
    • Tags
    • Contributors
    • Graph
    • Compare
  • Issues 21
    • Issues 21
    • List
    • Boards
    • Service Desk
    • Milestones
  • Merge requests 12
    • Merge requests 12
  • CI/CD
    • CI/CD
    • Pipelines
    • Jobs
    • Schedules
  • Deployments
    • Deployments
    • Environments
    • Releases
  • Monitor
    • Monitor
    • Incidents
  • Packages & Registries
    • Packages & Registries
    • Package Registry
    • Infrastructure Registry
  • Analytics
    • Analytics
    • CI/CD
    • Repository
    • Value stream
  • Wiki
    • Wiki
  • Snippets
    • Snippets
  • Activity
  • Graph
  • Create a new issue
  • Jobs
  • Commits
  • Issue Boards
Collapse sidebar
  • gpt
  • large_projects
  • gitlabhq1
  • Issues
  • #10347

Closed
Open
Created May 23, 2016 by Administrator@rootOwner

switch placment of UI buttons for "dialog boxes"

Created by: logicminds

I have setup gitlab for several of my clients and it never fails that when new users try and close an issue or merge request they end up clicking "the wrong button". Sometimes several times in a row! They know exactly what they did wrong and the big question is why they clicked the "wrong button" if they know what they wanted to accomplish.

Good usability practice states that color and position of buttons can make a huge difference in human readability and awareness . Red meaning cancel and green meaning the action that most uses will want to take.

screenshot 2016-05-23 11 22 55

In this example above the "cancel" button is on the right while the "correct button" is on the left. Most users will instinctively click the right button because that is how we think. We read from left to right. The current implementation confuses the user and makes them second guess the button's meaning as the dialog flows in the opposite expectation. Additionally, every user has to memorize gitlab's special UI button placement.

http://uxmovement.com/buttons/why-ok-buttons-in-dialog-boxes-work-best-on-the-right/

Don't think this is an issue? When you leave work, take a second to look at button placement every time you pick up your phone, make a phone call, purchase something at any retail outlet. What I think you will find is that the majority of our lives are filled with things flowing to the right (green button). We get very use to this design because it makes sense.

And when you find that odd credit card machine with buttons in the opposite flow. I would imagine you get pissed off or confused because you know that you are "smarter than that" after clicking the wrong button on the right side.

machine

phone

trying-to-press-red-button-dont-know-what-red-is

Please fix this annoying design issue and put the green buttons on the right side.

Assignee
Assign to
Time tracking