Please give feedback for our UI!

Hello!
I’m currently working on a round-based and team-based experience where one eliminator must kill all survivors with the “events”/“attacks” (tools) provided. Each round is 90 seconds, intermission is 35 seconds (5 for round statistics), you can purchase cosmetics in the shop, you can visit the store to purchase gamepasses and more currency.
The currency is called “Bloxies”, which is a bloxy-cola shaped soda that is used to purchase all kinds of cosmetics and limited edition items.
This game has been in the works for around 3 years, however 1 of them were mostly absent unfortunately.

I am requesting feedback for a bunch of my UI, aswell as two songs (copyright free for youtubers!).
Everything should be below this line. What do you think?

The default overlay menu. Most of it will be able to be hidden in Patch 2 with arrows (or minimized)

The store. No cosmetics are sold here except bundled ones for the tiers. As you can see, not every icon has been placed yet, and colors haven’t been worked on yet.

The menu. There is a tutorial for new players, settings that is also available to open after closing the menu, and promocodes.

The shop where you purchase cosmetics. This place is used to also purchase titles for your character and limited time cosmetics. The character is animated.

Here, you can insert promocodes that were posted from the group or server.

Post-round statistics. Here, you can see how many bloxies you were awarded, aswell as other statistics.

Now that I showed almost everything, let’s see the music. Many of them will be labeled and described.

This is the song that is used during loading. Once the game is loaded, this song plays.

“Welcome to Boss Minigames” is a track used during the menu. It’s okay-ish, and I plan on revamping most of the soundtrack in Patch 2 with your suggestions. When entering the lobby, this is what should play,

It’s a fairly basic track and sort of… okay. Remember, Patch 2 should revamp most of this.
Now, when you enter the shop, this is what should play;

This is by far the best one in my opinion, but you decide.

Overall this is everything that I can give to you. I decided to post it here because this is a developer-related forum, not filled with leak-hungry children :joy:

What do you think? What should I improve upon? Do you want to share any references? Remember, this is the style that I’m going for. Not a low-poly mess that doesn’t fit the style that I’m looking for.

YAGADA Studio

7 Likes

This UI looks great! Nice job on it! I like how it looks! How long did it take to make it?

6 Likes

Why do you have watermark on your gui? H- How can someone steal a gui from an image? I can’t really give any feedback because literally everything is full of watermarks.

5 Likes

Thank you! Took a few months to land on this design. Here’s what it would look like:

But overall yeah, I improved upon the design and wanted to adapt it better and polish it up.

4 Likes

You’re absolutely right. I only placed watermarks to make sure no one “replicated” it (what??).
I’ll provide you with screenshots.





3 Likes

Okay so I am too lazy to pick out the super super small things that bug me but overall it’s good. I would just suggest to shrink down stuff in frames like the text and images. Use UIPadding!

Remember this one thing as a gui designer to ALWAYS. ALWAYS! Use UIPadding! It’s your girlfriend or boyfriend in GUI Design. Not a good example I know but I usually just treat it as my BF. I use it everywhere and my gui’s have never been better!

5 Likes

If the fact that some things aren’t capitalized correctly is intentional, I definitely do not recommend it., even if that was the style you were going for, it just feels overly childish or low-effort, which obviously isn’t the case at all, but it wouldn’t hurt to capitalize some text. Other than that, there is no other feedback that I can even think of.

4 Likes

You are absolutely right! Fortunately, I do use UIPadding for my UI’s (most of the time when using GridLayout, ListLayout, etc.) But I’ll take it into account when creating UI in general. Thanks!

3 Likes

Yes, I get where you’re coming from. Most of the UI isn’t capitalized, and I’ll look into your feedback 100%. If it doesn’t look good, I’ll change the letters. If it makes no difference, if anything make it look worse when I capitalize it, I’ll keep it. Thanks! :smile:

3 Likes

Oh, I’d also be interested in knowing the nit-picky things that bother you! It’s super important, as we consider even the smallest changes critical. We are super interested in hearing back from you. :+1:

PLUS: Any person that contributes in any way may appear in a list next to the game’s credits. Just wanted to put this here, but it shouldn’t matter that much. :+1:

3 Likes

It’s boring to tell people small stuff but ok.

Starting off with the first gui.

I hate the fact that
image

The “+” icon is not a square. Why? I also find the icon on the side to be a bit odd? But it’s not really a big deal. I also would like to see if all the padding is kept constant. Like the padding between the text and the + is not centered. I also see that the + sign is not in the middle vertically, rather, a bit down. Use images. The text is also a bit big, make it a bit smaller.

image
Oh… my god… I hate you for this.

Why is the close button SO WEIRD AND BAD!! EWWWWW! Make it bigged and give the X some space omg, this is giving me claustrophobia. I also hate that there is more padding on the top than on the left and right of the “LOLHUNT” + date area. I also find the icons below to be not really good and TOO BIG! Use padding and more stylized icon and make the background match the one with the rest of the gui.


Lowercase titles is bad, padding is unequal, scroll bar too thick and hard to see, must be white!. The text ends weirdly. The “Press to purchase” sign also looks weird, should be on the bottom or just somewhere else. The “GREAT DEAL!” icon should be on the top right or left of the icon itself. The text and price seem to be too down, should be centered. This, yet again, doesn’t match the design i mentioned first.
(This) image


Lower case button text, the description text is toooo big, the inner corners look weird, they should be less than those outside. I also suggest increasing the overall outer padding.

image
Bar is not kept within the confines. The entire frame should be a square, it doesn’t match the top right design. I love the top right design btw sooo yeah!

image
I JUST WANT TO- AHGHAGDASDHFHSADF
NOT. THE. SAME. DESIGN!
The text is also very big.

I am the gordon ramsey of GUI design.

You asked for this. I am not gonna pick out more stuff because this is just meaningless.

I am cursed with this okay? Send help.

1 Like

Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay… Okay…

:face_exhaling: :boom: :skull:

I’ll… I’ll… work on it…

:boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom: :boom:

Never ask a women her age.
A man his salary.
And @K4ttt_i to tell you what she finds odd in your Gui.

And this is just a bit of the things btw.

1 Like

Because you gave me a bunch of information, let me reply.

Yeah, you’re right, I just found out. Why?

You’re right, but I haven’t quite finished it yet. I’ll work on this.

Yeah, I actually did use an image before but then tried experimenting and… well, forgot to finish it. Now it looks awkward and low-quality…?

Sad Spongebob GIFs - Find & Share on GIPHY

The X was… supposed to… be there, somehow. I can remove it, but that bar is supposed to be there as a “close” button. I’ll work upon the design, combining it and making it bigger. :+1:

Yeah, I didn’t quite like it aswell. I’ll put it together and tight it up a bit more.

I’ve always found some of the buttons awkward, huge and unnecessarily scaled! I’m thinking of a more stylish button, instead of a plain white icon.

I never considered the scrolling bar. Thanks! Also, the lowercase titles should probably be changed, yes. Most of the UI may have not been modified the last couple of weeks and may look off.

The lowercase button is also intentional. Of course, if it’s a bit more “stylish”, maybe it won’t look so awkward. The title and description don’t have a background, causing it to look off and pretty bad. Working on it.

I didn’t even notice that! I thought it did… oh well. And I have to make it a square aswell, matching the other designs. Also, what’s the top right design?

I’m not completely sure what you mean by this. Unfortunately, I haven’t gotten around to modifying the timer. It’s genuinely hard to do so. The padding is off, there’s barely any texture, it looks low-quality and pretty off overall.

Lie detector meme template on Make a GIF

Overall, I was able to analyze most of your claustrophobic, and horrifying experiences. Thanks! :+1:

A bit yeah. It looks bad and uncentered.

:heart: Womp Womp :heart: :sparkles:

image

This. I like the dark background and stuff.

It’s fine. Just make it longer width wise and try to match it to the image I sent.

I disagree. I might have been a bit… rude or harsh but I like the gui actually! It’s really well made! It was you who just asked for some stuff so I just told you some stupid stuff that an average player will NOT care about at all!

No, just a bit too spacey and too claustrophobic at some points but not horrifying at all. I liked looking through this gui. It wasn’t easy finding much mistakes. I would suggest, only fixing some major stuff like the scroll bar and some other stuff. Not the entire gui!

1 Like