I'm creating an online media editor and am struggling to find alternate/correct terminology for aligning something (media) on the X-axis & Y-axis, or maybe these terms are understandable for users?

Options for X-Axis: Left/Center/Right Options for Y-Axis: Top/Center/Bottom

enter image description here


X and Y can be taken as Horizontal and Vertical Alignment respectively.

Alternatively, you may implement a preview with a dynamic example output. This will allow users to toy around and get an idea of what they want. I personally do not know what other options for X and Y really do besides "center", at (0,0), and I'd assume all other options are either maybe "maximum" for up/top left/right or arbitrarily defined.

|improve this answer|||||
  • 1
    I like the preview idea, but I'd take it a step further and let this be the primary input mechanism as well. Providing a 3x3 grid of boxes could quickly answer both questions with a single click, allowing the user to simply select the relative position while not having to interpret the terminology at all. – maxathousand Jul 23 '19 at 14:40
  • Thank you both for your guidance. I currently have a dynamic example beside (cannot share), but making it the primary input mechanism is a great idea! Even vertical and horizontal alignment terminology is much better than what I had previously. Very much appreciated, thank you. – Conso Aug 16 '19 at 10:26

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.