How does this Mod-Call UI look? (:

Hey, thanks for stopping by! So, I’m by no means a good UI designer. I’m trying to get this mod call UI up and done with. I would appriciate very critical and helpful feedback on how to improve it. Thanks! (:

MAIN UI:

Upon clicking send:

Thanks! (:

Notes:
I wanted to make it somewhat like windo’s UI design, but a bit less advanced as well, I don’t do UI much anymore. (So credit to him. (: )

5 Likes

the “Are You Sure” one, maybe make the font the same as the UI?

1 Like

Hows that? (:

1 Like

Overall I really like the design. It looks nice, clean, and minimalist which is my personal favorite style. The only piece of criticism I could give would be that the “Mod Call” on the top bar seems very close to the bottom of the bar, and it just stuck out to me.

2 Likes

I love the UI design only thing I would change is the color to like a nice sky blue or not over contrast red. And also add a warning message like a very scary message ex: “WARNING!” or like “FALSE USING THIS FEATURE!”.

2 Likes

Alrighty, how does this look? (I’m also probably going to apply Wh7sk’s suggestion, so see how it looks.) (:

2 Likes

Haha, I already have character limits, 25 min, and 250 max. I plan on releasing this to the public! :smiley:

1 Like

Heres your two suggestions! (I may let the developer change the colors in-script. (Though they could just change it anyways.))

(It’s a bit more pink, I’m gonna try finding a more of a red!) :slight_smile:

4 Likes

image
Heres my go at a red color!

1 Like

I like that color. It look very good so far. That is a nice orange.

1 Like

Thanks, your suggestion really helps! :smiley:

image

1 Like

When doing minimalistic UI design make sure the user’s eyes can easily move from one element to the next. The Cancel and Send buttons are super close to each other that it looks rather uncomfortable. Consider adding more spacing between the two elements and having a smaller font size in both so it’s easy on the eyes. I like to personally use the Material Design by Google to help with this. Here’s a link to their spacing specifications.

5 Likes

Thank you so much! I’ll look into this, it helps me a lot! :slight_smile:

Might just be me, but I find it annoying that there’s alot of extra space on the left and the main box is not centered. Maybe you could try centering the text and the box

5 Likes

Looks good. I like the design but I think these 2 buttons are too close to each other.

1 Like

I feel like the “Are you sure” prompt body text stops the continuous flow of the colour scheme you got going on. You could try to make it to the same green you got going on throughout the UI

2 Likes

The text says “please” twice and the statement about “responding if none” wasn’t really understandable for me at first. I’d recommend something more like:
“State your issue below. Although it is not necessary, any hard evidence would be preferred.”

1 Like

I can’t help but notice that the text box and send button don’t line up. Consider moving one of them over by 1 pixel.

image

6 Likes

Thank you guys so much! (: I’m really thankful for your suggestions, have a fantastic day!

image

You could put a decal of something neat about moderation, or not breaking rules in this empty space.

image

Try putting the text closer to the top left corner of the box.

image

The title text could be closer to the left side of the UI so it’s more uniform and neat looking.

1 Like