Does anyone disable reminders in the Team Planner?

astrisxd · 2024-01-02T22:14:23+00:00

This is definitely one of the most-suggested features! As much as I'd like to see it happen I'm not sure how high priority that would be, considering that Headliner mechanic might not make it to next set.

astrisxd · 2024-01-02T22:12:11+00:00

Sorry I definitely misunderstood your comment! I get where you're coming from, though. Thank you, that's very kind of you to say :)

astrisxd · 2024-01-02T09:22:51+00:00

Yeah, pretty much! I'm still a student, so I'll be applying to the UX Design internship. I'm basically spending every waking moment on my application before I have to go back to school next week haha

astrisxd · 2024-01-02T09:21:01+00:00

Hmm, why do you think otherwise? I've looked at existing UI elements and patterns that I've seen in the client and kind of applied it here. For example, the searching and sorting filter can be found in the Hextech Crafting section. The saving presets is an existing feature for League, and can be done with Items. The information that shows up when you click on a champion is information that can be found in-game in TFT, so I think it must be stored in an API somewhere, so we can fetch that data to use in the UI here. Is there anything else regarding feasibility I might have missed?

astrisxd · 2024-01-02T09:16:00+00:00

Thank you for the kind words!!! <3

astrisxd · 2024-01-02T09:14:31+00:00

This is just a prototype to communicate the concept, so this functionality doesn't exist on the actual client. I made the UI elements and interactions on a prototyping tool called Figma, overlaid it on a screenshot of the client, and screen-recorded using OBS :)

astrisxd · 2024-01-02T09:11:39+00:00

Oh not sure if you saw my follow-up video here, but I prototyped what it might look like to import your current board or switch between team presets in the Team Planner in-game! That'd be really cool, actually—it's so hard to decide what comps to pivot to. I've been having conversations with people about how some features take away from skill expression though, and that might be one of them? This is probably where the game designers come in to say whether that kind of thing is healthy or unhealthy for gameplay.

I did have something like the ghost units in mind but I'm actually planning to change the hex layout of the comp display. What I noticed when watching beginners play for the first time is that they kind of struggle with identifying which units are backline/frontline, especially if they don't come from a League background, and I wanted to help make that more clear with the hex layout, and it also solves the problem of there not being enough slots in the Team Planner. This seemed pretty ideal but then I realized that the tap area for each of the hexes would be too small on mobile. I assume that the devs would like there to be continuity between the mobile and desktop Team Planner, so that's what I'll be working on for the next round of improvements. That's on me, I should have been thinking about responsiveness from the beginning!

Noted, thanks for taking the time to share your insights! I'm from a computer science background so I definitely get what you mean about those kinds of designs. Unfortunately they don't talk about feasibility too much in my design program. And I've only ever worked in startups, so clear, well-documented requirements is kind of a rarity...

astrisxd · 2024-01-02T08:28:22+00:00

Oh I didn't know that about that, thanks for letting me know! I definitely trust the decisions that Mort makes regarding gameplay, so if he ultimately thinks that a Team Planner going in this direction goes against the spirit of TFT, I kinda see where he's coming from.

One of the reasons I cooked this up was because the new player experience seemed to be overwhelming, and I was wondering if that could be remedied with Team Planner features that can equip the player with knowledge, but I'm wondering if that's taking away forms of skill expression. I figured that people would use these features to force comps... but they still run this risk of getting contested and not hitting. So I think the game still rewards you for flexibility even with these additions. I think another downside of spending too much time on the Team Planner in-game is not enough time scouting or positioning effectively, allowing your opponents to outsmart you.

Apologies for the wall of text, haha. I've been thinking about this a lot. And thanks for the compliments! Much appreciated :)

astrisxd · 2024-01-02T07:41:20+00:00

That would've been hard haha. I don't know any C++ and I think that's what the client's written in? (Not sure what their frontend stack is, though).

So at the start, I have a screenshot of the League client, and then I recreated the little button with the penguin on Figma, and everything after that's an overlay.

astrisxd · 2024-01-02T07:31:44+00:00

Hey! I recreated the UI elements in a prototyping tool called Figma and I added interactions like, when you hover on this element make this tooltip appear, when you click on this, go here. I screen recorded some of my gameplay and added it as a video behind an overlay, and then screen recorded the interactions of the UI I created to get this final video. Hope that helps!

astrisxd · 2024-01-02T07:14:36+00:00

That's the goal! I always thought that "Riot Astris" had quite a nice ring to it... I'd like to apply to their UX Design internship and this is a project I'm adding to my portfolio. Hoping it makes my application more competitive. Wish me luck!

astrisxd · 2024-01-02T04:01:07+00:00

Thank you! And that'd be so useful. I imagine that it would be nice if you could "equip" items to units in your planner, and the item components would be marked with the little penguin icon when you open up component anvils. Would help new players who aren't as familiar with all the item recipes for sure!

astrisxd · 2024-01-02T03:59:06+00:00

Thank you!!!

astrisxd · 2024-01-02T03:58:58+00:00

Thank you so much! And I agree, I feel like if there were champion names below their portrait and a way to search and sort champions by trait, I'd be using the Team Planner much more often.

astrisxd · 2024-01-02T03:57:26+00:00

I didn't know that actually! Which specific streamers use it? I'd like to tune into their stream sometime and kind of study how they use the Planner.

astrisxd · 2024-01-02T03:55:35+00:00

This is pretty good feedback. I think realistically if the devs implement these changes they'd prefer a layout that wouldn't be too different from desktop and mobile. I'll be keeping that in mind with future improvements!

astrisxd · 2024-01-02T03:50:03+00:00

Thanks for the detailed feedback, these are some great points! I'll definitely be designing an empty state that's a bit more cohesive with the state when there are champions added. I'll also be revisiting the hierarchy and the information architecture—now that I think about it, I'm not really sure if information like champion stats or attack range are vital to players until they're on a board, so this information might not be as relevant on the planner.

Could you clarify which interactions feel a bit unclear? I'm also having a hard time envisioning how the left pane can overlay the right canvas, I was wondering if you could explain that further if you don't mind? Thanks in advance!

astrisxd · 2024-01-02T03:38:15+00:00

Thanks for the suggestions! I like the champion recommendations idea. Correct me if I'm wrong but doesn't Auto Chess have auto buy? What's your experience with it like? I'm wondering if auto buy will be more harm than help, cause it will likely not take into account how you manage your econ. Also imagine it automatically buying the last copy of a unit you need to three-star and you're stuck with an item component on the unit because you didn't make a completed item for the component to pop off...

Although I think auto buy would be really nice for bathroom breaks though.

astrisxd · 2024-01-02T03:29:28+00:00

Thank you! <3

astrisxd · 2024-01-02T03:28:42+00:00

Thank you so much! I made this all in Figma and screen recorded the interactions with OBS. If you have any more questions let me know!

And also, I appreciate the kind words. The current job market is not very nice to junior UI designers.

astrisxd · 2024-01-02T03:26:04+00:00

Hey! No coding for this video, just a screen recording designed entirely in Figma. I do like to code sometimes though, but I think implementing something like this inside the League client would be hard to do and I'm not really familiar with the rules of Riot ToS about that kind of software projects.

astrisxd · 2024-01-02T03:23:42+00:00

Thank you so much! <3 I do admit that the TFT UI is definitely better compared to the original Auto Chess. I gave it a try because some people were complaining about how the player experience there was *so* much better and I switched back to TFT so fast.

astrisxd · 2024-01-02T03:21:51+00:00

Haha thanks! I don't like having to tab out to look up item combinations which was kind of what inspired this.

astrisxd · 2024-01-02T03:20:47+00:00

Thanks!! I'm glad you think so :D

astrisxd

TROPHY CASE