UI refactoring

User avatar
GFX47
Dev
Dev
Posts: 2896

UI refactoring

Post#1 » 09 Mar 2017, 17:53

Keeping you updated about my current work on the game UI:

Before

Image

After

Image

Thoughts?

mcompany
Autonomous Entity
Autonomous Entity
Posts: 872

Re: UI refactoring

Post#2 » 09 Mar 2017, 18:13

How dare you force us to have nostalgia over the current UI?

User avatar
LuBeNo
Autonomous Entity
Autonomous Entity
Posts: 532

Re: UI refactoring

Post#3 » 09 Mar 2017, 18:13

I like it.

Shouldnt it be Alpha 9 then. ;)

Could you provide a screen how it looks with the symbols next to the strings?
Image
My algorithm of life: if(self.tired) sleep(); else if(self.hungry) eat(); else follow(Jesus);

User avatar
PPS
Automaton
Automaton
Posts: 123

Re: UI refactoring

Post#4 » 09 Mar 2017, 18:19

Моё мнение: после - хуже...
My opinion: after - worse ...

pier4r
Skynet
Skynet
Posts: 3381

Re: UI refactoring

Post#5 » 09 Mar 2017, 18:21

I like the first actually. The second seems way less "work". The only thing that the second has is the "social" tab, that would be helpful to remove a bit of clutter.

Moreover I way hoping in an improvement of the Ai editor. :'(
http://www.reddit.com/r/Gladiabots/wiki/players/pier4r_nvidia_shield_k1 -> Gladiabots CHAT, stats, insights and more ;

User avatar
Kanishka
Skynet
Skynet
Posts: 1421
Contact:

Re: UI refactoring

Post#6 » 09 Mar 2017, 19:04

Second One with Extras instead of Social
Fixes break an AI more than bugs do. :ugeek:

Gladiabots Off-Topic Chat


My Stats: Kanishka_RN3;Kanishka_MiPad

TAI
Hello World
Hello World
Posts: 8

Re: UI refactoring

Post#7 » 09 Mar 2017, 19:21

Second one is too bare. At least keep the menu icons and social buttons from the first one.

User avatar
Kanishka
Skynet
Skynet
Posts: 1421
Contact:

Re: UI refactoring

Post#8 » 10 Mar 2017, 02:34

TAI wrote:Second one is too bare. At least keep the menu icons and social buttons from the first one.


That's what we need to get rid of. :/
Fixes break an AI more than bugs do. :ugeek:

Gladiabots Off-Topic Chat


My Stats: Kanishka_RN3;Kanishka_MiPad

harthag
Automaton
Automaton
Posts: 197

Re: UI refactoring

Post#9 » 10 Mar 2017, 04:23

I agree with the "too bare" group, the outlines make it feel like a game, the plain text make it feel like an office tool. But grouping stuff in to "social" or "extras" or whatever is great. I prefer the icons next to the options text, but that's the least import of the changes to me, personally.

ConsciouS-0nE
Autonomous Entity
Autonomous Entity
Posts: 740

Re: UI refactoring

Post#10 » 10 Mar 2017, 05:45

Second one looks amateur \/(i know you worked for that but)
Looks like youve got some inspiration from other games i guess, again( like the ranks).
But the thing about is that your "original" and i like the first one as it is.

On the first one, just add the social button and its fine.
Im not the best player, but atleast im something.I'm 8
Science is madness! 3:)

User avatar
Kanishka
Skynet
Skynet
Posts: 1421
Contact:

Re: UI refactoring

Post#11 » 10 Mar 2017, 06:52

New Idea: First One with Extras Button under Tutorial.
Fixes break an AI more than bugs do. :ugeek:

Gladiabots Off-Topic Chat


My Stats: Kanishka_RN3;Kanishka_MiPad

User avatar
GFX47
Dev
Dev
Posts: 2896

Re: UI refactoring

Post#12 » 10 Mar 2017, 18:55

New iteration:

[youtube]PMbzOOnurdE[/youtube]

harthag
Automaton
Automaton
Posts: 197

Re: UI refactoring

Post#13 » 10 Mar 2017, 19:15

A good compromise on the menu options, but I still prefer the outlines.

Is it just a product of your test environment? Or did you change the bot color from blue-ish to completely monochrome? Bring back the color please, it looks like it's a 16 color game from tbe 80's with just the black and white and red...

mcompany
Autonomous Entity
Autonomous Entity
Posts: 872

Re: UI refactoring

Post#14 » 10 Mar 2017, 19:22

Ok, I have mixed thoughts on this. On one hand, I think the old font is much more interesting and really that overall the old look seemed more interesting. On the other hand, there seems to be better positioning of almost every (except the the back button), and I like how the menu keeps the bot in the background when picking a map and how the debugger is more transparent

pier4r
Skynet
Skynet
Posts: 3381

Re: UI refactoring

Post#15 » 10 Mar 2017, 21:30

mcompany wrote:Ok, I have mixed thoughts on this. On one hand, I think the old font is much more interesting and really that overall the old look seemed more interesting. On the other hand, there seems to be better positioning of almost every (except the the back button), and I like how the menu keeps the bot in the background when picking a map and how the debugger is more transparent


This, the second iteration looks better.
http://www.reddit.com/r/Gladiabots/wiki/players/pier4r_nvidia_shield_k1 -> Gladiabots CHAT, stats, insights and more ;

User avatar
GFX47
Dev
Dev
Posts: 2896

Re: UI refactoring

Post#16 » 11 Mar 2017, 19:43

I know it's hard to accept changes on a game you play for months but let's try to forget what was there before.

The UI is very important to hook new players as it's how you get your first impression of a game.
Outlines seem to give an amateur feel to the game, I get that a lot from my peers.
I also had a hard time understanding it and found tons of counter arguments, mostly because I'm used to it and too focused on the game to realize it.

But most of them are better game devs and I eventually admitted they may be true.
That's why I've been iterating toward a more "pro"/polished version for quite some time.
And you can't imagine how much time it takes to work on the UI of a game :cry:

Several key things were a big part of the negative feedback, and I'm now trying to get rid of it:
- the "Jupiter" font for it's bad readability
- the bluish theme for it's... "ugliness" XD

The first AI editor improvements, like the new node editor, are also coming with Alpha 8.

pier4r
Skynet
Skynet
Posts: 3381

Re: UI refactoring

Post#17 » 11 Mar 2017, 20:49

I exposed the point of view as first impression as if the game would be new. The second iteration is better thegl, first seemed like (I know it is a lot of work) PowerPoint with a static background.

Once again I repeat myself on the advices from fellow developers rather than the community. I would take them with a grain of salt.

For example one could argue that pages that load content as soon as the user scrolls until the end are the best because used by Facebook and Co, but the reality is that they just suck, point. If one wants to see old content, ends up with fat single web pages and then restarting the search from that point a day after is a pain in the ass. They are pretty but horrible in terms of function.

The same for the ui in a game like Gladiabots. If the ui is pretty and then the ai editor does not have multiple select and copy, it makes little sense, there will be confuse players thinking 'but this is so graphically beautiful and then this function is missing? ".

Moreover I do believe that the actual ui is quite ok. Even the second iteration of the ones posted is nice but I do feel that improving the ui past that is like appealing the players that will unlikely play more than 20 games. Because people that normally are hooked by the graphics, for my experience, do not normally keep playing hard games.

Best example, chess. The simpler the board the better.

With fps games, unlikely you have players fixed with graphical details that join teams to do competitions, because at that point graphical details are secondary.

Edit: of course gfx at the end you decide where the game will go.
http://www.reddit.com/r/Gladiabots/wiki/players/pier4r_nvidia_shield_k1 -> Gladiabots CHAT, stats, insights and more ;

harthag
Automaton
Automaton
Posts: 197

Re: UI refactoring

Post#18 » 11 Mar 2017, 21:42

GFX47 wrote:- the bluish theme for it's... "ugliness" XD
I wouldn't call it "ugly", personally, but certainly not my favorite either. But I think monochrome is worse. Changing the color (maybe a more royal blue, or a green, let the player choose) is fine, monochrome is ... monochrome

Wozza
Script
Script
Posts: 28

Re: UI refactoring

Post#19 » 11 Mar 2017, 23:06

I think overall the content in the video is pretty good.

For me the new style gives a more modern first impression, where the old style maybe suggests a more retro feel or even that it is being given a robotic theme to align with the bot fighting game.

From a visual point of view the shots of defining logic for nodes on the decision tree look good, my only word of caution here would be that until we get hands on with it, it will be hard to tell whether it is easier or harder to use than the old version which for me is the most important thing,

I'm not sure how I feel about the italic or angled font being used for a lot of headings. I think the couple of places it is used with a shadow look good but I don't love it in the other spots. An example would be at 0:34 in the video - the edit target screen. For me that screen looks great but the edit target heading at the top is the one thing that maybe doesn't look as good as the rest.

Finally what is the plan for the pink / red in the UI? Is your thought that it will replace all the old orange for example at 1:14 the enemy bots and enemy score would be changing?

User avatar
Ritter Runkel
Neural Network
Neural Network
Posts: 498

Re: UI refactoring

Post#20 » 12 Mar 2017, 01:23

I like the style on the video, especially the moving menue and the added icons in the UI editor. It looks a little bit like jumping from 90th style to something more focused and modern.

Return to “Devlog”

Who is online

Users browsing this forum: No registered users and 1 guest