Item Shop and Game HUD Updates



  • In the upcoming patch we’ve added some new features to the HUD and item shop, all wrapped up in a slick new look for the League of Legends user interface. While it might take a little getting used to, we think you’ll find that these UI updates help you quickly absorb in-game information, and purchase even faster when you head back to buy. This is particularly helpful in light of all the new items we’re adding this preseason. Here’s a rundown of what you’ll see when the new items come out.

    Item Shop Updates

    In addition to a sleeker-looking interface, the shop now offers more options for quickly and efficiently locating items. This includes search functionality, better sorting options, multiple layouts and more.

    Here are the major store updates:

    1. Item categories are all now accessible with just one click. You can also select more than one filter to help locate those highly-specialized buys.
    2. Selecting an item will display its components, their costs, and every higher-tier item it can build into.
    3. There’s now a search function to help you quickly locate and buy a particular item. It even recognizes popular slang terms such as “BT” for The Bloodthirster and “triforce” for Trinity Force.
    4. There are options to view items in both grid and list layouts. You can now view items as icons so you can browse more items at the same time.
    5. There are new recommended items for every champion that incorporate all the preseason additions to the arsenal. Recommended items have also been expanded to offer additional, categorized suggestions (starting items, durability items, offensive items, etc.) to help you tailor your build to your current situation.


    HUD Updates

    Along with its new aesthetic, the game HUD also has a few upgrades to increase your field of view and make relevant information readily visible. Here’s what you can expect:

    1. The current level of each of your active abilities is now displayed below the icon, and the hotkey assigned to each is now displayed on the button.
    2. Item slots are now marked by a clear hotkey indicator for to easily see which items are usable and what key activates them.
    3. The scoreboard in the upper right has been streamlined and sharpened to maintain clarity.

    Be sure to stop by and share your feedback on the forums. The devs are standing by to answer your questions!


  • Quote:
    Originally Posted by KokoPonz View Post
    So I can look for Trinity Force by typing in TONS OF DAMAGE?
    I made sure of it.
  • Quote:
    Originally Posted by Hutson View Post
    The original post seems to suggest new items coming hand-in-hand with the new shop. Does this mean items are coming next patch or was the original post worded poorly?
    The new item shop has important functionality for the new items, we're currently looking to keep them hand in hand.
  • Quote:
    Originally Posted by Starfyre7 View Post
    IDK if this is implemented, but we should be able to click on certain categories as well (e.g. consumables).
    You can definitely click on the header categories as well to filter by Attack, Defense, Consumables, etc.
  • Quote:
    Originally Posted by Werewolf Link View Post
    That is one hot HUD. Looks soo good.
    Thanks! We're all really excited to finally be able to show off what we've been working on.
  • Quote:
    Originally Posted by Polyaenus View Post
    Did you guys get rid of the green line between the character portraits and the health bars on the left? That always made me have to scan health twice when finding an injured teammate because of the way the line truncated.
    The team portraits have new art so you shouldn't see that issue anymore.
  • Quote:
    Originally Posted by TheMazi View Post
    Would be great to add "Magic Penetration" and "Armor Penetration" in the "Magic" and "Attack" categories respectively.
    We likely will not have such a category for quick filtering, but adding those as searchable terms is definitely not out of the equation.
    That's something we're exploring.
  • Quote:
    Originally Posted by Nanatsu View Post
    IMPORTANT QUESTION: What is that animal next to the shop?
    It's a Yonkey!
  • Quote:
    Originally Posted by Wriggle View Post
    *types in stacks*
    *gets Soulstealer, Cleaver, Bloodthirster, Wit's End, Malady, Rageblade, Leviathan, SOTO, Sanguine*

    What I'm saying is "searchable descriptions", PREFERABLY with regular expressions
    Single-player bot match (check the shop picture for a mockup/prototype).


    Because there's like three items that give Spell Vamp as opposed to the billions of Lifesteal items.

    Please do this. Just do a rotating clock-effect or something and when it's ready, green R~!
    Although I would be a fan of regular expressions in the search, in my experiences with all the various search tools I've built... they don't tend to go over very well for most people.

    The search does not search out full descriptions. This is intentional, it limits the chance of "false hits"; seeing items that seem to show up arbitrarily under nonobvious search conditions.

    Instead, I'll be likely tagging keywords to hit. Things like penetration, stacks, or potentially "on-hit" and similar are all possibilities.

    This isn't a definite, we're still iterating quite a bit to make sure each feature feels right.
  • Quote:
    Originally Posted by FilibusterFox View Post
    Will we have any ability to set our own recommended items with the new hud?
    Not initially and that's a feature that's still under investigation. Our priority was first getting a more manageable and faster to use interface.

    I did make sure to setup an API similar to the current item shop's recommended item override API, for the sake of our power users out there.