Help filling empty space

Greetings robloxians,

I’m seeking for some help with my UI design. It’s a check-in for a hotel group,
I need to fill all the white space, the text labels will only appear when the player hovers over them, so there will be a lot of space.

Just a side question, how do you like this design and how do you think it could improve? Do you think it will be better to make the arrow on the left move with the curses (Y axis) or just move only withing the 3 option’s (y axis) sort of “selected option”?

Regards,

image

3 Likes

You could add a description to each button for the new trainees when they hover it. Like:
Check-In →
Check somebody in by typing his name, etc.

2 Likes

While I am not the best with design, I suggest you add a picture there. Possibly the player with their name and group rank under it, or even just the group logo.

2 Likes

For the side question, I think it would look better to have the arrow on the left snap to the 3 options. Don’t make the arrow immediately teleport to the 3 options though. Instead, make it transition smoothly like a lerp.

This is what I have now, I had it faster but I do prefer it slower. Thank you
https://gyazo.com/da4de7fa465d3a9b22538ae465b0ac59

1 Like