Original Post — Direct link

From Breezy's Twitter:

Tweet 1

For GameJam this week one of our UI artists and I looked at reworking the Aura UI and icons. I've always disliked how they aren't very readable or memorable so I constantly have to hover over them to find what I want.

Old vs. Proposed: [Image]

Tweet 2

The main objective was to make both the icon itself and the aura's tiers more readable - did you know that in the live game the red boxes and blue circle are used to denote an Aura's tier?

Here's an example of a refreshed icon with some new shape language to communicate tiers: [Image]

Tweet 3

Bonus display of example auras from Tier 1 - 5

Note that in the image below only the Salvation aura (1st one) has a new central icon, the others use their old icons as we didn't have enough time but all images here are just for proof of concept, not mid-dev currently

[Image]

Tweet 4

And in the process of writing this tweet the wonderful aforementioned UI artist (Mod Monotypy?) also provided some possible alternatives for Tier 3+ auras to help set them apart more visually

[Image]


Thoughts?

External link →
over 1 year ago - /u/JagexBreezy - Direct link

Originally posted by ItsYaBoiDragon

This looks great. I would say much more visual clarity.

Side note, I see vampyrism appears to be T5. Are we finally getting the aura rework with this?

We used Vamp there purely for illustrative purposes

over 1 year ago - /u/JagexBreezy - Direct link

Originally posted by kunair

not sure how useful this would be since you can list the aura by name instead of icon

edit: reading this thread has really surprised me, no one even experiments with interfaces? list mode, search bar, cooldowns? please check the settings

Some may just find it easier to use images (once they're more readable). In the live game I personally prefer the image view even though it's harder to "read" than the list, i just personally dislike the list view but still offering both is the plan anyway

over 1 year ago - /u/JagexBreezy - Direct link

Originally posted by Krazy_Rhino

Anyone else notice the new vamp shows as tier 5? 👀

Responded to a similar comment but Vamp's just there to communicate the idea not because we have plans for it or other auras

over 1 year ago - /u/JagexBreezy - Direct link

Originally posted by getabath

I think the search functionality could be improved, for instance.

If you were to search "fishing", all relevant auras to do with fishing will appear and so on.

I'll note this down to discuss if there's more time given to the project outside of this gamejam

over 1 year ago - /u/JagexBreezy - Direct link

Originally posted by RS_Holo_Graphic

Nice to see auras getting some much needed care.

A couple things that would make this a 10/10 improvement:

  • An option to display them listed by name rather than icon.
  • An option to list them alphabetically.
  • A cooldown clock (time left) on any aura icon/name currently recharging.
  • An option to hide lower tier auras.
  • A quick visual reference for higher tier versions of the aura available ("Tier 4/5" etc).

Thanks for these suggestions, some cool ideas.

RE: alphabetical listing, do you imagine this being for the prefix like the "supreme" and "legendary" or for the sole name of the aura?

over 1 year ago - /u/JagexBreezy - Direct link

Originally posted by Slosmic

Although I was aware of the corners being the tiers, this is still a big improvement!

Much clearer in many ways, though it seems like you're still sticking with the same symbols for all of the ones shown? Many of the symbols are hard to decipher and ambiguous, for example the "tracks" for the tracker aura are always hard to find/identify. Switching that to something like maybe a clear paw-print like the hunter skill logo could be super helpful!

Yes absolutely! Part of the primary objective for this project was actually to refresh those symbols, you can see an example of this in tweet/image 2. We just needed to nail the direction we're taking first first before doing all of them.

They may very well still change style after this too so as not to waste time making redundant assets we just updated 1 of them to give us time to figure out how we're approaching the other pain points.