[Feedback] Item Tooltip UI Adjustments for PC (image + text)

[MissCheetah-1661]

Here you go

Edit - I personally prefer the Affix associated with the Legendary to be up top where it makes it very clear that yes, this is THE special affix this bow has.

[Dusty-21868]

Thanks!

@Zadok-11121

you inspired me to make this:

cdn.discordapp (DOT) com/attachments/172205021658611712/1094274327559540857/image.png

you’ll have to place the “(DOT)” with and actual " . " to see it, since I cannot post links here, IDK how you were able to. lemme know what ya think, I really like how the bottom half looks!

Zadok and OP did a great job here. I was reluctant to think so at first but I came around pretty quickly after staring at them for a bit. I think Blizz should definitely get some inspiration from these.

[Dusty-21868]

@MissCheetah-1661

Edit - I personally prefer the Affix associated with the Legendary to be up top where it makes it very clear that yes, this is THE special affix this bow has.

I kinda like it at the bottom. It just looks neater and doesn’t draw my eyes away when looking at the rest of the info.

Why does one affix appear separated to the others though? Is there an actual reason for this to indicate something?

For example in the first image the text that reads “+12.0% Damage to Distant Enemies” appears above the line included with the damage per hit and attacks per second info.

Why is that?

[ciller-1236]

A UI update is coming, just not for launch. You will all get the UI rework you want, hopefully its nice.

What I really want to see more than that is UI’s that are customized to the system its running on. So each system gets its own custom UI designed with its controller type in mind. In particular a UI that has been customized to work on PCs that is seperate from the console UI.

The current one is too reliant on methods that are good for controllers but mouse and keyboard is a superior option for me and I think I am not the only one that feels this way.

[MissCheetah-1661]

@Dusty-21868

For example in the first image the text that reads “+12.0% Damage to Distant Enemies” appears above the line included with the damage per hit and attacks per second info.

I think that affix category is going to always be on that item. The other affixes below are random except the legendary power. If I got that wrong someone correct me please.

Which is why I prefer the assigned affixes to all be together at the top, and the randomly generated ones below. Those random ones can also be changed at the enchanter/mystic person.

[Dusty-21868]

@MissCheetah-1661

I think that affix category is going to always be on that item. The other affixes below are random except the legendary power.

Ah ok that makes sense. Thanks for info.

@MissCheetah-1661

Which is why I prefer the assigned affixes to all be together at the top, and the randomly generated ones below.

I see your logic, but when it comes to visual design I always like things that draw my eyes to the correct places.

A lot of the big Diablo art pieces are great examples of this. There’s a lot going on in Diablo art works but they are so well balanced with splashes of colour in the right places, pushing your eyes across the landscape and slowly through the middle and into the centre to the central focus.

https://www.creativeuncut.com/social/diablo-4.jpg

https://cdn.vox-cdn.com/thumbor/rqcKJZ4EjE_RuqEGwwb0FErlfdY=/1400x1400/filters:format(jpeg)/cdn.vox-cdn.com/uploads/chorus_asset/file/19342081/D4_Inarius_and_Lilith.jpg

Because the UI is a visual artwork I would like it to follow these visual design principles.

The legendary affix being at the bottom allows me to scan down the item, without being distracted by the big orange text at the top, slowly having my eyes drawn to the legendary affix at the bottom.

[clueso-2790]

@Bumblebee-22544

Honestly, this looks a mess.
Moving the image to the left does not do what you say it does. It’s just personal preference, and having it on the right looks better to me.

It indeed is personal preference, no need to deny that from my part, just like the opposite is personal preference as well.

There are people who prefer one over the other and think one is better / easier to read than the other, and people who completely feel the opposite, and both perspectives are valid. That maybe could be a bit more emphasized in the original post.

@Bumblebee-22544

Moving it doesn’t “cause” anything to be moved anywhere or cause a better distinction between values, it just moves an icon. The rest was a design decision by you.

It is a personal preference, one that I and many others share (and other people feel differently) an it is utilizing the Gestalt Principles of Similarity and Proximity, eventually even the Principle of “Common Fate”, when you think about in a way that the Image “moves” the Stats further to the right, hence indicating they belong to the same or similar category.

@Bumblebee-22544

All of this other stuff is hard to read. it’s all mis-align vertically and horizontally and is using multiple different font-sizes, styles, and colors. It’s clear from this that you have no background in visual design, even if you are adequate at photoshop enough to create something like this.

[…]

Just because you’ve made a bunch of stuff italic, doesn’t mean anything. There’s no inherent “these things belong together because they’re in italics”.

“mis-aligning” it is utilizing the Gestalt Principles of Proximity and Similarity.

@Bumblebee-22544

DPS should not be the focus on an item, item power should be. But that’s subjective, and because it’s actually the stats on the item that truly make the decision, not the item level or dps, neither of them deserve to be larger in size.

I agree that the DPS Value should not the be focus, but Casuals and Blizzard seem to like it + on an Armor Item the DPS Value would be Armor, so I went with it a bit as a compromise.

@Bumblebee-22544

I’m ok with this, I don’t mind it being wider, but there needs to be a good reason for it, and you’ve only done this because your version of the tooltip requires it, not because you thought wider would be better.

Both reasons are valid. It solves / improves various issues both in the original and the rework and also makes both version look better overall (imo).

@MissCheetah-1661

I am not sure I like the Italics though. Readability for low vision folks and for screen reading technology needs to be considered. Same for colorblindness options.

I have gotten this feedback so often now that I start to believe that this a much larger issue than I initially thought.
While I and others don’t really mind, it seems that for a not insignificant amount of people this is really a larger issue… and also one that is easier to fix.

@Zadok-11121

you inspired me to make this:

@Dusty-21868

Please can you link an image of this one too?

https://cdn.discordapp.com/attachments/172205021658611712/1094274327559540857/image.png

^^I like this rework from Zadok as well^^
Definitely prefer it over the original.

@MissCheetah-1661

Edit - I personally prefer the Affix associated with the Legendary to be up top where it makes it very clear that yes, this is THE special affix this bow has.

Yeah, it makes the affix stand out even more, indicating that it is the special thing a Legendary has.

[ALDC-1955]

I agree with Cheetah, the unique affix on top of the item tooltip is better.
At one glance you know if you require that affix or not. The other stats are displayed after the special affix are just boosts to the item.
Also the requirements listed on the row below is also clearer and cleaner.

[Park-1378]

Someone forward this to all their twitter accounts and Facebook

[Bumblebee-22544]

Some of the aspect text is very long. Having at the top not only detracts from the actual stats on the item but forces your attention to the wrong place.

The aspect text should be at the bottom. It’s there for a reason. Contrary to popular belief Blizzard and their creative design team do actually know better than random people on the internet with no real world design experience.

The tooltips have a couple of minors issues, but they’re vastly more appealing than what’s been posted on this page.

[ALDC-1955]

@Bumblebee-22544

The aspect text should be at the bottom. It’s there for a reason. Contrary to popular belief Blizzard and their creative design team do actually know better than random people on the internet with no real world design experience.

Sorry but I beg to disagree.
Everytime a Legendary drops, I’ll home in on the unique Affix.
Putting it below on the last sentence just takes me more time to look at it.
After all, if Legendary are transient items before we find better Rare items and fix an Aspect to them, their normal stats aren’t even considered when I decide to equip or unequip a Legendary. Only their unique Affixes matter and that is why should be placed on top.

[Zadok-11121]

Thanks for teaching me how to embed the link without being flagged as trying to post a link. As I figured it out and was editing my post, they deleted my thread.

[clueso-2790]

@Zadok-11121

Thanks for teaching me how to embed the link without being flagged as trying to post a link

My pleasure!

@Zadok-11121

As I figured it out and was editing my post, they deleted my thread.

oof, what happened?
Did they gave a reason for that? Or was it automatically removed as you updated it?

I actually really liked your rework.
It was in many/most key things very similar to the one I did.

@Park-1378

Someone forward this to all their twitter accounts and Facebook

yeah, someone…
Honestly I would feel weird if I personally post it there.
Would almost feel too pushy, dunno why.

[Zadok-11121]

@clueso-2790

Did they gave a reason for that? Or was it automatically removed as you updated it?

I had just finished updating some of it, it was very odd… Then it told me that the page didn’t exist, and in my inbox threads it was gone completely, then it just randomly came back… super sus… automod / bug perhaps?

@clueso-2790

I actually really liked your rework.

thanks

[MissCheetah-1661]

@Zadok-11121

As I figured it out and was editing my post, they deleted my thread.

@clueso-2790

Did they gave a reason for that? Or was it automatically removed as you updated it?

That is the spam filter. It tends to eat posts that have a lot of links and a lot of editing. It is hidden for mod review but I don’t know if they will get around to restoring it or not. Yes, that filter is automated.

[clueso-2790]

@MissCheetah-1661

That is the spam filter. It tends to eat posts that have a lot of links and a lot of editing. It is hidden for mod review but I don’t know if they will get around to restoring it or not.

So far, Zodak’s thread has not been restored.

@Zadok-11121

I had just finished updating some of it, it was very odd…

You know what, I put your rework / concept in my original post as well.
That way, in case the devs see this thread, they are also gonna see yours.

In the meantime I made another concept for how the D2 Runeword ‘Breath of the Dying’ could look like in D4 in the context of a reworked UI - and this one does not have Italic in it.

https://imgur.com/at994mp

I am still open for thoughts, suggestions for improvements and feedback.

[MissCheetah-1661]

I have embedded your image for you. I have THINGS to do right now so not commenting at this second.

[clueso-2790]

@MissCheetah-1661

I have embedded your image for you.

Awesome! Thank you!
Much appreciated!

[Subrias-1149]

Looks nice. Well done. Not complaining, but blizzard likes their flavor texts, you need a spot for that still. It is fun to read those sometimes. that is what causes the scrolling issues sometimes though.