Steam has a skins feature and I spent the majority of this video hoping you could somehow cram this redesign into one. This would massively improve using Steam and I hope Valve takes notice of this video.
I see so many of these "Redesigning" videos and they all revolve around making it look flashy and fancy, but none of them actually solve the intrinsic issues with the user experience. You show great understanding of both UX and UI, so much so that it captivated me to sit through the entire 20 minute video. Well done!
Also a lot of them from what I've seen, completely changes the style of steam making it look either super generic or completely unrecognizable which I think would only amplify the confusion caused by new """improved""" design. Unlike this one which is just mwah, chef's kiss.
The main thing I disagree with is the "remove from wishlist" icon. Making an icon just change to red is extremely poor for accessibility. I'd at least make it switch the icon from filled to outline only or throw a line through it too
At first I was thinking "I don't mind the Steam UI, I think it's mostly fine...". Then two minutes into the video I was already mind blown by how much better you were making things. At the end, your design was SO much better, and still very in line with the original.
As a UI design professor, I can say that the work you have done is impressive. Without a doubt, Steam's main problem is that many sections have been updated while others have not, showing their age. Hopefully Gabe sees this video and hires you. Congratulations, new subscriber.
Okay, I've got to 13:22 and I just wanna say I've seen a couple redesign videos / shorts for steams UI and I have to say, this is _the_ version of Steam I would want to see, all the others feel soulless or just a copy-paste of other places, here you're preserving the cool things about steam, and even sticking to the colour UI, its awesome!
Honestly, The downloads on the bottom with the "manage downloads" and the bar that show progress is one of their best ui. No joke. You cannot take that away
okay so this is impressive on more than one account, first and most obvious the effort that goes into redesigning this primordial monster of a client. Second and equally impressive, is editing the video to easily visualize and entertain the viewer. you're amazing.
Steam should totally get her on board to do the redesign as long as it doesn't sacrifice existing functionality, features and options, Hate when companies do that in name of simplified modern design.
It really is what Big Picture failed to be. Big icons, quick access to the main stuff, and properly segmented. Big screen is stuffed with just 3 elements, hard to navigate, and way too blue.
As a UX designer, this is great! You did a lot more work than just UI, you did a lot of UX work too and I love it! Steam page has driven me nuts for years, so seeing someone else point it out made my day!
As a UX designer you should know that you should do user testing and user research, none of which has been done in this video. You don't redesign without data.
@@randoguy7488 You're a technically true, but this video is more of an excersize what one can do with the knowledge they currently have. It's obvious that her background is in UI rather than UX, but if someone wants expand their skill, this will do it. Also collecting data from a channeled audience isn't really that usefully since the viewers of these videos aren't the average user of steam
For example, Valve wanted the game library on the left to be more spaced out similar to the one in the video but due to the community feedback, they kept it compact like it still is now. The colour of the "Add to cart" button has been green for years, yet she assigned the previous CTA colour, to a non clickable element - the % off. Or the right side of the profile, instead of displaying the player's status, it's now crammed in a small box with "Status" right in front of it. In no way is this better because if proper research would have been done, it'd be obvious, that the small box can't fit "In-game: Kingdom Come: Deliverance" Or the "toggle" switch in the "Edit player profile", of course Valve knows that a switch exists, they use it in the Steam settings menu, but they also know, that a switch provides instant feedback and change, compared to a checkbox. That's the whole point of the "Save changes" button, so it can apply it to the Steam's database and not flood it with SQL queries each time you change a character. Maybe the so called RUclips UI redesigners should know that. These illogical things stack, but for people with no UX background it's enough to be wowed by the colours and overuse of whitespace.
@@randoguy7488this is exactly the part where we do the testing. the prototype is available on Figma and I’m collecting everyone’s feedback to update the design. but I appreciate your feedback.
I died when I saw the Twitter icon. This is an incredible, in depth redesign. Fantastic job. I can’t imagine how much work this took. I want this to be the actual interface so bad.
Damn I'm now angry and sad that we don't have the Steam UI like this. Such a wonderful redesign and also I love the format, editing and narration of the video. Didn't even feel the 20 mins. Fantastic job!
Explaining your rationale is much better than leaving it up to interpretation. In an agency setting it 'may' help to reduce the amount of feedback and amends. :D
This is an insane amount of thought and effort put into a project that is unlikely to ever be implemented. But damn is it satisfying seeing what could be. Not only did you do all the work, but you also created and voiced / animated an entire presentation with explanations for each of the changes. Can't applaud this work enough! The amount of jank in the basic navigation that is solved by some of these changes would be a god send. Then I remember this is Valve, so even if by some miracle they took this type of advice, it would take them like 7 years to implement half of it, and it would be in the most unintuitive order possible. 😢
the amount of code this would generate will take approx 7 years though. cause if you want that kind of update you would just scarp legacy code and start over. and qc will take time too.
I'm not really much of a coder (I've only fiddled around with contributing small fixes to some github mods), but as nice as a lot of the things in this video are, how much of it is easily accomplishable, like, code-wise, without possibly breaking a bunch of stuff in the process? It's a lot different to show off a visual change than it is to actually implement it.
@@hanbaguneko nah its pretty much all front-end, you wouldnt need to modify anything other that the visuals. Steam has the budget for something like this.
@@maikyyeaaa7992 Do you know anything about web design? It's never just _visuals_, you have a thing called View Model which is basically a communication method of data and user interface and if you make this kind of big overhaul you are going to have to deal with backend too.
This seems like a really well thought out redesign; one key thing from this that comes to mind to me though is that personally I think the heart icon for the wishlist is ambiguous and I associate it more with likes or favourites. Maybe a list-like icon or a plus would fit better
I really like most of this - I think the only thing I had a knee-jerk "yuck" reaction to was the friend list being relegated to an in-app menu rather than kept standalone. That feels like a _really_ big step backwards for anyone who likes to keep the friends list open on a separate monitor. Instead, I'd prefer having a standalone conversations window that takes cues from other modern chat apps by having the friends list on the left and the current conversation on the right. Also adding keyboard shortcuts, like ctrl-k to search and switch between conversations. Everything else, though, is quite impressive to look at! Can't believe I had never heard of you before, definitely subscribing.
It's almost like the "view" in model-view is the perfect place to let the user customize your app and more apps should allow the user to choose which functionality is visible at any given time.
@@sullivan3503 it’s ridiculous for an app from a company as big as valve to not have customization options in the first place. They could easily make Steam fully modular. That’s what I love about Linux and most open source programs, they’re usually highly configurable, and even the ones that aren’t, you can modify the program itself through the source code if you have the patience.
@@TheOnlyGhxst Yeah that would be my thought. Keep it in the window for those of use who don't use it and let people who do use it pop it out. Bonus points if Steam remembers which way you last had it!
I kinda liked the old 'friends list inside steam only' type deal we had before. I'm not really someone who uses it to chat or call and only use it to invite friends to games or check their profile out so I think its a good step back 🤷♂
Stunning work. I'm so happy I found your channel. I work as a Senior product designer and this channel is such a breath of fresh air - actual quality design without buzzwords & clickbait etc. Great stuff, keep it up!
I'm studying UI/UX and I can say that there wasn't a better time to watch a video like this, one of my presentations is about even the steam platform (but for a new fictional product). Thank you so much for this amazing lesson Jux, really, really amazing job. I hope steam actually sees this video and contact you! Love from Portugal! 💖
I was sceptical regarding the redesign at the start because I was kind of used to all of this but when you changed the market tab, it was just impressive by how just changing 3 things could result in so much QOL improvements
This is probably the only redesign video I've come across which genuinely makes UI/UX more functional and useful while still being faithful to the original design/feel and not making it feel like a generic 2023 website! Bravo! I wonder how long this entire project took!?
In the library you totally dismissed the most valuable part of the new library view for me. "News" or specifically "What's New". I love the fact that when I open my library the first thing I am shown is some important updates from the games I own so I can be easily notified of major update and posts from my games. I also think it was a mistake to swap the columns around on the game page and instead you could have made the "activity" feed better with things like actually showing a bit more information from news & patch notes that developers release. tbh, it really felt like you spent a lot of time on the store (which does need a lot of love) and then breeze over the Library. Anyway. I really did love a lot of the store updates (Though I disagree with swapping the rating text for straight numbers, numbers are just as meaningless and I think text at least coveys what vibe you should be thinking of) and loving fixing the color pallets.
I agree with the News part. I love checking what are the news about the games I play, since I love playing Early Access titles and online games (like mmos). It's a huge cool feature of the new library to me, but I think it could be easily solvable by a allowing me to choose where I start the library page from.
I think this is something that depends a lot on what games you own. I think plenty of people either end up with a mostly empty news feature if games in their library don't use it (which makes it seem pointless), or they end up with one that's stuffed with irrelevant marketing (which makes it actively annoying). A clearer way to change how news is displayed would probably help. The options to show less/show more from a game don't tell you anything, and are pretty well hidden anyway.
This is... literally perfect. There is literally just one single thing I don't like, which is the "Back to profile" button when on a user's game page. It just feels weird to appear there specifically and I feel like many people will struggle finding it. Otherwise, I like every single design choice, which is quite rare with UI I'd say.
Holy crap, u hit every nail on the coffin, every small issue that has been building up on steam, and just cleaned it all up, you have to get this into valves hands its honestly mind boggling how good this is
Hello, firstly, this is an amazing redesign, and it was very courageous of you to do one on Steam with all the controversy going around Steam redesigns. I don't often leave comments on videos here, but I saw how engaged you were with your community, which encouraged me to do so. I just wanted to ask you how much time did this take for you to make? (only the redesign, not editing or anything else) Also wanted to ask how much experience do you have with UI/UX in general? Maybe it would be interesting for you to make a QnA for other aspiring designers looking out for you. I'm definitely taking a membership with how much work you put into these videos!
I just love how much less busy everything is. I noticed with almost every page there was duplication of multiple types of navigation and all the buttons being different. I love the fact that you reused the filter components across multiple pages and made sure that there was a privary nav bar (for the web version) and the secondary nav bar for the desktop version. I also like the fact that alot of the pages would also work on other platforms
I'm currently binge watching your redesign videos because they are so brilliant. Humor, pace, actually great UX/UI and editing are all on top tier level. Very inspiring, keep it up!
Looks great!!! Only things I'll say is 10:34 I really like those lil reaction emojis (personally wouldn't get rid of them) and 11:02 I would have the icon 'unfill' when you hover over it. Having the background turn red would be enough for most cases but in the context of a heart, my mind doesn't immediately go 'danger' it instead just thinks that you're gonna heart it or something.
@@echoless3484 Yeah that sounds great, until you realize that means you aren't making products anymore. The only reason Valve keeps surviving is the cut they take of other game devs, without it Valve would have gone bankrupt 15 years ago lol
HOLY CRAPPP!!!! This is AMAZING🔥. It looks so Cool. You have some serious talent sis. You nailed it and got a new sub👍. You did really good job. I wish that Steam implements this UI someday.
Your understanding of clean, simple, efficient layouts is amazing. The way you didn't change the entire site to something unrecognizable, but just cleaned it up and simplified the existing site to make it feel so...comfortable, modern and cohesive. I starting watching this because of autoplay and ended up yelling "YES" and "FINALLY" at my screen until the end of the video. How it should be... thank you! If Steam was smart, they would hire you to do this. Are you a consultant? Subscribed and liked 👍
The designer in me is screaming in delight. I absolutely love that you addressed the dated issues with steam without changing so much that it's unrecognizable. You acutely understand what it's like to be a consumer and that's so lovely to see in a designer. Subbed and going to binge watch your videos tonight.
I think because we already used to it. but it doesn't mean its the best place to put the download manager. In the new design, she put the download manager right beside the library, which I think make more sense. U know, after it finished downloading, of course you want to play it, so u can just click on the library section, just next to it. plus it is as big as the rest of the title page, compare to the small text at the bottom from old design.
I've been watching your videos this semester for my web design class, it's been an amazing help hearing from you and getting new ideas/ways to think that I might be able to apply in my design too! Thank you!
I would call it more of a UX design change than UI. as visually you didn't change much which is a good thing, not everything needs to be minimalistic and fancy looking. You kept that RAW FEELING that STEAM has while improving the User Experience part of it. Many time I myself get confused navigating Steam, especially the Profile/Account section confuses me to my core, can't easily find Reciepts/Achievements/Payments/Addresses/Security, etc have to keep looking. This is really amazing. Next can you do for Amazon ? it too needs a UX change desperately.
you actually have that first part wrong. this is primarily changes to ui. an example of ux change would be changing what buttons do/ where they take you. ui would be changing where they are and how they look.
UI is "User Interface", so when one revamps all over the ways of interacting with steam features, one changes that UI. The definition of UI is not restricted "Graphical Design". She actually at the same time dramatically improved while barely touched the "UX" (most sections, features remains) - by making it easier to apprehend (affordance), to browse (information architecture) and use (ergonomics, UI), which is very important and difficult in such a huuuuge online platform where a massive amount of players have built habits, requires customabilities & features... one can destroy a product by changing all those built-up-with-time habits overnight just for the sake of "improving". and I believe all the proposed changes here are very "reasonable" and well thought-out. well done, @juxtopposed !
I tried to redesign steam for fun a while back and ultimately gave up after just the store and library. MASSIVE props to you for tackling the beast that is this program, and doing a damn good job too. On the video side of things I really enjoyed how this was shown to us through almost a story of how it came to be, and the jokes landed well too. Also huge thanks to dropping a Figma link! It's always a tad frustrating when I see a designers cool work but I can't experience it for my self.
Never thought Steam have problems with UI until now. Insanely great job! But activity page needs it's own big page: for me it became almost like social network with friends' screenshots, purchases and achievements.
The redesign of our dreams 😭😭😭 I hope they see this and are inspired by it (maybe even adopt it???) This has to be singlehandedly one of the funniest and well-structured videos I've seen in a long time. Quality effort in explaining process while keeping my attention. Bravo!
I had no idea there was so many clashing design elements for Steam. After all this time I've just gotten used to it. But now that you've pointed it out and showed us an alternative, I'll never be able to unsee it. I hope they hire you very soon.
As a member of Steam for 17 Years, I will definitely want to see this as a mod to use for my own client Also, i would like to see more of the green Steam have, For example in the market home page or in the community pages. (maybe different green but i still need it) Amazing work !
I love it It seems you understand what steam lacks very well. instead of just modernizing the UI, these changes make a lot of sense for the average user. Amazing job!
I am a software engineer and I don't really do frontend ( UI ) stuff very often. The UI looks and feels exactly like something I would write. UX isn't easy especially when you're more worried about making this function properly.
I love how much details are even in the smallest sections which only get under 1s of screen time. Moreover it's absolutely ingenious to provide a link to the Figma file! 💙(heart needs to be in blue)
You're actually doing what Valve UX team supposed to be doing lmao and it's all excellent Valve REALLY needs to see this. Everything have already been handed over on a silver plate My only criticism (albeit small) is the Friend's Activity tab. I believe it should also have its own tab while also have the simplified versions near the friend tab because Activity tab is where people you followed showed up whether it be workshop creator or shitposter. Not to mention, your friend's screenshot and post will be there as well as it's just like twitter. While at it, renamed the Activity near the friend tab to Timeline and Activity to Activity Feed
I think she shouldn't have made the friend's list a popover, instead it should've remained a window that can stay above the main client window if the user desires.
After watching your video, I have to say it's very impressive how much you care about user experience more than making things more 'fancy.' You convinced me to watch the entire 20-minute video.
Awesome! I would definitely want to use steam with this design. If I were to make a minor change, it would be activities. In my opinion, activities should have their own page instead of moving them to the friends & chat popup. It's more than just a timeline of events, it's more like social media with images and game reviews.
Great work, though there are three things that have a reasoning behind that I think was missed. First: one download at a time makes sense unless you have very good internet connection (talking like 10gbit - steam almost never had troubles with download speeds at 1gbit) - for an average user downloading two games makes much less sense than having a queue, because user is rarely capped at the steam download speeds, and often limited with their connection bandwidth. This way is you let user download 10 games at a single time they won’t get any of those 10 in a week. If you use queue, however, an average user will get something to play by the evening and with the priority they will have to pick one they want sooner, and other games will catch up in order. Second: the account settings are synced, others are computer specific. There’s a technical reason why it’s separated, though it’s relatively not very much complicated to overcome, the amount of things that could go wrong is big - you have to serve many of the settings offline, mix with online things. Third: hiding awards behind a button will simply unalive that feature and waste users points which will make a lot of people very angry. Summarizing, I think steam doesn’t have a redesign because it works fine and it has a terrible amount of features and usage patterns no one in the valve even aware about. With any, even most thoroughly planned redesign, you will make mad good 90% of the users - people hate new things, and really really mad quite a big fraction of those, as you will inevitably remove a thousands of links and use cases that were used by a fraction of people not they found that usage so convenient they will go bananas about any change in that. It’s s huge stake and probably the most complex design challenge there is. Maybe going iteratively with redefining design language without changing any feature set would be a good start (though it’s already contradictory, I mean you could try visually sync components and atoms across spaces), but I bet even this huge amount of work you’ve done is not a 5% of what really has to be done there, with the localization stuff and very specific cases that accumulated for over a decade. Redesigning steam is a s--e mission for any design team. You will have to work very very hard and won’t get any thanks after. But it has to be done. And I hope your video will help those poor people who will have to do that. Other than that we can only pray for those poor souls. And again, great work.
omg thanks for the feedback haha. for the downloads, I think having the option to download several games is generally better than not. also queuing was taken into consideration on the design. on the awards comment, I left those buttons as implied logic. it can definitely be added next to the other buttons like the current design (or the discussions page on my redesign). generally, I think whether Steam makes any changes or not, it helps start conversations about it and help us look back at our own designs once in a while too.
@@juxtopposed yeah, that’s amazing idea for any designer looking for a challenge to make a take on steam, and you did a brilliant job with the design and editing. Very rarely but once in a while constraints can help building good UX, and download queue is one of those cases IMO. Its not that users don’t understand multiple downloads can slow down each other, is that they rarely will give it a thought. I love sticking to this idea that UI user is always in a hurry. They put a bunch of downloads before work, returned back and understood that they got like 20% on each game but none is ready to play - but if had to choose they would choose that one game they want most. And for the awards my thought is that for them to work award giver should have a tangible result, like a feedback “it’s me who put that smart dinosaur / clown face to that review / workshop item”, as it’s more of a public statement than personal message “I hereby pronounce you a clever dinosaur”! If no one sees that by default, what’s the point of giving an award? No one would bother to check. Something like that. Anyway, keep up the great work, wish you good luck with RUclips endeavours!
Wow just wow. Best steam design I’ve ever seen! I lode that you didn’t forget about what makes steam steam, the blue! (Cough hyperplexed). Keep doing the amazing work! Love your voice also!
Absolutely loved the video. This is incredible! 11:02 I would add some other change to the icon (for remove from wishlist) for on-hover. Maybe replace it with a broken-heart or an X (even better if it was animated). If background goes red but the icon is unaffected, users might get mixed signals due to correlations between hearts and the color red.
This has to be one of the most satisfying videos I've watched in a long time. Every time your little magic wand 🪄brushed across the screen, it instantly made something better. I don't know squat about UI design but it's clear that I just watched a master at work
Heads up, just want to point out that the Discovery Queue is EXTREMELY important and is one of the strongest internal discovery factors for lesser known indie game sales on Steam. So no, it is by no means useless. Loads of people use it and tons of devs and marketers have outright shown its positive influence on the amount of impressions/sales their game can have. I appreciate the experiment cleaning up Steam UI but some aspects of the store, especially when it comes to game discovery, has been driven by a decade of data-gather and algorithm crunching from Valve. Some redesigns need to be very careful to keep that in mind because one small misstep can mean a lot of indie devs suddenly getting screwed over.
@@wintermute5974 some of the analysis and post-mortem interviews gamediscover and howtomarketagame do goes a lot into the nitty gritty of Steam. Discovery Queue included.
Wow, I - wow, STEAM GET THEM ON THE UI DESIGN NOW. You made shopping on steam and browsing so much easier. I've noticed myself browsing steam more then playing games recently so this would make life so much easier! Thank you so much (I'm waiting for steam ui mods to be a thing lol)
Really well done! I wish Steam looked like this. I only missed one thing from your design that I've been missing a long time from Steam: I want tabs in the store. That's it. I want to be able to open tabs to 50 different games on sale that I might be interested in during sales.
Valve needs to take a look at this. So many great ideas here to fix up Steam in a more comprehensive way after years of piling changes on top of changes to some parts of Steam but not others. A unifying change like this that still stays true to the core identity of the platform like you made here would be a welcome change.
This is extremly solid work, did you base a lot of it on feedback on the forumes you showed at the start or just logically from your own painpoints? The amount of time it must take to create the design it self must be a lot, but goddam the way you present the work with the transitions and before / atfer imagery is so good. Really goes to show how important a component library is with the way you move reuse the components. 🎉🎉🎉
A bunch of quotes for this masterpiece. "Design is intelligence made visible." -- Alina Wheeler, author "Design adds value faster than it adds costs." -- Joel Spolsky, web programmer, writer, and creator of Trello "Design is not just what it looks like and feels like. Design is how it works." -- Steve Jobs, co-founder of Apple, Inc. Amazing work!
Just had this video pop up for me and it was great seeing a clean redesign. This layout and structure is SOOOO much more user friendly than what they have now. Maybe they will take a hint and hire you!
This is a fantastic redesign and I feel like pointing out things I don't like is REALLY nitpicky, BUT I'd like to point out that one of the things I appreciate about Steam is it's efficiency and lack of extra space where it is rarely needed, specifically lists. In my opinion the Library sidebar is meant to be compact so you can see as much as possible, so I feel like the design should reflect that, or at least offer a more compact layout option. Otherwise absolutely gorgeous work!
I have been on Steam since 2008. Upon clicking this video I thought to myself the Steam UI is fine for how massive it is but less than 3 minutes in I was crying that we don't have what you have created. Thank you for putting an incredible amount of thought, effort and time into this. Your understanding of UX and UI oozes professionalism and creativity and you clearly have overcome the Dunning-Krueger effect. Fantastic job, you have earned a well deserved life-long subscriber from me.
Absolutely gorgeous redesign, your commitment to using the same elements wherever possible really helped sell the visual idea that this is *Steam* and not just a bunch of random websites tossed together in a pot and let simmer. My only two nitpicks are: You can go to Steam -> Settings -> Interface and change the start up location to something other than the store, so it doesn't have to be the first thing you see And in the new library layout if you scroll up and click "Add shelf" and select "Recent Games" you can see the last dozen-ish games you've played/bought (to see just games you've actually played and not whatever you just bought do a shelf with "All Games" sorted by "Last Played", any purchased games won't show up) Neither of these are out and out criticisms, just some bits of knowledge I've picked up. Other than that, great video! I really loved the redesign of finding new games, especially changing what's displayed in the checkout page. Steam shouldn't be pushing random titles at you, but rather if you're buying title A it should recommend the very similar title B in the same way Amazon offers sensible recommendations "oh you want a coffee mug, how about a coaster to go with it?" Wheras Steam is more like "oh, a coffee mug, here's an air conditioner."
Fantastic, I really like the redesigned and the consistency you brought to the UI. The video itself was also so well presented, you really communicated clearly your reasons for making changes, along with some flare and comedy along the way. Not only a great redesigned but a great watch as well!
I was looking around the web for UX/UI inspiration and WOW, what an absolute gem this channel is. So much to learn from if you nitpick the details mentioned here. Amazing job Juxtopposed! :D
there's something about the mix of educational content and cool magic-wand-waving that really gets me into these videos. I design websites for fun and for work, and i love doing UI design. it's tough to also love UX design enough to do it well. these are great!
I think the reason they don’t allow multiple downloads at a time is because steam decompresses files as they download Having too many downloads will stress your pc too much and make nigh on unusable unless they change how games are installed
@@ensdogukan That means they'll have to reschedule it or do a workaround of when to install the game or rewrite the unpacking process. It's giving too many steps for a hard-block final decision that gives you a boolean (Yes) or (No) situation decision to installing and playing the game.
Discovery queue is genuinely great for finding tiny games that would have *no chance* of popping up anywhere near the front page. If you never use it maybe you should.
At this point I wouldn't be surprised if this video was made by an undercover Valve employee as a cry for help. In all seriousness this is such great work and I really hope you keep this up
Some of these tweaks are really nifty, but I feel like the Big Picture mode's icon has an intentional placement where the icon is distinct from the maximize button enough where you could tell what it does (Although I think it should be replaced with a controller icon rather than a generic display). Previously, it was a big button back when Big Picture was in beta, so it was harder to mistake it for something else, but I think hiding it in a hamburger/dropdown menu wouldn't be a great idea. The "Recent Updates" section already exists in the Steam Library, and there's a filter where you can turn off general product/game news and promotions, and only get update related news, which is a nice thing when I want to filter out stuff I don't care about. I still think that having a general quantifier on the store page (with positive, overwhelmingly positive, mixed, negative, etc) would be a nice thing to have as a basic summary, even if I agree that the short percentages is another nice utility to have. It immediately sticks out to me on whether or not a game has mixed reception, as review scores are ultimately subjective. To add onto the update related sorting in the reviews, I kind of wish Valve would separate joke reviews from positive and negative scores, as people who haven't played much of it have a reason to game the system and drown out genuine criticism (Whether positive or negative). Letting users dictate if their review is a joke review or not would make filtering that crap out way easier. It's similar to how awards has caused similar types of abuse on Steam.
overall I think it's a great approach to redesign it, as it doesn't change flow that hard to piss off users, but I do not understand the removal of the bottom bar, it is an element that I like the most right now if you start downloading you see the progress and info about it even when you are for example watching the steam shop. Besides that, it's one of Nielsen's heuristics- to show user system status. I would be glad if you could explain this a little further as this decision confuses me as a junior designer 🤔
It provides: Cleaner look At the cost of: Less information about what is the currently downloading game Less information about whether it's Installing, Writing to disk, Reserving space, Updating Hiding the friends button under a dropdown Basically, it's just a UI thing without UX thinking, don't take too much advice from this video.
Im so happy that this still feels like steam, sometimes i watch redesigns and it just ends up looking like spotify even if it's Wikipedia so this is very cool. EDIT: Also that "reviews per patch" filter would actually be really crucial in stuff that has frequently shifting metas ex. Overwatch, Street Fighter, etc. so it's an amazing change that really should be made
They sort of have that, in an opposing bar chart (? Think that's the name at least). Although it's more just split along time without landmarks from patches
I can't even begin to describe how incredibly well-made this video is. While I don't agree with some changes (like the "recently played" filter in the library being so far away from the actual games, making me move the mouse so far compared to now), I can't fault anything, really. This is so damn well executed in every regard: video editing, "storyboarding" (the fact you "flow" through the different pages in your script), UI and UX (of course). Even this one "simple" image at 2:16 must've been the fruit of a LOT of work (even if done on the side). I wish Microsoft would start making redesigns as thorough as this. Imagine a consistent Windows! (Please don't do that, by the way. I want to have another video this decade.) Actually, I have one actual critique about the redesign: I think the "short-form" review overview words like "mostly positive" are much more useful than you give them credit for. Because they describe how good the community finds the game in only one or two words, taking into account the negative and positive reviews *as well as the review count* in general. E.g. a game with 100 reviews (100 of them positive) would still only be "positive". Only when enough people write reviews it can even get "overwhelmingly positive" at all. You can very well argue the phrasing, of course. But their value is great enough to keep them in, imo.
thank you so much for the kind words omg :D about the reviews, I absolutely understand your points. problem is when you dig in the reviews of more ‘controversial’ games, you see a mostly positive while clearly the game has been getting lots of bad reviews pointing out how unplayable the game is. something to think about tho. I’m happy this sparked a conversation
Waiting for the day Valve hires you as lead UI designer. Knowing Valve, Steam's UI makes me think that they have a crap ton of techincal debt. I wouldn't be surprised if there was code from ten years ago still running in production.
You have done a brilliant redesign. Make more such videos please, your channel is gold for young ux designers like me. Maybe you can tackle some more platforms which have huge legacy but haven't bothered to redesign their product in a long time.
There are some parts I don’t agree with, such as the “Friends” not being a standalone window anymore, but the whole thing with all the efforts blew me away. So good!
I watched every second of this video, well done. You had me hooked, love your humor! I'd use your UI redesign every single day if it was pushed in an update, looks infinitely better
Curious to know what you think! What did you agree/disagree with in this redesign?
(I need a huge break from anything steamy or anything blue lol)
Steam has a skins feature and I spent the majority of this video hoping you could somehow cram this redesign into one. This would massively improve using Steam and I hope Valve takes notice of this video.
@@dantebarbieri I think Steam has removed support for skins recently
we need to just get rid of new & trending as a whole... there is nothing good on it and half of it is always p*rn and h*ntai games
also how would the workshop work for stuff like csgo/cs2 item submission voting?
why not try RUclips next?
I see so many of these "Redesigning" videos and they all revolve around making it look flashy and fancy, but none of them actually solve the intrinsic issues with the user experience. You show great understanding of both UX and UI, so much so that it captivated me to sit through the entire 20 minute video. Well done!
omg thank you! glad you enjoyed it
Also a lot of them from what I've seen, completely changes the style of steam making it look either super generic or completely unrecognizable which I think would only amplify the confusion caused by new """improved""" design. Unlike this one which is just mwah, chef's kiss.
Exactly
The main thing I disagree with is the "remove from wishlist" icon. Making an icon just change to red is extremely poor for accessibility. I'd at least make it switch the icon from filled to outline only or throw a line through it too
I didn't notice this video was 20 minutes until I read your comment
And I don't really care much about UX or UI
The authenticity era of RUclips has begun. Getting recommendations of outstanding content like this…. Ahhh how I’ve missed it. Brilliant video
THANK you
fr
For now, I'm sure they'll find a way to mess it up
At first I was thinking "I don't mind the Steam UI, I think it's mostly fine...". Then two minutes into the video I was already mind blown by how much better you were making things. At the end, your design was SO much better, and still very in line with the original.
Yup, it's amazing how not even the buttons share color or font size
Gabe be like: It doesn't supposed to be friendly user it spouses to be hard and understandable
Migrating from Xbox ui to steam ui made me want to gouge my eyes out. And Xbox has a ui change like every 5 years for some reason
As a UI design professor, I can say that the work you have done is impressive. Without a doubt, Steam's main problem is that many sections have been updated while others have not, showing their age. Hopefully Gabe sees this video and hires you. Congratulations, new subscriber.
Bruh i didn't expect the community section to be redesigned, great work, absolutely insane.
glad you liked it!
Why u have blue icon after name
Okay, I've got to 13:22 and I just wanna say
I've seen a couple redesign videos / shorts for steams UI and I have to say, this is _the_ version of Steam I would want to see, all the others feel soulless or just a copy-paste of other places, here you're preserving the cool things about steam, and even sticking to the colour UI, its awesome!
Such high quality and an amazing design! I love how seamlessly you transition from page to page
THANK you! :D
Honestly, The downloads on the bottom with the "manage downloads" and the bar that show progress is one of their best ui. No joke. You cannot take that away
I recently started using MetroUI by Rose and that is the only thing I miss about the official UX
Yea until you actually open the manage downloads and can’t figure it out
Up until now I haven't realized how complicated and hard to use Steam UI is! Really good work!
I was thinking the exact same thing lol
That damn wishlist i aways forget where it is...
@@pistolao_vrthe steam deck ui is great
5 years user here and sometimes I still get lost on where to click because I hasnt been clicking that specific button for so long
@@ruanaur Agree, if we enable big picture Mode on desktop is basicaly the same as the steam deck, way easier to use!
okay so this is impressive on more than one account, first and most obvious the effort that goes into redesigning this primordial monster of a client. Second and equally impressive, is editing the video to easily visualize and entertain the viewer. you're amazing.
I didn't realise just how bad this was until halfway through this video. What a fantastic, pragmatic, sensible and clean re-design! You're hired!
I realised a lot of the stuff my brain has learned to ignore haha
Steam should totally get her on board to do the redesign as long as it doesn't sacrifice existing functionality, features and options, Hate when companies do that in name of simplified modern design.
ye
Watching this made me realize, and i mean this as a compliment, you made the desktop version of the new big picture mode
It really is what Big Picture failed to be. Big icons, quick access to the main stuff, and properly segmented. Big screen is stuffed with just 3 elements, hard to navigate, and way too blue.
As a UX designer, this is great! You did a lot more work than just UI, you did a lot of UX work too and I love it!
Steam page has driven me nuts for years, so seeing someone else point it out made my day!
very happy to hear that :))))
As a UX designer you should know that you should do user testing and user research, none of which has been done in this video. You don't redesign without data.
@@randoguy7488 You're a technically true, but this video is more of an excersize what one can do with the knowledge they currently have. It's obvious that her background is in UI rather than UX, but if someone wants expand their skill, this will do it. Also collecting data from a channeled audience isn't really that usefully since the viewers of these videos aren't the average user of steam
For example, Valve wanted the game library on the left to be more spaced out similar to the one in the video but due to the community feedback, they kept it compact like it still is now.
The colour of the "Add to cart" button has been green for years, yet she assigned the previous CTA colour, to a non clickable element - the % off.
Or the right side of the profile, instead of displaying the player's status, it's now crammed in a small box with "Status" right in front of it. In no way is this better because if proper research would have been done, it'd be obvious, that the small box can't fit "In-game: Kingdom Come: Deliverance"
Or the "toggle" switch in the "Edit player profile", of course Valve knows that a switch exists, they use it in the Steam settings menu, but they also know, that a switch provides instant feedback and change, compared to a checkbox. That's the whole point of the "Save changes" button, so it can apply it to the Steam's database and not flood it with SQL queries each time you change a character. Maybe the so called RUclips UI redesigners should know that.
These illogical things stack, but for people with no UX background it's enough to be wowed by the colours and overuse of whitespace.
@@randoguy7488this is exactly the part where we do the testing. the prototype is available on Figma and I’m collecting everyone’s feedback to update the design. but I appreciate your feedback.
I died when I saw the Twitter icon.
This is an incredible, in depth redesign. Fantastic job. I can’t imagine how much work this took. I want this to be the actual interface so bad.
what time code is it?
2:20 @@in43sh
@@in43sh 2:21
@@in43sh2:20
@@in43sh2:18
Damn I'm now angry and sad that we don't have the Steam UI like this. Such a wonderful redesign and also I love the format, editing and narration of the video. Didn't even feel the 20 mins. Fantastic job!
this is like living your whole life in the darkness only to be shown a blue sky for the first time
I usually have a negative kneejerk reaction to redesigns, but when the redesign process is explained like that it actually makes sense. Amazing job.
Explaining your rationale is much better than leaving it up to interpretation. In an agency setting it 'may' help to reduce the amount of feedback and amends. :D
This is an insane amount of thought and effort put into a project that is unlikely to ever be implemented. But damn is it satisfying seeing what could be. Not only did you do all the work, but you also created and voiced / animated an entire presentation with explanations for each of the changes. Can't applaud this work enough! The amount of jank in the basic navigation that is solved by some of these changes would be a god send.
Then I remember this is Valve, so even if by some miracle they took this type of advice, it would take them like 7 years to implement half of it, and it would be in the most unintuitive order possible. 😢
the amount of code this would generate will take approx 7 years though. cause if you want that kind of update you would just scarp legacy code and start over. and qc will take time too.
I'm not really much of a coder (I've only fiddled around with contributing small fixes to some github mods), but as nice as a lot of the things in this video are, how much of it is easily accomplishable, like, code-wise, without possibly breaking a bunch of stuff in the process?
It's a lot different to show off a visual change than it is to actually implement it.
It would take time but this is their biggest platform. They need to prioritize the modernization or risk losing to a company that will.
@@hanbaguneko nah its pretty much all front-end, you wouldnt need to modify anything other that the visuals. Steam has the budget for something like this.
@@maikyyeaaa7992 Do you know anything about web design? It's never just _visuals_, you have a thing called View Model which is basically a communication method of data and user interface and if you make this kind of big overhaul you are going to have to deal with backend too.
This is one of the best redesign videos I have ever seen! You clearly focused on the UX side of design rather than the UI.
Thank you! :D
This seems like a really well thought out redesign; one key thing from this that comes to mind to me though is that personally I think the heart icon for the wishlist is ambiguous and I associate it more with likes or favourites. Maybe a list-like icon or a plus would fit better
I think it should be a star that goes to a wishing star design, but yes.
I really like most of this - I think the only thing I had a knee-jerk "yuck" reaction to was the friend list being relegated to an in-app menu rather than kept standalone. That feels like a _really_ big step backwards for anyone who likes to keep the friends list open on a separate monitor. Instead, I'd prefer having a standalone conversations window that takes cues from other modern chat apps by having the friends list on the left and the current conversation on the right. Also adding keyboard shortcuts, like ctrl-k to search and switch between conversations.
Everything else, though, is quite impressive to look at! Can't believe I had never heard of you before, definitely subscribing.
You could have her design and then just have a button for "pop out window", it's that simple to have the best of both worlds.
It's almost like the "view" in model-view is the perfect place to let the user customize your app and more apps should allow the user to choose which functionality is visible at any given time.
@@sullivan3503 it’s ridiculous for an app from a company as big as valve to not have customization options in the first place. They could easily make Steam fully modular. That’s what I love about Linux and most open source programs, they’re usually highly configurable, and even the ones that aren’t, you can modify the program itself through the source code if you have the patience.
@@TheOnlyGhxst Yeah that would be my thought. Keep it in the window for those of use who don't use it and let people who do use it pop it out. Bonus points if Steam remembers which way you last had it!
I kinda liked the old 'friends list inside steam only' type deal we had before. I'm not really someone who uses it to chat or call and only use it to invite friends to games or check their profile out so I think its a good step back 🤷♂
Stunning work. I'm so happy I found your channel. I work as a Senior product designer and this channel is such a breath of fresh air - actual quality design without buzzwords & clickbait etc. Great stuff, keep it up!
Sooo glad to hear that! THANK you!
I'm studying UI/UX and I can say that there wasn't a better time to watch a video like this, one of my presentations is about even the steam platform (but for a new fictional product).
Thank you so much for this amazing lesson Jux, really, really amazing job. I hope steam actually sees this video and contact you! Love from Portugal! 💖
I was sceptical regarding the redesign at the start because I was kind of used to all of this but when you changed the market tab, it was just impressive by how just changing 3 things could result in so much QOL improvements
This is probably the only redesign video I've come across which genuinely makes UI/UX more functional and useful while still being faithful to the original design/feel and not making it feel like a generic 2023 website! Bravo! I wonder how long this entire project took!?
In the library you totally dismissed the most valuable part of the new library view for me. "News" or specifically "What's New". I love the fact that when I open my library the first thing I am shown is some important updates from the games I own so I can be easily notified of major update and posts from my games.
I also think it was a mistake to swap the columns around on the game page and instead you could have made the "activity" feed better with things like actually showing a bit more information from news & patch notes that developers release.
tbh, it really felt like you spent a lot of time on the store (which does need a lot of love) and then breeze over the Library.
Anyway. I really did love a lot of the store updates (Though I disagree with swapping the rating text for straight numbers, numbers are just as meaningless and I think text at least coveys what vibe you should be thinking of) and loving fixing the color pallets.
I agree with the News part. I love checking what are the news about the games I play, since I love playing Early Access titles and online games (like mmos). It's a huge cool feature of the new library to me, but I think it could be easily solvable by a allowing me to choose where I start the library page from.
I think this is something that depends a lot on what games you own. I think plenty of people either end up with a mostly empty news feature if games in their library don't use it (which makes it seem pointless), or they end up with one that's stuffed with irrelevant marketing (which makes it actively annoying).
A clearer way to change how news is displayed would probably help. The options to show less/show more from a game don't tell you anything, and are pretty well hidden anyway.
This is... literally perfect. There is literally just one single thing I don't like, which is the "Back to profile" button when on a user's game page. It just feels weird to appear there specifically and I feel like many people will struggle finding it. Otherwise, I like every single design choice, which is quite rare with UI I'd say.
I agree. Should just be a "Summary" option on the right along with everything else.
I probably would've done that, but have it on the left to be consistent with every other page having its filters on the left. @@psieonic
As a gamer and UX/UI Designer, watching this made me sooooo happy
Holy crap, u hit every nail on the coffin, every small issue that has been building up on steam, and just cleaned it all up, you have to get this into valves hands its honestly mind boggling how good this is
Hello, firstly, this is an amazing redesign, and it was very courageous of you to do one on Steam with all the controversy going around Steam redesigns. I don't often leave comments on videos here, but I saw how engaged you were with your community, which encouraged me to do so. I just wanted to ask you how much time did this take for you to make? (only the redesign, not editing or anything else) Also wanted to ask how much experience do you have with UI/UX in general? Maybe it would be interesting for you to make a QnA for other aspiring designers looking out for you. I'm definitely taking a membership with how much work you put into these videos!
omg I’m glad you liked it. thank you so much for becoming a member too! I’ll probably make a Q&A video at some point
I just love how much less busy everything is. I noticed with almost every page there was duplication of multiple types of navigation and all the buttons being different. I love the fact that you reused the filter components across multiple pages and made sure that there was a privary nav bar (for the web version) and the secondary nav bar for the desktop version. I also like the fact that alot of the pages would also work on other platforms
I'm currently binge watching your redesign videos because they are so brilliant. Humor, pace, actually great UX/UI and editing are all on top tier level. Very inspiring, keep it up!
Looks great!!! Only things I'll say is 10:34 I really like those lil reaction emojis (personally wouldn't get rid of them) and 11:02 I would have the icon 'unfill' when you hover over it. Having the background turn red would be enough for most cases but in the context of a heart, my mind doesn't immediately go 'danger' it instead just thinks that you're gonna heart it or something.
You did an awesome job that could only be done by someone that uses the software themselves! That's what most redesigns are lacking.
I hope Valve is taking notes because this is incredible.
they surely are I hope valve is putting her in the credits or give her something
Valve doesn't have paid full time designers working on this... or these changes cost too much money... I wonder which one
@@edhahaz they don't have positioned jobs... they just work on what they want at the risk of their employees booting them
@@echoless3484 Yeah that sounds great, until you realize that means you aren't making products anymore.
The only reason Valve keeps surviving is the cut they take of other game devs, without it Valve would have gone bankrupt 15 years ago lol
@@teaser6089 I didn't say it sounds great, its kinda sad and reduces productivity
HOLY CRAPPP!!!! This is AMAZING🔥. It looks so Cool. You have some serious talent sis. You nailed it and got a new sub👍. You did really good job. I wish that Steam implements this UI someday.
Your understanding of clean, simple, efficient layouts is amazing. The way you didn't change the entire site to something unrecognizable, but just cleaned it up and simplified the existing site to make it feel so...comfortable, modern and cohesive. I starting watching this because of autoplay and ended up yelling "YES" and "FINALLY" at my screen until the end of the video. How it should be... thank you! If Steam was smart, they would hire you to do this. Are you a consultant?
Subscribed and liked 👍
The designer in me is screaming in delight. I absolutely love that you addressed the dated issues with steam without changing so much that it's unrecognizable. You acutely understand what it's like to be a consumer and that's so lovely to see in a designer. Subbed and going to binge watch your videos tonight.
The downloads button at the bottom is something I couldn't live without.
Yeah, it's like a good exit/home button for when some steam pages don't work.
Pretty much the only way I could check up on my multi-GB Gmod Addons downloads
I think because we already used to it. but it doesn't mean its the best place to put the download manager. In the new design, she put the download manager right beside the library, which I think make more sense. U know, after it finished downloading, of course you want to play it, so u can just click on the library section, just next to it. plus it is as big as the rest of the title page, compare to the small text at the bottom from old design.
I've been watching your videos this semester for my web design class, it's been an amazing help hearing from you and getting new ideas/ways to think that I might be able to apply in my design too! Thank you!
I would call it more of a UX design change than UI.
as visually you didn't change much which is a good thing, not everything needs to be minimalistic and fancy looking.
You kept that RAW FEELING that STEAM has while improving the User Experience part of it.
Many time I myself get confused navigating Steam, especially the Profile/Account section confuses me to my core, can't easily find Reciepts/Achievements/Payments/Addresses/Security, etc
have to keep looking.
This is really amazing.
Next can you do for Amazon ? it too needs a UX change desperately.
you actually have that first part wrong. this is primarily changes to ui. an example of ux change would be changing what buttons do/ where they take you. ui would be changing where they are and how they look.
Is it very much both.
@@w4shedup she did both, ui and ux often overlap anyways
UI is "User Interface", so when one revamps all over the ways of interacting with steam features, one changes that UI. The definition of UI is not restricted "Graphical Design".
She actually at the same time dramatically improved while barely touched the "UX" (most sections, features remains) - by making it easier to apprehend (affordance), to browse (information architecture) and use (ergonomics, UI), which is very important and difficult in such a huuuuge online platform where a massive amount of players have built habits, requires customabilities & features... one can destroy a product by changing all those built-up-with-time habits overnight just for the sake of "improving". and I believe all the proposed changes here are very "reasonable" and well thought-out. well done, @juxtopposed !
omg yes amazon is so ass
I am honestly impressed. Valve should hire you to make this happen.
i agree with you!
I disagree with you.
I hate this design. Steam UI right now is great. This change sucks.
@@skunkop why? What's the reason for your opinion?
@@teksek6 Ain't an opinion. Just a troll - don't feed him.
@@pkurras, I agree with him actually, Steam is iconic, it can be counter-intuitive, but people got used to it. It is part of the charm
I tried to redesign steam for fun a while back and ultimately gave up after just the store and library. MASSIVE props to you for tackling the beast that is this program, and doing a damn good job too.
On the video side of things I really enjoyed how this was shown to us through almost a story of how it came to be, and the jokes landed well too. Also huge thanks to dropping a Figma link! It's always a tad frustrating when I see a designers cool work but I can't experience it for my self.
happy to hear that you liked it! :D
Never thought Steam have problems with UI until now. Insanely great job!
But activity page needs it's own big page: for me it became almost like social network with friends' screenshots, purchases and achievements.
The redesign of our dreams 😭😭😭 I hope they see this and are inspired by it (maybe even adopt it???) This has to be singlehandedly one of the funniest and well-structured videos I've seen in a long time. Quality effort in explaining process while keeping my attention. Bravo!
I had no idea there was so many clashing design elements for Steam. After all this time I've just gotten used to it. But now that you've pointed it out and showed us an alternative, I'll never be able to unsee it. I hope they hire you very soon.
wow, that work is amazing. Not just trendy layout redesign witch does not change user experience, but a truly enhanced UX
I'm impressed
As a member of Steam for 17 Years, I will definitely want to see this as a mod to use for my own client
Also, i would like to see more of the green Steam have, For example in the market home page or in the community pages. (maybe different green but i still need it)
Amazing work !
This is something I would actually pay for is the funny thing
I love it
It seems you understand what steam lacks very well. instead of just modernizing the UI, these changes make a lot of sense for the average user. Amazing job!
I really wish some of the Steam UI devs could see this and actually make use of your work here!
HA! Like Valve has UI devs.
I am a software engineer and I don't really do frontend ( UI ) stuff very often. The UI looks and feels exactly like something I would write. UX isn't easy especially when you're more worried about making this function properly.
@@JZStudiosonline They have people capable of that, it's just the last of their problem. And it's not really a problem.
Valve should share the same love they pour into big picture into the desktop client
Amazing job!
I love how much details are even in the smallest sections which only get under 1s of screen time. Moreover it's absolutely ingenious to provide a link to the Figma file! 💙(heart needs to be in blue)
THANK you! :DDD
You're actually doing what Valve UX team supposed to be doing lmao and it's all excellent
Valve REALLY needs to see this. Everything have already been handed over on a silver plate
My only criticism (albeit small) is the Friend's Activity tab. I believe it should also have its own tab while also have the simplified versions near the friend tab because Activity tab is where people you followed showed up whether it be workshop creator or shitposter. Not to mention, your friend's screenshot and post will be there as well as it's just like twitter. While at it, renamed the Activity near the friend tab to Timeline and Activity to Activity Feed
they dont need to see anything. The UI they currently have works well across multiple platform. They designed for consistency not flashyness
I think she shouldn't have made the friend's list a popover, instead it should've remained a window that can stay above the main client window if the user desires.
@@blvckl0tcs750 it works but it doesn't mean it's good/easy to use
@@blvckl0tcs750"consistency"???
@@synmad3638 ? The UI was redesigned for this yes.
I'm speechless, you're amazing that's insane work. Wow. You deserved the like and a new follower :3
After watching your video, I have to say it's very impressive how much you care about user experience more than making things more 'fancy.' You convinced me to watch the entire 20-minute video.
Awesome! I would definitely want to use steam with this design. If I were to make a minor change, it would be activities. In my opinion, activities should have their own page instead of moving them to the friends & chat popup. It's more than just a timeline of events, it's more like social media with images and game reviews.
hmmm… I thought the activities page could still be there but a sneak peek wouldn’t hurt. glad you liked the design :)
Great work, though there are three things that have a reasoning behind that I think was missed.
First: one download at a time makes sense unless you have very good internet connection (talking like 10gbit - steam almost never had troubles with download speeds at 1gbit) - for an average user downloading two games makes much less sense than having a queue, because user is rarely capped at the steam download speeds, and often limited with their connection bandwidth. This way is you let user download 10 games at a single time they won’t get any of those 10 in a week. If you use queue, however, an average user will get something to play by the evening and with the priority they will have to pick one they want sooner, and other games will catch up in order.
Second: the account settings are synced, others are computer specific. There’s a technical reason why it’s separated, though it’s relatively not very much complicated to overcome, the amount of things that could go wrong is big - you have to serve many of the settings offline, mix with online things.
Third: hiding awards behind a button will simply unalive that feature and waste users points which will make a lot of people very angry.
Summarizing, I think steam doesn’t have a redesign because it works fine and it has a terrible amount of features and usage patterns no one in the valve even aware about. With any, even most thoroughly planned redesign, you will make mad good 90% of the users - people hate new things, and really really mad quite a big fraction of those, as you will inevitably remove a thousands of links and use cases that were used by a fraction of people not they found that usage so convenient they will go bananas about any change in that. It’s s huge stake and probably the most complex design challenge there is. Maybe going iteratively with redefining design language without changing any feature set would be a good start (though it’s already contradictory, I mean you could try visually sync components and atoms across spaces), but I bet even this huge amount of work you’ve done is not a 5% of what really has to be done there, with the localization stuff and very specific cases that accumulated for over a decade. Redesigning steam is a s--e mission for any design team. You will have to work very very hard and won’t get any thanks after.
But it has to be done. And I hope your video will help those poor people who will have to do that. Other than that we can only pray for those poor souls. And again, great work.
omg thanks for the feedback haha. for the downloads, I think having the option to download several games is generally better than not. also queuing was taken into consideration on the design. on the awards comment, I left those buttons as implied logic. it can definitely be added next to the other buttons like the current design (or the discussions page on my redesign). generally, I think whether Steam makes any changes or not, it helps start conversations about it and help us look back at our own designs once in a while too.
@@juxtopposed yeah, that’s amazing idea for any designer looking for a challenge to make a take on steam, and you did a brilliant job with the design and editing.
Very rarely but once in a while constraints can help building good UX, and download queue is one of those cases IMO. Its not that users don’t understand multiple downloads can slow down each other, is that they rarely will give it a thought. I love sticking to this idea that UI user is always in a hurry. They put a bunch of downloads before work, returned back and understood that they got like 20% on each game but none is ready to play - but if had to choose they would choose that one game they want most. And for the awards my thought is that for them to work award giver should have a tangible result, like a feedback “it’s me who put that smart dinosaur / clown face to that review / workshop item”, as it’s more of a public statement than personal message “I hereby pronounce you a clever dinosaur”! If no one sees that by default, what’s the point of giving an award? No one would bother to check. Something like that.
Anyway, keep up the great work, wish you good luck with RUclips endeavours!
Wow just wow. Best steam design I’ve ever seen! I lode that you didn’t forget about what makes steam steam, the blue! (Cough hyperplexed). Keep doing the amazing work! Love your voice also!
"Best steam design" probably because its the only one lmfao
I REALLY loved the design you imagined. Looks more modern, cleaner and simpler.
Absolutely loved the video. This is incredible!
11:02 I would add some other change to the icon (for remove from wishlist) for on-hover. Maybe replace it with a broken-heart or an X (even better if it was animated).
If background goes red but the icon is unaffected, users might get mixed signals due to correlations between hearts and the color red.
This has to be one of the most satisfying videos I've watched in a long time. Every time your little magic wand 🪄brushed across the screen, it instantly made something better. I don't know squat about UI design but it's clear that I just watched a master at work
Heads up, just want to point out that the Discovery Queue is EXTREMELY important and is one of the strongest internal discovery factors for lesser known indie game sales on Steam. So no, it is by no means useless. Loads of people use it and tons of devs and marketers have outright shown its positive influence on the amount of impressions/sales their game can have.
I appreciate the experiment cleaning up Steam UI but some aspects of the store, especially when it comes to game discovery, has been driven by a decade of data-gather and algorithm crunching from Valve. Some redesigns need to be very careful to keep that in mind because one small misstep can mean a lot of indie devs suddenly getting screwed over.
nah bro let's scrap it and make modern flat mobile hypercasual UI and call it a day
It’s not. It’s proven that it doesn’t work. Indie games complained about that for years
Some sort of source for it being useless/useful would be helpful.
70% of the time I go into my Discovery Queue it shows me AAA games lol
@@wintermute5974 some of the analysis and post-mortem interviews gamediscover and howtomarketagame do goes a lot into the nitty gritty of Steam. Discovery Queue included.
Wow, I - wow, STEAM GET THEM ON THE UI DESIGN NOW. You made shopping on steam and browsing so much easier. I've noticed myself browsing steam more then playing games recently so this would make life so much easier! Thank you so much (I'm waiting for steam ui mods to be a thing lol)
Really well done! I wish Steam looked like this. I only missed one thing from your design that I've been missing a long time from Steam: I want tabs in the store. That's it. I want to be able to open tabs to 50 different games on sale that I might be interested in during sales.
You can right click and open in a new tab. It works in a separate window but it is ok
@@kazasker1095 Yeah, or click with your mouse wheel
Valve needs to take a look at this. So many great ideas here to fix up Steam in a more comprehensive way after years of piling changes on top of changes to some parts of Steam but not others. A unifying change like this that still stays true to the core identity of the platform like you made here would be a welcome change.
They should just hire her, or at least pay her for having done their work for them.
This is excellent. Valve should definitely hire you to finalize this
This is extremly solid work, did you base a lot of it on feedback on the forumes you showed at the start or just logically from your own painpoints?
The amount of time it must take to create the design it self must be a lot, but goddam the way you present the work with the transitions and before / atfer imagery is so good.
Really goes to show how important a component library is with the way you move reuse the components. 🎉🎉🎉
A bunch of quotes for this masterpiece.
"Design is intelligence made visible." -- Alina Wheeler, author
"Design adds value faster than it adds costs." -- Joel Spolsky, web programmer, writer, and creator of Trello
"Design is not just what it looks like and feels like. Design is how it works." -- Steve Jobs, co-founder of Apple, Inc.
Amazing work!
Also subbed! +1
Amazing design. Really loved sitting through the entire 20 minutes. And also thank you for not giving up on that steam community part. KUDOS!!!
Smooth and clean. Watching the changes was like an visual ASMR.
Just had this video pop up for me and it was great seeing a clean redesign. This layout and structure is SOOOO much more user friendly than what they have now. Maybe they will take a hint and hire you!
your channel is gold! design wasn't something i was really into before but you've made it seem soo fun and light hearted. ty
Got halfway through the video and wished that this was something that was implemented! It looks incredible - you've done a fantastic job!
This is a fantastic redesign and I feel like pointing out things I don't like is REALLY nitpicky, BUT I'd like to point out that one of the things I appreciate about Steam is it's efficiency and lack of extra space where it is rarely needed, specifically lists. In my opinion the Library sidebar is meant to be compact so you can see as much as possible, so I feel like the design should reflect that, or at least offer a more compact layout option. Otherwise absolutely gorgeous work!
I have been on Steam since 2008. Upon clicking this video I thought to myself the Steam UI is fine for how massive it is but less than 3 minutes in I was crying that we don't have what you have created. Thank you for putting an incredible amount of thought, effort and time into this. Your understanding of UX and UI oozes professionalism and creativity and you clearly have overcome the Dunning-Krueger effect. Fantastic job, you have earned a well deserved life-long subscriber from me.
Absolutely gorgeous redesign, your commitment to using the same elements wherever possible really helped sell the visual idea that this is *Steam* and not just a bunch of random websites tossed together in a pot and let simmer.
My only two nitpicks are:
You can go to Steam -> Settings -> Interface and change the start up location to something other than the store, so it doesn't have to be the first thing you see
And in the new library layout if you scroll up and click "Add shelf" and select "Recent Games" you can see the last dozen-ish games you've played/bought (to see just games you've actually played and not whatever you just bought do a shelf with "All Games" sorted by "Last Played", any purchased games won't show up)
Neither of these are out and out criticisms, just some bits of knowledge I've picked up.
Other than that, great video! I really loved the redesign of finding new games, especially changing what's displayed in the checkout page. Steam shouldn't be pushing random titles at you, but rather if you're buying title A it should recommend the very similar title B in the same way Amazon offers sensible recommendations "oh you want a coffee mug, how about a coaster to go with it?"
Wheras Steam is more like "oh, a coffee mug, here's an air conditioner."
Fantastic, I really like the redesigned and the consistency you brought to the UI.
The video itself was also so well presented, you really communicated clearly your reasons for making changes, along with some flare and comedy along the way.
Not only a great redesigned but a great watch as well!
THANK you, glad to hear that
I was looking around the web for UX/UI inspiration and WOW, what an absolute gem this channel is. So much to learn from if you nitpick the details mentioned here. Amazing job Juxtopposed! :D
there's something about the mix of educational content and cool magic-wand-waving that really gets me into these videos. I design websites for fun and for work, and i love doing UI design. it's tough to also love UX design enough to do it well. these are great!
one of the most impressive of these redesign style videos i've seen; so comprehensive
I think the reason they don’t allow multiple downloads at a time is because steam decompresses files as they download
Having too many downloads will stress your pc too much and make nigh on unusable unless they change how games are installed
yeah you don't need to install a game after you download it. Steam just makes it work as soon as it got downloaded and checked.
@@ensdogukan That means they'll have to reschedule it or do a workaround of when to install the game or rewrite the unpacking process. It's giving too many steps for a hard-block final decision that gives you a boolean (Yes) or (No) situation decision to installing and playing the game.
Discovery queue is genuinely great for finding tiny games that would have *no chance* of popping up anywhere near the front page.
If you never use it maybe you should.
At this point I wouldn't be surprised if this video was made by an undercover Valve employee as a cry for help.
In all seriousness this is such great work and I really hope you keep this up
Some of these tweaks are really nifty, but I feel like the Big Picture mode's icon has an intentional placement where the icon is distinct from the maximize button enough where you could tell what it does (Although I think it should be replaced with a controller icon rather than a generic display). Previously, it was a big button back when Big Picture was in beta, so it was harder to mistake it for something else, but I think hiding it in a hamburger/dropdown menu wouldn't be a great idea. The "Recent Updates" section already exists in the Steam Library, and there's a filter where you can turn off general product/game news and promotions, and only get update related news, which is a nice thing when I want to filter out stuff I don't care about.
I still think that having a general quantifier on the store page (with positive, overwhelmingly positive, mixed, negative, etc) would be a nice thing to have as a basic summary, even if I agree that the short percentages is another nice utility to have. It immediately sticks out to me on whether or not a game has mixed reception, as review scores are ultimately subjective.
To add onto the update related sorting in the reviews, I kind of wish Valve would separate joke reviews from positive and negative scores, as people who haven't played much of it have a reason to game the system and drown out genuine criticism (Whether positive or negative). Letting users dictate if their review is a joke review or not would make filtering that crap out way easier. It's similar to how awards has caused similar types of abuse on Steam.
your work and videos are sooo good!! its a big reason why I'm pursuing UX/UI & web design in the future
omg I'm so flattered to hear that. good luck!
overall I think it's a great approach to redesign it, as it doesn't change flow that hard to piss off users, but I do not understand the removal of the bottom bar, it is an element that I like the most right now if you start downloading you see the progress and info about it even when you are for example watching the steam shop. Besides that, it's one of Nielsen's heuristics- to show user system status. I would be glad if you could explain this a little further as this decision confuses me as a junior designer 🤔
It provides:
Cleaner look
At the cost of:
Less information about what is the currently downloading game
Less information about whether it's Installing, Writing to disk, Reserving space, Updating
Hiding the friends button under a dropdown
Basically, it's just a UI thing without UX thinking, don't take too much advice from this video.
Fixing everything , made it modern and more look like Big Picture Mode. You should get hired! i want this NOW
This is the most detailed redesign video I have ever watched, it was so soothing to see all the changes one by one. Awesome! incredible job.
Im so happy that this still feels like steam, sometimes i watch redesigns and it just ends up looking like spotify even if it's Wikipedia so this is very cool.
EDIT: Also that "reviews per patch" filter would actually be really crucial in stuff that has frequently shifting metas ex. Overwatch, Street Fighter, etc. so it's an amazing change that really should be made
glad you liked it! :D
They sort of have that, in an opposing bar chart (? Think that's the name at least). Although it's more just split along time without landmarks from patches
I can't even begin to describe how incredibly well-made this video is. While I don't agree with some changes (like the "recently played" filter in the library being so far away from the actual games, making me move the mouse so far compared to now), I can't fault anything, really.
This is so damn well executed in every regard: video editing, "storyboarding" (the fact you "flow" through the different pages in your script), UI and UX (of course). Even this one "simple" image at 2:16 must've been the fruit of a LOT of work (even if done on the side).
I wish Microsoft would start making redesigns as thorough as this. Imagine a consistent Windows! (Please don't do that, by the way. I want to have another video this decade.)
Actually, I have one actual critique about the redesign: I think the "short-form" review overview words like "mostly positive" are much more useful than you give them credit for. Because they describe how good the community finds the game in only one or two words, taking into account the negative and positive reviews *as well as the review count* in general. E.g. a game with 100 reviews (100 of them positive) would still only be "positive". Only when enough people write reviews it can even get "overwhelmingly positive" at all. You can very well argue the phrasing, of course. But their value is great enough to keep them in, imo.
thank you so much for the kind words omg :D
about the reviews, I absolutely understand your points. problem is when you dig in the reviews of more ‘controversial’ games, you see a mostly positive while clearly the game has been getting lots of bad reviews pointing out how unplayable the game is. something to think about tho. I’m happy this sparked a conversation
I wish these big companies would hire you, you would make my life so much better
I've been waiting for this for months and I'm not disappointed at all. It is so well thought and put together, really good job
Waiting for the day Valve hires you as lead UI designer. Knowing Valve, Steam's UI makes me think that they have a crap ton of techincal debt. I wouldn't be surprised if there was code from ten years ago still running in production.
haha yep, so many of Steam’s frontend issues are rooted in the old backend and it shows
Code from ten years ago isn't a bad thing. Code isn't bad just because it wasn't written recently.
You have done a brilliant redesign. Make more such videos please, your channel is gold for young ux designers like me.
Maybe you can tackle some more platforms which have huge legacy but haven't bothered to redesign their product in a long time.
For sure. any suggestions?
microsoft windows hehe @@juxtopposed
@@juxtopposed Everything Square Enix related! Should be simpler than steam, but they're stuck way in the past!
@@GoatWiFi hehe... ehehe.... eheh....... 🙂
@@juxtopposedcraigslist would be a cool one I think
There are some parts I don’t agree with, such as the “Friends” not being a standalone window anymore, but the whole thing with all the efforts blew me away. So good!
I watched every second of this video, well done. You had me hooked, love your humor! I'd use your UI redesign every single day if it was pushed in an update, looks infinitely better
Alright, now give me a few months to build a tampermonkey script to actually render my browser's steam page like your design lmao
lmaoo good luck!
Commenting here because if you ever manage that I want to hear about it
It’s absolutely gorgeous the quality of your content!
current design: 5 / 10
your design: 10 / 10
I am totally approval of your redesign!