How Riot could SAVE the League client - Redesign (concept)
HTML-код
- Опубликовано: 2 окт 2024
- i love league of legends even if league of legends doesnt love us... and even if the game sucks. but today, i show how Riot Games can save the game... or at least the client.
subscribe so you don't miss the next vid
streaming when I can down here
TWITCH / / fiftyverse
Why redesign the client. They know you losers are still gonna play the game regardless.
you not wrong but like damn 😭😭
dude is resentment made a person, we just trying to have a better game experience💀💀💀
@@lucasperez6177 play a different game that isn't ass.
Theyve already done it before, it used to be so much worse like 6 or 7 years ago
If I'm used to getting shafted without lube was a person
this looks insane, you might even say it's too much for this small indie company known as riot games.
you right might need scale back 🫣
This dudes is really rubbish!
What do you mean Indle company, This is not 2009 again and they a big company now.
@@CodeVenomSnakes its a joke amongst the comunnity they act all lazy like if they were a small indie company with no founds
💀
🤡@@CodeVenomSnakes
This is cool and all, but how does it increase lux skin sales?
man is asking the real questions
Yooo its rav poggers
And it doesn't even push pro play to hard on players who don't give a sh*t about it??? Unacceptable
Love the design you did. Only critique I have is that with a pre game screen like that, splash arts aren't getting enough love.
Agreed!
This, splasharts are amazing, they need more screen space in the loading screen
ya the pre game screen should remain the same with chats and friends bar added
+1
I thought the same, IMO it should still keep part of the current format but cleaner and with the features he added.
The fact that a single person can make such an insane client, but a whole ass company can't turn the map white is insane
so real man. so real.
@deadbysunrise66and the client stores so many elements of league that replacing it would be the biggest trouble, i bet they would run into hundreds of bugs and it wouldnt be fun to remake the client at all
LOL, this video is only "redesign" the interface, you banana. "The fact that a single person can make such an insane client", speak like an id***.
@deadbysunrise66 no it doesn't take 2 yrs, it should only take a few months at most, especially because riot has all the resources they can spare
@@otakujanaikara8720but they wouldn't use all of those resources just to fix the client... that's not how this works.
some of the people complaining haven't worked in an office environment... or at all, and it shows.
don't get me wrong, I agree that the client should be reworked and brought into the 2020's, but you've got to be realistic
I like this! The only thing though, is that the new pre-game screen doesn't show the splash-arts very well - which I really like. I like seeing the splash of my own skin :)
Pop Up when hovered?
pop up when hovered OR, have an animation, each player card sort of spins around the screen and goes into the same layout we know currently
No way this aint got like 1 million views or smt like that that's actually insane and pretty simple to understand design. Good Work bro
aye you know ball bro
preciate you 🙏🏽🙏🏽
This dudes is really rubbish!
It just came out, I'm sure it'll blow up once people start talking and sharing this around. It deserves more recognition I agree. League client is so frustrating. For a billion dollar company the client is a complete embarrassment and unacceptable. Being serviceable is not enough, it barely functions and crashes so much.
That’s what I thought, Riot should get in touch with you, actually great concept and surely millions of people are gonna see this
This definitely is amazing design concept for lol
Looks more mobile orientated than a PC client. But nice work
somebody hire this guy , he literally outsmarting riots game
🗣️🗣️
@@studiofty sadly they gonna say you don't have that 200 game design so your client is garbo (it's really clean tho)
Most people who get hired at Riot Games are probably being hired through connections rather than experience, sadly. That's why you see such incompetence.
To be honest, a few things about the Client I actually prefer more, like the chat and waiting screen. It doesn't always have to be simplified
Damn bro, that client redesign looks insane!!! Unfortunately, the best Riot can offer you for your design is $2; small indie companies are really struggling out here.
*sigh* understandable. they owe me a favor or two thou
@@studiofty15% off your next skin purchase should do the trick
I actually love it that the client(before game) is not fullscreen like valorant. Makes it more convenient in a way or feel unique.
and inconvenient for the systems to load two clients and rioters to bug fix all the mess caused by this
and if you like windowed client that much you can just make the client windowed.
I agree, many players do sth else during wait queue or need to look up things during champ select. The game not being fullscreen inhances usability in these moments.
alt+tab dude
@@gamersworld4176 I mean... it's lol man. anyone with decent pc can run it. so these bottlenecks are not really here.
Cool graphics, although the problem with league client is not so much UI design but rather the bugs, glitches, server issues and such - which you kind of address but I don't know why design change would actually solve the lag and such. If anything, having every process from home screen, champ select, and loading screen all try to run on one thing like you're trying to achieve could actually create more complex problems in the coding. Also, having the client as a window also helps players multi task with stuff while in queue and champ select. Making friends list collapsible discourages interaction, and those who want to play with their friends has no incentive to ever close it - I'd rather just have it on the side available at all times. The new pregame screen hides the splash art that gives characters and their skins a certain charm. Obv this was a short project and what you can really perfect in the time you had as one person is obviously not going to be perfect and views are subjective.
Nice effort overall and entertaining video
hey!! thanks for the feedback. i definitely get what your saying, unfortunately yeah most of what riot would need to fix is backend. i’d definitely change somethings given a longer period of time. preciate you thou !!
i think making the game and the client one thing would make a lot of sense. league is the only game i know of that runs like this and it honestly makes no sense. the only reason why someone would even use the client during the game would be texting someone and that could probably be changed for the new system in a way that would make sense. also i am pretty sure that u can resize the client and the game by simply changing the resolution to a smaller window so i dont really get ur multi tasking point. the friend list is also collapsible right now so thats not even new. i do agree with what ur saying about the bugs and the server issues tho, that should really be the first thing to fix before going for any UI changes
@@MFHighness Black Desert Online, Realm of the Mad God, and other MMOs very commonly do this Client>In-Game Client set up. Most of them do it for reasons other then why Riot likely does it. Riot likely does it because it was either easier to code or more efficient back when they first made it and it would be to big of a hassle to change it now. But you can see it somewhat commonly with games that have embedded links into them, think the YT videos and blog posts you see on the home page. I don't know why exactly this is the case but there is likely a reason for it otherwise companies wouldn't do it.
@@huntersuper98 idk bro but for a game where only 10 people are in a lobby at once and play on a map that is tiny compared to any mmo i dont really get how its that much better the way it is. but ay i am no game dev or anything also i dont even play the game that much so i can manage with the way it is. i would still prefer if it was all 1 window but u know what they say. never change a running system. it can stay as it is
@@MFHighness It's likely that it had a benefit back in the day either for efficiencies sake or it took less effort. But nowadays and with Riot's much more experience staff I don't know. It's likely that it's more work then it's worth to change it though. If they are working on it it's a back burner thing and with each addition to the game the timeline for when it'll be fixed increases.
bro's design looks like a mobile app...
because this is the future, see warzone main menu, valorant, fortnite, rocket league, overwatch, this "mobile design" its a motivation to new players come to game
Some criticism:
I'd say this is an example of creating UI without UX in mind, but the UI itself wasn't so hot either. In the process of cutting and compressing everything, you've created a ton of unused space which is a huge no no in this field. Even with the chat box and friends list overlay open, half (if not more) of the client is completely empty, just a background. The client background is not UI, even if its dynamic, so you shouldn't treat it as such. I strongly recommend exclusively designing UI without a background, as the only thing that should be influencing your UI is a grid.
I can't say any of these scenes are anywhere near as good as the original scenes, especially the champ select, loading, and post game scenes. However the quality of your effort and presentation is high, which I appreciate, so keep it up.
Pretty much what I was going to say, well formulated - with the added downside that the new loading screen before hopping in game kills the full size splash arts which Riot relies on heavily for their monetization.
It's a very thorough and well presented project, but doomed to remain hypothetical. Cool video though! I left a like for the big efforts into presentation and the ambitious scope.
You're tripping if you think the new scenes aren't better the the current scenes we have, everything about this redesign is an improvement over the current client that we have, the pre game, the post game and the champ select screens especially are a straight up modernisation of the current version.
If you can't see something that obvious of an improvement and are still poking holes in a passion project to this degree, then I can only surmise that you're a stickler for all things design and don't actually care about an updated client, cos this video encapsulates exactly what the community has wanted for a number of years now and it hits the nail on the head perfectly.
@@Yese7nah, the match loading screen is fine as is, those sidebar splash art things don't work imo. and the post game lobby looks like it's from a mobile knock off. It's pretty, really so, but not very practical at all. You don't hate the way the client looks, you hate the way it works
Last sentence is exactly it - it's clunky, it's too many clicks, but the visuals are fine. This project is all visuals. It doesn't solve problems, it sabotages user experience to focus really hard on specific pain points.
@@gastonzumbo9860 fair play you make a good point
You transformed it into a mobile version of it. The UX/UI used is mobile friendly. For desktop it's not good at all.
This looks amazing! I wish Riot would reach out to you and take this into account if/when they're going to give the client a makeover!
they definitely should preciate it !!
You did! You made it less practical and minimalist than it already is. Great job🎉
Fantastic ideas! I love how you explain your thought process for why things should be the way are. Maybe Riot can learn a lesson or two from you XD
i could teach a thing or two 🤔
They wont
he only made the design without coding etc. Redoing the client would take 2 years probably because the previous company who created league used outdated methods and its very difficult and time consuming to fix. they need to create league of legends 2 or something and write everything from scratch - which they will never do - so they fix only tiny things which takes them also ages and lots of ressources.
@@navarone4031 they client is just a chromium page, you are right about the game tho
Im comfortable with client being a samll window as it is now, fullscreen would be much less comfortable. I think there are alot of people who agree with me. I have it open almost 24/7, and this client window takes much less resources then fullscreen game like shitorant.
Really good, but i think it's better if you keep the client to a window and the "accept match" popup to be on the center of the screen like now. Fullscreen is nice but a window is more convenient and easier to access. Also the victory screen is a bit empty, maybe adding some cool graphs or stats could be nice.
alr bet bet i see what ur saying. preciate the feedback !
@@studioftyi also really like your Ideas but i really prefer the windowed client because it's easier to do other things.
nah,its better in full screen
like in dota 2
@@FNCMontragorYou can just use windowed fullscreen tho
That's what that settings for
@@Takanashi_Hoshino69 But then the game would also be in windowed mode.
As much as the redesigned loading screen looks way better, this way you dont get to see much of a skins splash art, which I do find is enjoyable and might be why the current loading screen has portrait shaped profiles. As a small improvement, I feel like hovering over (Or clicking) someones profile should pull up the splash portrait in the middle, possibly with other details on it like mastery.
Really cool redesign and fantastic video overall. It's criminal how under the radar your content currently is, your work deserves way more recognition!
that means so much thank u 🙏🏽🙏🏽
This dudes is really rubbish!
IKR this is actually a banger in terms of video-producing
He
1. uses quick edits with funny league words
2. actually does what the video claims to be
3. creates a whole explanation of what he did *with* animations
and
4. leaves it as a 7-minute video
5. also looks like my brothers friend but in a AU
he only made the design without coding etc. Redoing the client would take 2 years probably because the previous company who created league used outdated methods and its very difficult and time consuming to fix. they need to create league of legends 2 or something and write everything from scratch - which they will never do - so they fix only tiny things which takes them also ages and lots of ressources.
Rubbish, i could do better in a day!@@navarone4031
Actually full screen isn’t that nice. I prefer to do other things while being able to have the client floating until an actual match is ready. League client can sit for a while idle, no need to dedicate a whole screen for that
As neat as it might look (it's actually fairly close to the Legends of Runeterra main menu) this doesn't account for A LOT of how the client works.
The reason the client is the way that it is, is mostly for technical reasons. Making it work smoothly is tough and the transitions from client to game are separate because that's how it works. The only reason we even have a loading screen after draft is because the game is literally building on each client (so it only uses the minimum amount of asset resources on each machine) and moving stuff around into RAM. There is a ton of performance reasons for why the game works as it does.
Granted, I'm sure some of the things you showed could in theory exist, but it would require a humongous effort on the part of several teams.
And to fix the client, they would first need to refactor the entire backend which could take years of work even with a team of experts.
I do fine your design appealing but it isn't PC LoL. It's more Wild Rift. Also, in regards to the end screen, there is a huge design philosophy behind changing it that needs to be considered. Emphasis on winning/losing should lesser than how you actually played. There is so much you could in theory do with it in terms of looks and information but the psychology is the most important thing to account for imo. It's something game designers would call an impossible problem because when you fix one thing, you inherently worsen something else. Minimalism could hurt clarity. The font size of "Victory" could emphasize the wrong approach to the game. An MVP makes one player feel great and can make others feel worse. Showing damage is useless if you are a healing support, making you feel less valued by the screen itself. There is a ton of conflicts like that where you just have to commit to what you value more rather than trying to solve both problems and these types of decisions take a long time just to agree upon way before starting to design and implement anything.
The philosophy behind the League client is a lot more sophisticated than it appears. While some small aspects can probably be improved quickly (like UX/UI some of which you've shown), a lot requires a lot more care.
I loved the video btw. As someone who is obsessed with UX, this was wonderful. I don't want to undersell how much I enjoyed this. But I also want to make sure that it is understood that Riot aren't stupid and the reason things are the way they are is for many, many good reasons. Hope you make of of this stuff. Super entertaining video!
Good comment, as a UX designer I agree on these points. There is so much more going on behind the scenes. I also think the design could be a lot better, I think it looks too simple and too clean. It doesn't fit League, it misses the cozy and warm feel the current client gives.
bro i m sorry but thats looks like a mobile legends or something like that and i think thats not for a pc maybe mobile phone i realy dont like it
Uour design is incredibly good, cozy and comfortable, and game transitioning into a match and from a match done so elegantly
preciate you for watching!! glad you liked it
It does look cool, the new homescreen is much better and having game and client as one is a must. But i think the windowed client has it's good things about it. I love that i can just drag it to the side and be on Discord or YT or somehting like that. I also think the game loading screen doesn't show the splasharts of the Skins a lot. Whenever i buy a skin I love to have a sick splashart and you only see that in the loading screen so it kinda defeats the purpose. Also having a team chat in the loading screen is a must. I hate it when I have a conversation in champ select and it just ends because of the 5 minute loading screen.
Your redesign is extremely well done and you should feel proud of the end result. Your redesign is so much better than the absolute garbage client we have right now. I hope Riot fixes the client someday soon because the current client is an embarrassment.
Amazing redesign! The only thing I don’t think is change is the waiting for game screen. It’s the only time we get to see splash arts actually in game so squishing them down like valorant kind of defeats the purpose. The reason it works so well for valorpants is because they redesign all of your name cards to fit horizontal and vertical.
Great design brother, loved it.
The only thing I would change are the currencies to be on the part of the profile, since they're associated with the player.
thanks man!
i see what you’re saying. my thinking around it was to associate it with the shop and the things you get from it. what you said definitely makes sense thou
I have mixed feelings ngl, on one hand your work is "good", on the other, it's fundamentally flawed, the moment you said it was needed for it to be fullscreen like any "relevant" game,idk but i have a pretty powerful pc and the funnist stuff is whenever a videogame it's only fullscreen and, you tab out, then the game discombobulates randomly, no matter if you have 16+gb ram with a decent video card lmfao. I personally like windowed clients, they allow for user comfort, wich should be the focus of a client. Gj tho, in my personal opinion what i would do would be making it a fullscreen window like photoshop or gogle chrome, that way your pc won't fuck up the program while you do something else. And tab between apps.
WTF, this is amazing! Congrats, if implemented this would surely help to make the game feel less like shit and more like a pretty piece of poop. Even so, your work still seems incredible. Keep it up!
on godddd.. preciate the support !!
he only made the design without coding etc. Redoing the client would take 2 years probably because the previous company who created league used outdated methods and its very difficult and time consuming to fix. they need to create league of legends 2 or something and write everything from scratch - which they will never do - so they fix only tiny things which takes them also ages and lots of ressources.
Dislikes incoming for the TFT diss
you dont know how SERIOUS Koreans take TFT man.
my mom still being cursed to this day
So far, bravo man, your redesign was really awesome and I wish Riot would even take 3 days to make it real :(
Your client concept is so beautiful my man!! But I don't think a small indie company could get it implemented
tbh i like the current launcher. i had no problems with him.
That was really really good! Altough there is one problem with the loading screen, because with the characters being so small the borders are going to be a pain to make them look good
I think its pretty cool BUT I think pre game screen has too many features to understand and may have cause many bugs and lags. There is a bug that makes you wait after match starts while your looking at pre screen. It will be useless for high elo because it starts in "10 seconds".
Honestly tft deserves its own client, the tft devs actually give half a shit about their game 💀
I'm sorry, but i dont like it.
It looks like every other mobile moba today.
Id rather have the current design.
Also, the redesigned champ select reminds me of the old one, way too harsh with the squares.
This looking so damn good, they should hire you and let you do all the redesign without ever doubting
putting emphasis on the victory screen is a bad bad idea, promoting wins as important is how you make the game more toxic than it already is.
This must have taken a lot time to do, seems super thought out and sleek. But i think it could be better. Here are some recommendations of mine
1. In the pregame loading i think there should be a icon next to the banner as opposed to the crest you have rn, i think it looks a but weird and doesnt pop out much.
2. The after screen should have the dmg charts right next to it or have a siggestive arrow to click that will take you there, since thats the first peice of info somone will always want 99% of the time.
it definitely took some time lol. those are some good ideas, preciate the reply!!
@@studioftyi have some more,
I think having a radiant aura around the mvp would be cool.
A clickable challenge level pendant just below the profile pfp
An icon in the homescreen that can allow the background splashart to be changed. (Riot has a website with official splasharts for this)
I wanted to include these but they didnt save
I like almost all of the changes except for the loading screen because the splash arts aren't as visible as they are now
This was so incredible my lord. It’s amazing what a person can do when they’re passionate about their work
Personally, while I do enjoy your ideas in theory, in practice I think they are removing some truly iconic images from the game. Defeat and victory screens, while arguably boring are special for a reason.
Other people mentioned it too, but windowed client is extremely convenient, especially for high elo players who can wait up to 10/15 minutes for a match.
Also it’s mostly personal taste, but I am not a big fan of that loading screen - I feel like we don’t need an emphasis on the map (unlike Valorant) and you are taking away some of best parts of league (splash arts that are mainly visible on loading screen) And how would you check masteries and eternals and BORDERS on that loading screen?
Apart from that, it was a fascinating video! Keep it up! 😊
Nah bro this aint it
I personally don't vibe with it for a few reasons.
-The design feels kind claustrophobic to me in champ select yet too empty in the home screen. (Like why does the splash art of Ahri take up 80% of the screen, but queue take up 5%?)
- I don't like how the client is constant full screen. (I like being able to have the home client just chilling in the background while in queue. When queue pops and I go to champ select I can still mess around on my other screens to at look builds, match ups, win rates etc)
- I have a long standing hatred for UI animations. (UI animations always makes an user interactions feel like you have 500 ping between clicking and being able to interact with the next thing)
Though that's the thing about UI design, it's basically art. Some people will love it, some people will hate it. You put a lot of good work and planning into that which I like.
Honestly separating TFT and League would be AMAZING!!! As a retired league player it SUCKS having to download the whole client just because of TFT. Less data to process and much faster loading for both TFT and lol. Hope someday this comes true.
Yeah, it looks pretty good... however, is there even a problem with the actual client?
As a concept it is a great idea... but, your solution for a better client was to redesign it from the bottom, when you didn't even take the time to identify the problem correctly.
I will repeat it for those who don't understand, it is a great design concept for a 2 week project.
BUT saying that's the solution is out of question when you didn't defined the problem. Sharing a concept is cool and you never know when it will open you opportunities... the approach of "I got the solution for ____(for what?, really)" is just so unnecesary.
My concern comes for the people watching and thinking that it should be done as a solution, or young desginers that think the same way when approaching a project. NO, never give solutions for things you haven't investigated well enough. The problem might not even be the one you are thinking it is.
The video makes a great point when asking "why the need of two clients loading at the same time?", but then, he never explained why is that or why haven't they changed it, as a part of a diagnosis in any project. Repeating one last time, my concern comes from a planification standpoint, do not think you have solutions when you haven't correctly identified the problem.
You simple changed the navigation bar from horizontal on top to vertical on the left, the "content grouping" already exists, in the exact same manner and removed a bunch of features. on the home screen alone, these things are missing:
-crafting
-voice chat
-bugreport
-clash
-your shop
-social tab management (adding friends, creating folders, options)
-patch info (yes this is useful)
-esports advertisements/info
-patchnotes
-merch
-tft (no you can't just remove it, in fact a proper redesign should incorporate all of riot's games in 1 client)
also how does the friendslist being collapsible make navigation easier? you have nothing behind it. furthermore the current friendslist is equally collapsible.
getting into a match also isn't faster unless all you do is play the same queue solo.
but if you want to do something else, like play aram then in your design you have to click pvp, then make a selection. and all this while not using 90% of the screen. there's no reason for it to be that small, that'll create miss clicks and frustration in general. being able to drag ppl from the friendslist into the current lobby is also something useful that's gone.
champ select screen while not bad, i can't call it an upgrade at all. at least here you didn't remove functionality i don't think
loading screen: there are technical reasons for it to exist, that wasn't a visual design choice. separating the client and the game helps low end systems a lot in fact. the client auto closing/reopening is a SETTING you can enable/disable that's meant to help low end system, taking this option away is not an option.
post game screen: again you just removed a bunch of things and just hand waved "people get performance metric based titles". implementation is the first problem in a complex game like LoL. furthermore having the post game screen in the content tab of the client isn't practical, you are limiting the usable space on the screen for no real upside.
furthermore the obsession with putting all navigation on the left is bad, this isn't mobile, you navigate with a bar on top. that is practical and standard, hence intuitive.
overall, this redesign removes functionality to implement a visual style that you personally prefer, not one that is better.
Alright... everything looks very nice but I'm completly against the TFT removal. It's crucial for it to have an own tab since there's so much TFT content already, for example the TFT pass. Other than that, very good work.
While I think this redesign is definitely more modern it also loses any and all style that the current client and look has which is already a stylistic downgrade from what they had previously. It would be significantly more functional yes but people can get over the small inconveniences if it feels satisfying to interact with the medium. Which is why fundamentally if the client worked better then it does without changing anything stylistically that would be perfect. Of course adjustments here and there are to be expected but I'd hate to see a full group up "modernization" of the League client when personally I think all passion and style has been lost with all the games that do the whole "modernization" aspect of it. A middle ground would be perfect but considering that this video was done by a single student it looks great and if it really did only take you 15 days or so to make it that's all that more impressive. It's also impressive that no truly new assets were really made, mostly adjustments to what already existed which is no easy feat. Despite that though I can't say I would want something like this to be the League client. That's my own opinion though.
not original imo, every game nowadays goes for the left-side, it's giving mobile game. the loading screen is a botchery, looks exactly like valorant. the problem is people in league also pay for splash arts when they buy skins so making their specific splash art cuts into 'namecards' ruins the whole purpose of buying skins. not to mention people pay for something called "borders" for their skins, this goes against what people purchased. minimalism will be the death of us
What about the loading screen borders? A lot of players have spent money on different borders for their ultimate/mythic skins. With your redesign the loading screen borders vanish. (Not a personal problem, however some players would get upset)
although your design is very good looking it has a major flaw, that being that it straight up, just is not convenient at all, its worse in most aspects when compared to the current one
client :
i like a lot of the design but i got to disagree on a few places, you said the original client is all over the place, when its quite organized, specially on layout, its easier on the eye since things arent divided between each side of the screen, every single part of your layout is on the left, while the profile and socials is on the right, so when you try to use both at the same time you are going to need to dart from one side of the screen to the other.
while on league's original client as the layout takes only the top part, the left part being focused on the game aspect of the layout, and the right part being reserved to the client itself, you only ever need to go to the left side when you are going to queue up, even the home and tft page since they are on the top are faster to access than a sidebar.
the TFT part of the client is also very important since it not only makes the client more accessible to TFT players it also helps a lot to maintain league's player base since a lot of people only play league for the TFT, so making it harder to access anything TFT related would just be a bad decision
Where is league voice? its an important feature of LoL, and although a bunch of people dont use it, you still may prefer it over discord if you dont want to give your discord information to strangers, or if someone in your team doesnt have a very great pc and cant handle both at the same time
Another important thing is where is the profile page? is it in the profile picture? If so, is it separated from the profile customization and if thats the case in what way? since they serve completely different purposes it would be a little bit unintuitive to just put it there without any way for the player to know without clicking. you cant also make them the same page since the profile page is massive and it uses a lot of that space not only to convey important information, like match history, your playstyle, your rank progression and rewards, honor levels, exact amounts of exp, trophies, banners, masteries, etc, from your design it just feels like we lost all that or that it got compressed so it could fit in a page with the profile customization.
where are the skin offers? are the skins on the background the offers? if so where is the homepage cause if its included on that area, then its just a straight up a worse homepage, since you dont really get the names of each section of the homepage it would be harder to ascertain what dot is which
and although combining everything into the collection page may look good from a desing perspective, cause the collection page already has so much shit, adding the loot page onto it could feel even more cluttered.
another problem with all that is the performance, since one of the reasons for the current client being so laggy is how reactive it is, and with the new client you made being even more reactive with a bunch of new effects and animations, it would get even more laggy.
you also gutted the gamemode select screen cause instead of using all the space to improve it, you tried to make it so small that it actually gets cluttered, and would most likely be harder for a new player to ascertain what is what at glance, like the multiple gamemodes, if they can or not play those, the reason for that, those gamemodes descriptions, etc.
and again WHERE IS THE LOBBY? Why remove cool and interesting features just like that, and yes i do see that you simplified it but making it smaller. But again there is a bunch of important things missing, like the button to make the party invite only, the gamemode selected, what points you get from playing that gamemode, the list of suggested invites, and people already invited, the button TO LITERALLY STOP THE QUEUE, you also cant see other peoples profile icons, tokens, borders, banners, names, challenge ranks, which kinda of removes the point of having them in the first place, even tho they are an actual good and interesting feature that helps make your account feel unique
and again there are actual things that i like about your design cause they are better than the current client ones, like the social list, although it could smaller and more concise to make better use of the space, the fact that you actually can collapse is just massive, since the size of the social list doesnt really matter if you can just collapse it and use the space either way. the design is also very good looking specially the play button, same can be said of the content area, and using the extra space for splash arts is just a genius idea, but the thing is none of these things solves the problems talked about above, and that is what makes this design worse from my point of view, as the design is not a piece of art to be looked upon but rather a game element, its way more important for it to be easy and intuitive to understand, be it for people that already play the game or newcomers.
another problem is that a massive change like that in design would take a lot of time for players to get accustomed to, especially since its such a radical change
two more tabs to go
champ select:
where is the button to edit your runes and select automatic runes depending on champs, there is no reason to remove quality of life improvements, other than to make the game blatantly worse, and no matter where you put those its a straight up downgrade, since if they are inside the rune select it would just be an inconvenience, since instead of a single click to access those functions now you need two, and that adds up pretty fast if you need to make multiple changes, being specially detrimental if those changes are last minute changes
league voice again nowhere to be seen, the same can be said for the missions tab that you cant even check anymore, and although the entire social tab is nice, the only thing that adds up is being able to see who is online and such, since you can already access your friend's chats from the current client, you cant even double check what gamemode you are playing either.
although removing the color and adding the shatter on top of the icon sound like a good idea, since it does look kinda good, its just not a good idea, it makes it harder to recognize a few champs in their splash arts with a glance, specially if you dont fully know the roster
on topic of new players, removing the "DECLARE YOUR CHAMPION!" text isnt a very good idea, since its there for a reason, and it does help guide players.
and although like you said, you try to stay true to the hextech elements, that isnt really the case since the current client does a way better job of actually showing that thematic. Even then I do have to agree with you when it comes to skin select, your design does look better and more sleek, well that is, until you see the sidebars, the problem with them is that, 1 they dont show the original champions icons and that is very important for a new player so that he can differentiate the champions easier, and know their actual looks, instead of getting confused with skins that can variate a lot in looks but retain the same name, this even interacts with the store better, since the new player is going to look for the name of the champ and the image that he saw, which can be either harder to find since he is looking for a skin not the actual champion, or a let down, since skins can look way better than the base design at times, and 2, the name, position and spells are quite far apart which again although not as much, kinda makes you dart where your looking from side to side, when trying to see both at the same time.
pre-game:
although the new features are nice like team chat, customization and socials, you still have things like the tips and trivia being at the top of the screen when your eyes are going to be resting at the center/bottom area of the page since that is where there are the most elements to interact with, so having to move your eyes all the way up there to check on the trivia and loading timer is bad
and again for whatever reason you decided to gut another huge amount of features, way less space for the splash art, mastery, eternals, banners, icons, borders, tokens, the ranks borders, titles, hornor, not only all that but it also retains that same problem of the champ select, that being separating both the runes and the summoner spells.
and guess jackass you still are going to need to wait for the client to open and load the game, or at least an equivalent to that, since the reason it takes time in the first place is that its loading the rift and its assets, and just having those loaded can again affect the performance, and another reason for having both as one not charging loading times is that a big part of that is synching everyone's internet up, so it depends on the players wi-fi not on riot.
post-game:
again the post game does look good but it still is missing a lot of important information and aspects, like honoring teammates, other important game metrics that arent dmg dealt, like dmg taken, cc scores, gold leads, the amount of exp isnt shown, the LP gain although shown its in a very minor way which doesnt help with feeling victorius since its looks like such an after thought, you also dont see challenges nor eternals progression, and you also dont get your rating, which again, are things that help you feel victorius and like you played well, and if thats the whole point of remaking the post game screen why not include those too? Its one of my favourite pages by far that you made, and yet it lacks so much important things.
i do gotta say that queuing up again is nicer with that design, although its not like the current one makes it a lot harder
This doesn't look good and I really dislike that ''minimalist'' designe that modern designers are so obsessed with.
I especially dislike how small the ''match ready'' button is.
Current Client looks good, problem is not designe, but the way it's programmed.
I don't get why valve can build a game from scratch on a new engine and riot couldn't. Just make a new game?! Transfer everything and make it future proof for the next 50yrs
Offended TFT enjoyer here, but good design still. I like the Post Game change, the 'Play Again' button being right there makes it real convenient.
i dont think every game has to have the "modern" look with the generic clean design and stuff. I like the league clients design (except the shop),they have to fix the code tho like the bugs happen pretty frequently
Bro, im not saying its a bad design but, it really looks like a mobile game design instead of a pc game.
I think the riots design is really acceptable but they just need to fix the bugs and thats everything we need.
It is too like the mobile game. I mean it's a great work and good job, but i like more the current style. I think you should make another "re-design" but with the current style.
I think you have done an awesome job, but I have a question. Would you stay in the end game screen when you queue up again? Because some people might not wanna stay in the end game screen after the game has ended.
ngl i pref the current one, it has a lot more personality than the redesigned one. Plus the loading screen doesn't really show enough of the skins splash art, which most don't care about but its just a nice detail to have.
The only part of this i didnt like was the loading screen. Those 30 seconds are for flexing your skin splash art and looking at peoples champion mastery/titles etc
could be just me, but i'd still prefer the client being half my screen, but I hate dota and valorant just because of this very reason
This channel is so underrated
Yo yo yo now that is something cool
Just watching this video and seeing how the client could optimized makes me wanna willingly play league
Nah this is L
if my clients were to be take up my whole screen I’d never have it open in the background
WTF?! This is super cool. I fvcking love it mf, really really great job.
Yeah right now we need to open two clients before you boot up the actual game and the after game ratings is needed aswell
Good try, but honestly I don't like this design. It looks much more complicated and many decisions are not UX friendly.
1. there is so much space in the center of the screen with no relevant information or buttons that I will use on a daily basis. As an example: Why do you think the play button needs to be on the left side of the navigation? This button could be much better placed on the left big screen.
2. the "choose your mode" info box after clicking the play button is absolutely terrible imo. They don't look like clickable objects, the border is too small and the buttons don't prioritize the most common and important and advertised game mode - ranked. The "Last played" placeholder above the duo mode indicates that you can't even find this button in the list, much more it looks like this is a placeholder for the last played mode. I know the intention, but it raises questions.
3. the flow after you hit the queue is very good! It doesn't feel clunky at all and that's a very big plus point. But also the feedback when you go into the queue is non-existent. It's too small, no real visual feedback that you've actually hit the queue. I also don't like that the "Accept Button" is on the left and the middle part is still untouched. I imagine this would cause many to not get to the game because you have to go all the way to the left to click the little button that doesn't have as much impact on the screen. There's a reason why it's currently in the center of the screen and very large because people often forget to click it.
4. the loading screen is missing most of the skin splash art. This is not good because people buy skins to have something for themselves, but also to show to others. Also, the loading screen is hard to expand if Riot wants to add new personalized stuff. I really like the team chat!
5. the victory screen is really decent and I like the idea that the winning team should feel the victory after the game. But the buttons like the scoreboard and stats are so hidden. Why is that? When I first saw the video, I thought you forgot about them, only to realize they were at the bottom of the screen.
I mean, the Design looks clean and good and probably thats the main goal for this design: To look good.
But in perspective of UX it is, sorry when I say it so harsh, terrible and very bad.
Hey, I really appreciate this feedback (I mean it I'm not just saying it lol). I completely get where you are coming from on each of those points you mentioned. Right now I go to school full-time, work part-time, and then also "try" to get videos out some what quickly. That results in certain aspects, such as many UX issues like you mentioned, becoming neglected... along with the things I of course just straight up missed the mark on, time restricted or not. Your response helps me improve moving forward so I really appreciate it
i’m actually really impressed with this redesign. most redesign videos that i’ve seen make really bad and unnecessary changes that make the interface look boring and unoriginal
Sorry but this looks horrible. Champ select and loading screens look souless.
in general it`s not a bad client design but it doesnt fit league of legends in my opinion
Amazing design but would probably be a backend nightmare lmao
I agree on most of the thing but the pregame need to keep the skin show and the mastery
actually really cool, hope riot is taking notes
mobil game looking aah design
Pre game lobby not showing the full spalsh arts is an issue for me
I won't lie I like that the client isnt a fullscreen client any other game
idk but its like a mobile version with a twist of mobile legends.
I like it but I also think that things like "news" and "patch notes" might be good to have grouped together in an "updates" tab or something similar! Great vid man
god damn, a fiddlesticks support
Riot is gonna ask you to take this down when they see this...
The only thing they need to fix is the two clients
nah current one is cool just bugs need to be fixed
Bro has 500 subs??? What the hell this shits awesome
looks bad, nice effort tho.
its so bad bro wtf
Biggest proof that riot is small indie company
Minus the dreads you are exactly what I expect every lulu player looks like
LMAOOO WHAT
good design but for the mobile version not the pc
Has anyone noticed his pretty nails? :D
I really like the fresh new look and the idea of sorting the content shown in the client in groups that make sense, the post game screen is a cool concept as well but I'd miss all the detailed statistics compared in a chart. My biggest issue was with the loading screen, because I'd rather want to see the full splash art of the champions and skins instead of a zoomed in version. Imo your design focuses a bit too much on sums and runes, they can be smaller maybe. The idea of having the teams sliding in from the left and right side of the screen is great because that opens up a better way to look at the splash arts if the squares had a different format
No, this design thras too do not do that Riot thx
I really like the re-design idea, but there seem to be some huge flaws:
With your concept (at least as per shown in the video), the role selection kinda disappeared and, assuming it would be an "update" on the gamemode window, I do not honestly like the hidden info it would cause (removing gamemode selection to show role selection).
While the accept button is really cool and with a nice animation that doesn't break the client's flow, a really big and centered button like it is right now would be way more user friendly. Especially considering that people alt-tab quite a lot during matchmaking (in a medium elo environment it takes at least 30 seconds to find a game; in high elo even more than 10 minutes).
Really like the friends chat during champ select, which kinda balances the lobby chat visually. I'm not really sure about a so small "first pick" font-size (and same goes for its position) but I honestly cannot stand the summoner spells being so small. A thing I would've thought of adding, more player than design-wise, would be my ally's keystone rune and maybe the secondary if it ain't too much visually.
Pre-game screen is probably the worst screen there is in the redesign. In itself, as always, it keeps a good flow, but both as a player who spent money and a developer who's trying to get money and make people grind, I would make champion banners way bigger (kinda like they are right now) to make people flex skins and rank borders, since in your redesign they are so visually ignorable. Still like having both chats on by the way. It's not necessary, but it's a nice thing to have for sure. Last but not least for this screen I still feel like summoner spells are too small. They are really important from a player PoV, so I would make them bigger and more noticeable. The same goes for runes.
I really like the end-game recap screen, but your "victory concept" lacks a little. All in all it's a nice idea, but the most important thing that makes a game feel like a win or a lose, is the LP loss/gain (obviously this goes only for rankeds). To find it in your concept I had to really look for it, which ain't a good sign.
All in all, congrats for the project, the successful video, and wish you the best of luck 💪
Riot should be paying this man for this idea!
However if I know anything about companies they'll just find a way to steal it and claim it was their idea 😭
Amazing redesign. The only thing I like better is Wild Rifts end game screen with the MVP because it shows all the champions on your team, but your idea of giving everyone labels is amazing. It would highlight what everyone did rather than not giving them any credit at all.
Even if their KDA is ass do it matter if they're the only one that took objectives and caused a lot of pressure? Shit like that would be nice to highlight 😁
I'm gonna be honest, while this is a good showcase of your skills, it also fails to address some core problems of the game's client.
You did spot on with the single client for both out-of-game and in-game stuff. Quick game from the home screen is also brilliant. But that aside, you focused on the coolness factor more than the actual utility the current client brings, bugs and lag aside.
The end screen was abysmally negligent of the actual intent to me. I want to see stats, I want to see information, not pretty animations and skin previews.
The pre-game loading screen hid the skins' splash art, literally one of the main selling points of the skins, let alone the borders from bundles. Riot wouldn't ever allow that so it's unfathomable that you would even consider alternating the design. Plus, the current design could only use some selective modernization, a full revamp is almost unnecessary.
And the biggest offense is the in-game vs out-of-game utility you missed on. Nothing like entering your profile settings in-game with the single client you have, and adjusting settings and preferences, in either the same game, or in a separate window, like adjusting rune pages, item sets, purchasing skins, champions, buying RP, looking up profiles like you would with u.gg, having an official source of game statistics like win rates and such.
You'd think in 2023 Riot would've grown out of the client being a web app (It's standard HTML, CSS, JS) but here we are lol. Perfect opportunity to rework both lobby and in-game into one client.