[Suggestion] Portraits & Colours & Health Bars - OH MY! (Top HUD Mock-up inside)

[squinte]

So I have a little problem with where the colours in the top stat bar are located at the moment (right above the hero portraits). Not only are they at the very edge of the screen, but are so thin that they are very hard to see, rendering the colours difficult to make out. I find myself squinting a lot. My suggestion is to move the colours below the character portraits, while at the same time making them slightly thicker.

I also propose converting the colour indicators into health bars for your team only.

Below are photoshop mock-ups with some explanation.


Moved colour lines.
Changed gradient on colour lines.
Converted them into health bars.


Moved colour lines.
Changed gradient on colour lines.
Darkened colour lines for dead heroes.
Coloured ult indicator red for dead heroes whose ult is available.


Moved colour lines.
Changed gradient on colour lines.
(Non-health bar/greyed out dead version).

My reasoning for not including a mana bar in this idea/suggestion: I feel that it would clutter the top more so than need be. Health is an important thing to know about your team mates and is the only factor to determine if someone is on the brink of life or death. Mana does not do this. I see that Earthshaker is low on health and try to help them. I can asses the situation if he is at moderate health by clicking on his location in the minimap or on the hero portrait at the top. When they become focused on my screen, I can see the situation he is in, his health bar and mana will be displayed above him.

[Zyngi]

Good Idea +1 to this

[mk07ki]

Great idea, +1!

[acubeofcake]

amazing idea
+1!
hope it will add more teamwork

[MoonElf]

Now this is a good ideea, +1 !

[Albain]

+1, I agree completely.

[Neonai]

Good job, +1.

[squinte]

Somebody bumped into me.

[ILY.BBE]

Wow, this would be nice! Good idea man!

T-Up!

[Konung]

T-up. Could you make the lines thicker without making the hero icons smaller? Nothing big if you did though.

[robofish]

I like the hero colors below their portrait its easy to look at when you see enemy colors on the minimap. But being a health bar I don't think is necessary there are health bars on every heroes head, and you focus the entire game on the screen not on the UI.

So t-up on colors below the portrait but not health bars.

[MikeyBooT12]

Your team should be blinking red in map and in portrait (top), when they have below 25% hp.
yellow if 50% hp.
Or "YOUR ALLY IS UNDER ATTACK"

Suggest this too xD

[Makal]

+1

[PiscisFerro]

+1

[squinte]

T-up. Could you make the lines thicker without making the hero icons smaller? Nothing big if you did though.

I'll give it a shot, it's been a while since I did this mock-up and haven't really touched it mainly because I didn't really get much feedback. I'll post something in a bit if it looks good.

I like the hero colors below their portrait its easy to look at when you see enemy colors on the minimap. But being a health bar I don't think is necessary there are health bars on every heroes head, and you focus the entire game on the screen not on the UI.

So t-up on colors below the portrait but not health bars.

The health bars aren't meant to be looked over religiously, especially if your team is all within your view. I meant this to be more for tracking your team mates health while in varying positioning on the map.

Your team should be blinking red in map and in portrait (top), when they have below 25% hp.
yellow if 50% hp.
Or "YOUR ALLY IS UNDER ATTACK"

Suggest this too xD

I'm not sure that's really a good idea. That's possibly too much information flashing all the time.