Official Everybody Edits Forums

Do you think I could just leave this part blank and it'd be okay? We're just going to replace the whole thing with a header image anyway, right?

You are not logged in.

#1 2016-05-25 18:34:48, last edited by Ben (2016-07-09 11:55:05)

Ben
Member
Joined: 2015-02-17
Posts: 318

Modern UI Design

► Modern UI Design

vz2dlgu.png

BCOixE0.png

mVTDn2x.png

06itn0c.png



Credits

   The Megatronz Elite Artists Mirin Squad Prepare to be smitten

Inspirations

   Onjit zioxei Kentiya

Original Post

   Unity lobby design

Offline

#2 2016-05-25 18:36:32

Kaleb
Formerly Kaleb123
From: California of America
Joined: 2015-02-19
Posts: 1,263

Re: Modern UI Design

I think it is pretty good.


But there is a whole topic for Unity Lobby designs.

-YOU really should have posted this there.

Offline

#3 2016-05-25 18:38:49

Kaleb
Formerly Kaleb123
From: California of America
Joined: 2015-02-19
Posts: 1,263

Re: Modern UI Design

Ben wrote:

I have

1min ago.

Ok.

Offline

#4 2016-05-25 18:40:50

N1KF
Wiki Mod
From: ဪဪဪဪဪ From: ဪဪဪဪဪ From: ဪဪဪဪဪ
Joined: 2015-02-15
Posts: 11,052
Website

Re: Modern UI Design

(Why do we have a separate topic for this?)

The buttons look flat, having no kind of outlines or shadows. The "simple" GUI kind of clashes with the complicated background right behind it. Some of the things are overly simplified (seriously, why are the energy and gem logos completely grey?). Having the "get gems" on the lobby is a strange choice, considering it would better fit in the shop. The "i" logo looks kind of strange, as it is just an uncapitalized "I" letter with nothing to make it different. The friend list strangely has the "at" capitalized, as well as in green. This makes it oddly stand out, even though the "at" should be brought the least attention to out of everything in the friend list.


Everybody Edits is Fred

Offline

#5 2016-05-25 18:55:33

Zoey2070
Moderation Team
From: Shakuras
Joined: 2015-02-15
Posts: 5,504

Re: Modern UI Design

Merged Ben's topic with CJMaeder's.


proc's discorb UnGdm07.gif stylish themes for forums/the game UnGdm07.gif
꧁꧂L O V E & C O R N꧁꧂   ᘛ⁐̤ᕐᐷ
danke bluecloud thank u raphe   Gq8tv9Z.gif [this section of my sig is dedicated to everything i've loved that's ever died]
? Hc0cu9u.gif         6yG4Efc.gif

Offline

#6 2016-05-25 20:20:49

Xfrogman43
Member
From: need to find a new home
Joined: 2015-02-15
Posts: 4,174

Re: Modern UI Design

Ben wrote:

You're moving the game to a completely different platform, you cannot stick to the old design.

Look, the game is evolving and the UI can evolve with it. We need a clean, minimal design.


This is what I had in mind:

http://i.imgur.com/tC13mPK.png


You can view more here.

Wow what did the gems ever do that made you want to bug them?
CVU42hB.png


zsbu6Xm.png thanks zoey aaaaaaaaaaaand thanks latif for the avatar

Offline

#7 2016-05-25 20:56:19

ewoke
Member
Joined: 2015-02-20
Posts: 412

Re: Modern UI Design

7el3Ef.png

the ocd


if you can read this....good for you

Offline

#8 2016-05-25 21:47:45

Different55
Forum Admin
Joined: 2015-02-07
Posts: 16,572

Re: Modern UI Design

split off from CJ's topic to try and keep things clean in there.


"Sometimes failing a leap of faith is better than inching forward"
- ShinsukeIto

Offline

Wooted by:

Ben

#9 2016-05-25 22:23:04

drunkbnu
Formerly HG
Joined: 2017-08-16
Posts: 2,306

Re: Modern UI Design

Ben wrote:
Xfrogman43 wrote:

Wow what did the gems ever do that made you want to bug them?
http://i.imgur.com/CVU42hB.png

Just like I mentioned in the original post, this is a rough draft.

In any case, I strictly believe that we must leave the old elements behind, at least in matters of user interface.

Look, we have a great opportunity here. EE is moving to a new platform. Just like the Nou said before, as far as I can recall, they prefer writing everything from scratch rather than tweaking the existing code.

The current design is cluttered and outdated, and apart from appealing to our eyes, the UI should appeal to the eyes of newcomers as well.

He was talking about the grammar mistake. When it's supposed to say "Buy Gems", it says "Bug Gems".

Offline

#10 2016-05-25 22:39:32

Napakeun
Formerly goodsmile
From: Slo
Joined: 2015-02-22
Posts: 619

Re: Modern UI Design

Ben, it looks awesome! //forums.everybodyedits.com/img/smilies/smile

Offline

Wooted by:

Ben

#11 2016-05-25 22:39:35

Kirby
Member
Joined: 2015-04-04
Posts: 4,304

Re: Modern UI Design

Dunno why, I feel like this is a lot to take in. Needs a bit more spacing here and there

Offline

#12 2016-05-25 22:49:22

Napakeun
Formerly goodsmile
From: Slo
Joined: 2015-02-22
Posts: 619

Re: Modern UI Design

Kirby wrote:

Dunno why, I feel like this is a lot to take in. Needs a bit more spacing here and there

Are you sure? I think Ben found a nice proportions and doesn't seem cluttered at all to me. If we compare this to Zioxei's, this one is a lot of improvement.

( Zioxeis's: )

Hidden text

Offline

#13 2016-05-25 23:47:00

TaskManager
Formerly maxi123
From: i really should update this
Joined: 2015-03-01
Posts: 9,457

Re: Modern UI Design

i like it in overall but it lacks plenty of details and improvement
- as others have already pointed out, why the energy and gem icons are gray
- you have enough space to replace "0:00" energy regeneration timer with "More in: 0:00" or something like that
- why is the color of  "Everybody Edits" label in top left so gray and monotonous
- the background behind the "Everybody Edits" label is way too dark in comparison to other UI elements
- colors of the "Pending" and "Blocked" buttons at the bottom right could've been brighter to be more noticeable
- what does the orange name of "Beta Boss" world mean?
- the "i" on the right of world list looks too simple
- "35 minutes" in the friend list, why not "played 35 minutes ago"?
- maybe the worlds in the list could have some separations between them? like the way it is in zioxei's version
- "Search world name/ID" how would the search bar know whether you're searching for a world or trying to join a world by it ID?
- add more contrast between the backgrounds of "Friends" header and refresh friend list button
- where did the campaign descriptions go
- bring the "worlds online" and "players online" counters back
- your currently equipped smiley could be displayed next to your name (where it says "Toop" on the screenshots)
- since the UI involves removal of "campaign","open","mine","featured" tags and instead using colored world names, perhaps there could be a legend somewhere explaining what the colors mean
or by hovering mouse over a world with colored name (in the world list) it could for example say "This is a campaign world"


i8SwC8p.png
signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

Offline

Wooted by: (2)

#14 2016-05-26 00:30:15, last edited by Prodigy (2016-05-26 02:03:00)

Prodigy
Member
From: The United States of America
Joined: 2015-07-15
Posts: 2,613

Re: Modern UI Design

You're Welcome Ben. I am part of the Megatronz and I love the fact that you put our world in. I really like the Idea. It looks so modern than the lobby we got right now but if you guys and gals can remember, the staff said they would make a gold skinned lobby or something like that for GM, so how would that play out?


h0qIF0q.png

Offline

Wooted by:

Ben

#15 2016-05-26 00:31:13

Kaleb
Formerly Kaleb123
From: California of America
Joined: 2015-02-19
Posts: 1,263

Re: Modern UI Design

maxi123 wrote:

- what does the orange name of "Beta Boss" world mean?

It signifies that it is a Beta Only world.

Offline

#16 2016-05-26 01:43:30

TaskManager
Formerly maxi123
From: i really should update this
Joined: 2015-03-01
Posts: 9,457

Re: Modern UI Design

Kaleb123 wrote:
maxi123 wrote:

- what does the orange name of "Beta Boss" world mean?

It signifies that it is a Beta Only world.

oh
i could have figured that out
lol


i8SwC8p.png
signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

Offline

#17 2016-05-26 03:01:26

Kirby
Member
Joined: 2015-04-04
Posts: 4,304

Re: Modern UI Design

Napakeun wrote:
Kirby wrote:

Dunno why, I feel like this is a lot to take in. Needs a bit more spacing here and there

Are you sure? I think Ben found a nice proportions and doesn't seem cluttered at all to me. If we compare this to Zioxei's, this one is a lot of improvement.

( Zioxeis's: )

I mean, sure it's improvement compared to zioxeis, but I think kentiya's is still the best we have so far

Offline

#18 2016-05-26 12:07:42

mrjawapa
Corn Man 🌽
From: Ohio, USA
Joined: 2015-02-15
Posts: 5,840
Website

Re: Modern UI Design

Not bad. I kinda like this one.


Discord: jawp#5123

Offline

Wooted by:

Ben

#19 2016-05-26 12:10:15

Gosha
Member
From: Russia
Joined: 2015-03-15
Posts: 6,202

Re: Modern UI Design

This design is good, but we need to do something with lobby in total. TOO MANY BUTTONS ON ONE SCREEN FOR NEW PLAYERS

Offline

Wooted by:

#20 2016-05-26 13:20:50

Goldy301
Member
From: EE
Joined: 2016-04-11
Posts: 121
Website

Re: Modern UI Design

The game lobby and the buttons look nice.

Also I think you left a button called Terms and Conditions and also Blog. But there's too much buttons in the lobby too.


wxl2iOk.jpg

Offline

#21 2016-05-26 13:38:46

TaskManager
Formerly maxi123
From: i really should update this
Joined: 2015-03-01
Posts: 9,457

Re: Modern UI Design

Ben wrote:

It's all part of the simple, clean design.

simple and clean design is good but when you go too far it becomes ugly
the gray gems and energy icons are just ew
the "i" could have a circle around it or something or it could be a bit larger.. the button is both too simple and too tiny

Ben wrote:

Of course I have enough space, that is what I was aiming for. But you're missing the point. If I were to fill all that space with legends and unnecessary text, it wouldn't be that spacious anymore.
I believe it would take newcomers 2:30 minutes at the most to figure out what the counter means. Same applies to the friend list.

well the problem with colors of world names could be resolved this way:

maxi123 wrote:

or by hovering mouse over a world with colored name (in the world list) it could for example say "This is a campaign world"

it is not just about "figuring out" what the counters mean, writing a full label will make it look nicer
if youre making a modern and simple UI doesnt yet mean you must compress every label you can

Ben wrote:

Does it really matter? It's not a clickable object anyway..

its the header of the game, ofc it has to stand out and be more colorful
and the bg that is darker than all other bgs causes inconsistency and hurts my ocd

Ben wrote:

The 'Friends' tab is not clickable, that would make no difference.

thing is i see you tried to make some contrast between bgs of "Friends" header and "refresh friends" button
but the contrast is barely noticeable
so you could either make it more noticeable or remove it at all

ive also noticed another issue: the triangle arrows on the scroll bars. their tips are pushing too much in the direction that is outside from the scrollbar


i8SwC8p.png
signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

Offline

Wooted by: (2)

#22 2016-05-26 14:27:48, last edited by Kira (2016-05-26 14:32:52)

Kira
Guest

Re: Modern UI Design

The style is great but the organization isn't, it feels as clustered as before.
My suggestion would be to remove the transparent and add Something solid such as this:

pic1.jpg

Chat would be an awesome addition to the game and player lists aswell.
This is the kind of lobby I would like to see in this game, It's clean and easy to understand

Wooted by: (4)

#23 2016-05-26 17:15:24

jonhvictor2004sonic
Member
From: An bra in Brazil
Joined: 2015-12-05
Posts: 444

Re: Modern UI Design

"Bug Gems"
Is it a typo?


tfw wen u made another account just because you forgot your pass

Offline

Wooted by:

#24 2016-05-26 17:44:17

Kira
Guest

Re: Modern UI Design

jonhvictor2004sonic wrote:

"Bug Gems"
Is it a typo?

No It's definitely a bug.

Wooted by: (3)

#25 2016-05-26 17:59:49

Gosha
Member
From: Russia
Joined: 2015-03-15
Posts: 6,202

Re: Modern UI Design

Kira wrote:
jonhvictor2004sonic wrote:

"Bug Gems"
Is it a typo?

No It's definitely a bug.

( ͡° ͜ʖ ͡°)

Offline

Hostage1464630276604228

Board footer

Powered by FluxBB

[ Started around 1711675787.3508 - Generated in 0.102 seconds, 12 queries executed - Memory usage: 1.86 MiB (Peak: 2.15 MiB) ]