Official Everybody Edits Forums

Ben

Member

Joined: 2015-02-17

Posts: 318

Modern UI Design

► Modern UI Design

Credits

   The Megatronz Elite Artists Mirin Squad Prepare to be smitten

Inspirations

   Onjit zioxei Kentiya

Original Post

   Unity lobby design

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.

---

Play one of my old worlds !!

Kaleb

Formerly Kaleb123

From: California of America

Joined: 2015-02-19

Posts: 1,263

Re: Modern UI Design

I have

1min ago.

Ok.

---

Play one of my old worlds !!

N1KF

Wiki Mod

From: ဪဪဪဪဪ From: ဪဪဪဪဪ From: ဪဪဪဪဪ

Joined: 2015-02-15

Posts: 11,115

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.

Zoey2070

Moderation Team

From: Shakuras

Joined: 2015-02-15

Posts: 5,509

Re: Modern UI Design

Merged Ben's topic with CJMaeder's.

---

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

Xfrogman43

Member

From: need to find a new home

Joined: 2015-02-15

Posts: 4,174

Re: Modern UI Design

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?

---

thanks zoey aaaaaaaaaaaand thanks latif for the avatar

ewoke

Member

Joined: 2015-02-20

Posts: 412

Re: Modern UI Design

the ocd

---

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

Different55

Forum Admin

Joined: 2015-02-07

Posts: 16,575

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

drunkbnu

Formerly HG

Joined: 2017-08-16

Posts: 2,306

Re: Modern UI Design

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".

Napakeun

Formerly goodsmile

From: Slo

Joined: 2015-02-22

Posts: 619

Re: Modern UI Design

Ben, it looks awesome!

---

Fan website for EE -- Suggestions for EE -- EE Gifs

Kirby

Member

Joined: 2015-04-04

Posts: 4,307

Re: Modern UI Design

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

Napakeun

Formerly goodsmile

From: Slo

Joined: 2015-02-22

Posts: 619

Re: Modern UI Design

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

---

Fan website for EE -- Suggestions for EE -- EE Gifs

TaskManager

Formerly maxi123

From: i really should update this

Joined: 2015-03-01

Posts: 9,465

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"

---

signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

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?

---

Kaleb

Formerly Kaleb123

From: California of America

Joined: 2015-02-19

Posts: 1,263

Re: Modern UI Design

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

It signifies that it is a Beta Only world.

---

Play one of my old worlds !!

TaskManager

Formerly maxi123

From: i really should update this

Joined: 2015-03-01

Posts: 9,465

Re: Modern UI Design

- 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

---

signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

Kirby

Member

Joined: 2015-04-04

Posts: 4,307

Re: Modern UI Design

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

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

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

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

Gosha

Member

From: Russia

Joined: 2015-03-15

Posts: 6,211

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

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.

---

TaskManager

Formerly maxi123

From: i really should update this

Joined: 2015-03-01

Posts: 9,465

Re: Modern UI Design

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

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:

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

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

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

---

signature by HG, profile picture by bluecloud, thank!!
previous signature by drstereos

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:

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

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

Kira

Guest

Re: Modern UI Design

"Bug Gems"
Is it a typo?

No It's definitely a bug.

Gosha

Member

From: Russia

Joined: 2015-03-15

Posts: 6,211

Re: Modern UI Design

"Bug Gems"
Is it a typo?

No It's definitely a bug.

( ͡° ͜ʖ ͡°)