Mobile app version of vmapp.org
Login or Join
Connie430

: Making an Effective Menu I am making a menu for an indie game and I'm not quite satisfied with my results. The menu itself needs two text fields (one to enter your username and the other

@Connie430

Posted in: #DesignPrinciples #InterfaceDesign

I am making a menu for an indie game and I'm not quite satisfied with my results. The menu itself needs two text fields (one to enter your username and the other for your password) and two buttons. (“log in” and “register”) I also need to have a button which brings up the credits and a button that brings up the settings screen.

Currently, the title is centered at the top of the screen. Below the title is a box which contains the username and password fields. Below that box are the “log in” and “register” buttons. Here lies the problem, I can't figure out where to put the other buttons. (Credits and settings) Should I just put them in the upper right-hand corner? Or should I make them more prominent? Or should I just completely re-arrange the current layout?

Current design:


Just as a side note, the current (interim) theme is a bit off. It's in a web 2.0 style, but the MMO is supposed to be adventurous so I wanted the background to remind someone of an old map. Incorporating this theme idea in your answer will greatly help.

Thanks.

10.04% popularity Vote Up Vote Down


Login to follow query

More posts by @Connie430

4 Comments

Sorted by latest first Latest Oldest Best

 

@Speyer780

You mention the game is a MMO adventure? What exactly is the theme of the game? I'm getting a sci-fi vibe from it to be honest. The menu is very -- heavy. I would suggest toning it down, putting emphasis and what needs to have emphasis. I just did a quick reskin:


I think if you have a non static background (that is NOT distracting) it will help create a sense of depth and will make your stuff pop-out more. (For the sake of time, I just made it go back and forth)

I grouped the login button more with the actual input boxes, and made the register seem more detached. In the beginning, yes, most people will need to register. But registering is a one-time thing.

Also, I took away all the green, and compressed it into a simple circle that may change color. I changed the font to be more scripty to give it all a more old-world feel. (Again, I'm not 100% sure what you're going for)

Hopefully this gives you some ideas.
I really like lawndartcatcher's ideas, he's got some great input.

Slightly Off-topic:
Just as an additional fun thing, if you go with an old paper background (like the one shown) if you want to stress the adventure aspect, maybe have some subtle dotted lines show up, like someone is walking around, and maybe it leads to an 'X' like a treasure? Just thought'd be cute.

10% popularity Vote Up Vote Down


 

@Fox8063795

I would create a different hierarchy - one for the login and one for registration. You could probably do something like:


Login:
Username
Password

Need a login? Register:(goes to new page)


Once a user has logged in you can give them a launch page like:


Welcome, Your name here.
Button for settings -- Button for Credits


That way, you're only presenting them with one choice at a time - Do I have a login (in which case I should probably log in) or do I have to register (in which case I'll automatically be taken to a place where the only information for me to enter is the desired login and password).

If you try to present too much information at the same time you'll invariably end up with frustrated users ("Every time I go to log in I accidentally put my login info in the wrong box" or "it's too complicated to register - I'll just go play Bejeweled").

You should design your interface as if it were going to be used by a deaf, vision-impaired grandmother with no inherent knowledge of WIMP conventions. That kind of interface can still be used by computer-savvy users, but over complicated interfaces will turn less experienced users away.

A good example of this is the Amazon page - they'll throw hundreds of choices at you but when it comes time to supply your login and password they switch to a very simple "put your name here, put your password here, click here if you can't find the post-it note you wrote your password on" page.

Also, sorry this wasn't more graphics-intensive; I have a big project going in Photoshop / Illustrator right now and didn't want to create yet another window. :-P

10% popularity Vote Up Vote Down


 

@Si6392903

I once had to design a very similar thing for a Ye Olde Worlde MMO, I came up with this:



Not great, but might push you in the right direction :)

10% popularity Vote Up Vote Down


 

@Jessie844

First of all use some light eye soothing color coz black with fast green not working...
remove any effect from login text if you given.and make your MAIN text bit shine its kinda dull..
its look good in center.

hope u"ll get some good result:)

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme