Any thoughts on this shop screen?

Hey, so I just implemented a new shop item category, so here’s the deal. The main thing you can buy are bowling balls, in which when you go to inspect one there’s also these two bars that appear on the screen, Hook and Length, that indicate the ball’s performance. However, when the player goes to inspect other items that are not bowling balls, these bars disappear, and I just wondered if there’s something I should modify for when they inspect those other items to make the UI look nicer.

So here are the two images:

Inspecting bowling ball: https://gyazo.com/ea4df9f907fe61216183ae8bb41f7cae

Inspecting other items: https://gyazo.com/14d77165d78de2f023e8035f3346e0f4

Thanks!

1 Like

I think the UI looks pretty nice and simple. Maybe a cool idea could be to have viewports of the objects and script them to spin. Anything thing you can do is add rounding or something similar to give the UI a more soft feel. Otherwise this is looking really good and I’d love to see how you progress with the UI!
Hope this helps!

2 Likes

Oh thanks! :slight_smile:

Do you see any room for improvement on the screen with the pins though? I could like, collapse half of the description box down to cover that empty space, or I could resize the buy button to make it symmetrical. Not really sure, it feels like it needs something to take place of the hidden Length/Hook meters.

1 Like

I feel like the top bar shouldn’t have the little lighter color under it.

EDIT: Just on the top bar. The buttons are okay.

2 Likes

I like the way you make your UI have two colors to create a “shading” effect. It looks very clean.

1 Like

This is an interesting design.
I would advise you to play a bit with the proportions though.

I can see that the description and the buy boxes are overlapping which I think is less appealing to the eye.

To fix this, I would make the item bigger, the BUY button smaller and centered with the item, and the description box less large. Here is an illustration I made to show you a bit what I mean: far from perfect but I hope it can help
16%20PM

1 Like

While this can look appealing in some cases, it doesn’t in this case due to the fact of all the extra space in the bottom right it doesn’t look appealing to move the description.

1 Like

Well, for his bowling ball he would have the stats there, so there won’t always be free space. I thought this would be a solution if he wants to have only one UI that works for both situations. Else if he makes 2 different UIs then it is a different story.

There is always a place for improvements, I brought an idea that might not be the best but it is a good start for the discussion. :grinning:

I messed a bit around trying to find something that fits but it isn’t as easy as it seems :smile:, it takes some thinking and many tries before getting to a good design.

1 Like

Thanks for all the replies, guys! Will experiment and try some of the things you suggested, and we’ll see how it turns out. :slight_smile:

2 Likes