Levelselect improvements

Levelselect improvements

Postby Tedium » 10 Feb 2012, 17:08

I've been working on the levelselect screen. This is the old one:
LevelselectOld.png

    - I wanted less outlines and more space.
    - The tooltips had to be smaller.
    - I didn't want the level information to appear out of nowhere.
    - I prefer the selected level number to be gray (25) and its background not highlighted.
    - The "Medal:" text is unnecessary in my opinion.
    - I wanted to use some icons.
So here's my mockup of the levelselect screen when no level is selected:
Levelselect2.png

This is my mockup of the levelselect screen when a level is selected and a tooltip is being displayed:
Levelselect.png

Notes:
    Subtitles should be centered.
    Hovering over the time or recordings (+ icon) of a selected level should give it a 75% transparent white background. This is the button for replaying that specific level recording.
User avatar
Tedium
 
Posts: 122
Joined: 19 Oct 2011, 10:40

Re: Levelselect improvements

Postby MCMic » 10 Feb 2012, 18:38

I like it
User avatar
MCMic
 
Posts: 723
Joined: 05 Jan 2010, 17:40

Re: Levelselect improvements

Postby odamite » 10 Feb 2012, 18:43

Hello Tedium!

You got some really good points there! And thank you for the mock-ups. :D

I like the idea of using icons and leaving more space. They make the whole thing more visual and cleaner. Only small thing I don't quite like is the look of disabled button. Maybe the color could be different or some thing like that.

I could start working on this but I would like to get other developers' opinions first. Also Edward_Lii is working on stuff which will affect the code of the level selector. So that's why it's smart to make these changes now. There might appear some conflicts. So yeah....
User avatar
odamite
 
Posts: 166
Joined: 16 Jan 2012, 16:28

Re: Levelselect improvements

Postby Edward_Lii » 10 Feb 2012, 18:49

Hello Tedium,

They indeed look a lot sleeker. :)

odamite {l Wrote}:Only small thing I don't quite like is the look of disabled button. Maybe the color could be different or some thing like that.

I quite like it, at least it's better than suddenly appearing. :think:

odamite {l Wrote}:I could start working on this but I would like to get other developers' opinions first. Also Edward_Lii is working on stuff which will affect the code of the level selector. So that's why it's smart to make these changes now. There might appear some conflicts. So yeah....

Your right that it isn't useful to start working on it, I really hope to commit the new LevelEditSelect screen.
It's more work than I thought it would be. :|
From,
Edward_Lii
User avatar
Edward_Lii
MnMS Moderator
 
Posts: 777
Joined: 20 Dec 2010, 16:46

Re: Levelselect improvements

Postby Tedium » 10 Feb 2012, 18:58

Thanks for your comments,

odamite {l Wrote}:Maybe the color could be different or some thing like that.

It's probably too light... Perhaps we need to use a darker grey (15 Brightness)?
User avatar
Tedium
 
Posts: 122
Joined: 19 Oct 2011, 10:40

Re: Levelselect improvements

Postby acme_pjz » 11 Feb 2012, 07:24

Hi,

Tedium {l Wrote}:The "Medal:" text is unnecessary in my opinion.


Not sure if it's a good idea, because the text can be "Not avaliable for this level" and the icon is still gold-medal icon, so if you'd like to remove the text then there should be an icon for not-avaliable icon :|
Some of my open source games on GitHub
User avatar
acme_pjz
 
Posts: 665
Joined: 10 Dec 2009, 15:32
Location: PeeKing, China

Re: Levelselect improvements

Postby Tedium » 11 Feb 2012, 09:47

acme_pjz {l Wrote}:Not sure if it's a good idea, because the text can be "Not avaliable for this level" and the icon is still gold-medal icon, so if you'd like to remove the text then there should be an icon for not-avaliable icon :|

I would like to use an icon, but I don't know what it should look like :think:.
On the other hand, the player could be able to see that there's no target set because "-" can be shown next to the records.
0.98 / -
0 / -
User avatar
Tedium
 
Posts: 122
Joined: 19 Oct 2011, 10:40

Re: Levelselect improvements

Postby MCMic » 11 Feb 2012, 14:54

the "-" is sufficient I think
User avatar
MCMic
 
Posts: 723
Joined: 05 Jan 2010, 17:40

Re: Levelselect improvements

Postby Edward_Lii » 11 Feb 2012, 14:57

Hello Tedium,

I want to implement your suggestions into the level select screen.
Do you have an image with the icons on them?

MCMic {l Wrote}:the "-" is sufficient I think

I agree the user will notice the absence of the target time/number of recordings.
From,
Edward_Lii
User avatar
Edward_Lii
MnMS Moderator
 
Posts: 777
Joined: 20 Dec 2010, 16:46

Re: Levelselect improvements

Postby Tedium » 11 Feb 2012, 20:23

Here you go:
Attachments
Recordings.png
Recordings.png (289 Bytes) Viewed 5098 times
Time.png
Time.png (368 Bytes) Viewed 5098 times
User avatar
Tedium
 
Posts: 122
Joined: 19 Oct 2011, 10:40

Re: Levelselect improvements

Postby Edward_Lii » 15 Feb 2012, 18:28

Hello all,

Tedium {l Wrote}:Here you go:

Thanks, the new levelselect screen is in svn rev. 262. ;)
From,
Edward_Lii
User avatar
Edward_Lii
MnMS Moderator
 
Posts: 777
Joined: 20 Dec 2010, 16:46

Who is online

Users browsing this forum: No registered users and 1 guest