Rate my new (test) software demo sign-up page

Status
This thread has been locked.

Swift

Java Developer
Banned
Feedback score
10
Posts
369
Reactions
178
Resources
0
EDIT: NEW VERSION:
e8823faabafd73fbc181ba38c8b07079.gif

23d220463867a4a222503a5143ad677f.gif
Hey, I'm testing out creating UIs, this is my first shot with them, and I came up with this "create account" page. Is there anything that I could do to improve what you can see?
Feedback would mean a lot!
 
Last edited:
Banned forever. Reason: Ban Evading (HarleySwtfus, https://builtbybit.com/members/harleyswtfus.56515/)
PebbleHost
High performance, consistent uptime and fast support. Minecraft hosting that just works.

Ally

gσ∂∂єѕѕ σƒ мαтнѕ αη∂ мєℓσηѕ χσ
Supreme
Feedback score
37
Posts
2,042
Reactions
2,194
Resources
0
Every interface can be improved by picking a better font - such is the case here.
You're going for a web-like aesthetic it seems, so try out Roboto.

As for the design itself - you should have two different "sub interfaces" for creating an account and logging in. When you're logging in, you only need username/email and password. When creating one, you need all of them. There's no need to have all 3 fields visible, otherwise can tend to confuse the user.
Just use "radio buttons" to get the user the register/login and change a single button text accordingly.

The form isn't centered - you should do that because it's in a really weird position right now.

Also, you can replace the anonymous person icon with your logo instead of having both. You can place "Swift Development" as small credits down the bottom of the form if need be.

Red really doesn't work on the gradient you've chosen - you will probably need a full badge/notice instead of just text.

Play around with pastel colours too instead of gradients. See how you go. Simplicity is key.
 
Last edited:

Swift

Java Developer
Banned
Feedback score
10
Posts
369
Reactions
178
Resources
0
Every interface can be improved by picking a better font - such is the case here.
You're going for a web-like aesthetic it seems, so try out Roboto.

As for the design itself - you should have two different "sub interfaces" for creating an account and logging in. When you're logging in, you only need username/email and password. When creating one, you need all of them. There's no need to have all 3 fields visible, otherwise can tend to confuse the user.
Just use "radio buttons" to get the user the register/login and change a single button text accordingly.

The form isn't centered - you should do that because it's in a really weird position right now.

Also, you can replace the anonymous person icon with your logo instead of having both. You can place "Swift Development" as small credits down the bottom of the form if need be.

Red really doesn't work on the gradient you've chosen - you will probably need a full badge/notice instead of just text.


Play around with pastel colours too instead of gradients. See how you go. Simplicity is key.
Thanks for the advice, these are all valid points. I'm gonna fix them then I'll reply with a new version. :)[DOUBLEPOST=1610533197][/DOUBLEPOST]
Every interface can be improved by picking a better font - such is the case here.
You're going for a web-like aesthetic it seems, so try out Roboto.

As for the design itself - you should have two different "sub interfaces" for creating an account and logging in. When you're logging in, you only need username/email and password. When creating one, you need all of them. There's no need to have all 3 fields visible, otherwise can tend to confuse the user.
Just use "radio buttons" to get the user the register/login and change a single button text accordingly.

The form isn't centered - you should do that because it's in a really weird position right now.

Also, you can replace the anonymous person icon with your logo instead of having both. You can place "Swift Development" as small credits down the bottom of the form if need be.

Red really doesn't work on the gradient you've chosen - you will probably need a full badge/notice instead of just text.

Play around with pastel colours too instead of gradients. See how you go. Simplicity is key.
I did some changes, I edited the background to a plain darker, color. I centered everything that was off, I made the application borderless and added a custom Exit button (can also be dragged), added credits in the footer, changed the color of the red slightly (I want to give the feel of an error, but not make it look ugly if you get what I mean). I also slightly changed the font, I couldn't find Roboto on the font list, so I went with a similarish one. Also, the plan for the "Login" button, will be to remove the username and email field, and replace it with a "Email OR username", so there will just be 2 fields, also the create account button would be removed upon click
e8823faabafd73fbc181ba38c8b07079.gif
 
Last edited:
Banned forever. Reason: Ban Evading (HarleySwtfus, https://builtbybit.com/members/harleyswtfus.56515/)
Status
This thread has been locked.
Top