I Redesigned the ENTIRE Steam UI from Scratch

I've finally redesigned the entire Steam UI. This video focuses on the design choices rooted in much bigger causes, like marketing, development, etc. So get ready for lots of criticism, as well. Hope you enjoy!
✨ Try it on Figma
www.figma.com/community/file/...
✨ Support the channel if you like the content
ko-fi.com/juxtopposedme
✨ Test your colors and fonts on a real website
realtimecolors.com
---------
// Timestamps:
00:00 Steam...
00:58 Structure
01:30 Colors
01:55 Fonts
02:09 UI Elements
02:29 Navigation
03:16 Store
11:28 Library
13:33 Downloads
14:16 Profile
16:58 Community
20:02 Final Trailer
#steam #uidesign #redesign
-------
Music (Support the artists):
pixabay.com/music/beats-glass...
pixabay.com/music/small-emoti...
pixabay.com/music/ambient-mes...
pixabay.com/music/video-games...

[@juxtopposed]

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)

[@dantebarbieri]

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.

[@juxtopposed]

@@dantebarbieri I think Steam has removed support for skins recently

[@EvokerKing]

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

[@EvokerKing]

also how would the workshop work for stuff like csgo/cs2 item submission voting?

[@danuvip]

why not try KZbin next?

[@clarisrichter7966]

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!

[@juxtopposed]

omg thank you! glad you enjoyed it

[@Anriru]

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.

[@longiusaescius2537]

Exactly

[@mattbrewerton6884]

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

[@sneaco]

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

[@g.m.fernandes3579]

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.

[@PDD555]

Yup, it's amazing how not even the buttons share color or font size

[@Ploingo]

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.

[@BadgersDen]

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!

[@danielkelsosmith]

The authenticity era of KZbin has begun. Getting recommendations of outstanding content like this…. Ahhh how I’ve missed it. Brilliant video

[@juxtopposed]

THANK you

[@radeyabedin8583]

fr

[@longiusaescius2537]

For now, I'm sure they'll find a way to mess it up

[@Pikel1997]

Bruh i didn't expect the community section to be redesigned, great work, absolutely insane.

[@juxtopposed]

glad you liked it!

[@NoThing-ec9km]

Why u have blue icon after name

[@Maxler5795]

Watching this made me realize, and i mean this as a compliment, you made the desktop version of the new big picture mode

[@Enderplays12]

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.

[@MarcSpctr]

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.

[@w4shedup]

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.

[@dinguuuus]

Is it very much both.

[@feelcollins4358]

@@w4shedup she did both, ui and ux often overlap anyways

[@francoisbouchet9907]

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 !

[@citruscyanide]

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!

[@CommissarChaotic]

I realised a lot of the stuff my brain has learned to ignore haha

[@loneranger7271]

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.

[@ItsVasl]

ye

[@xenos7323]

Such high quality and an amazing design! I love how seamlessly you transition from page to page

[@juxtopposed]

THANK you! :D

[@Juanguar]

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]

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.

[@RandomnessCreates]

@@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.

[@daphinie2824]

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!

[@abuk95]

Up until now I haven't realized how complicated and hard to use Steam UI is! Really good work!

[@pistolao_vr]

I was thinking the exact same thing lol That damn wishlist i aways forget where it is...

[@ruanaur]

@@pistolao_vrthe steam deck ui is great

[@Vysair]

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

[@pistolao_vr]

@@ruanaur Agree, if we enable big picture Mode on desktop is basicaly the same as the steam deck, way easier to use!

[@MichaelSchultzSF]

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.

[@in43sh]

what time code is it?

[@swuall5941]

2:20 @@in43sh

[@Daniele63]

@@in43sh 2:21

[@Aem2512]

@@in43sh2:20

[@okie9025]

@@in43sh2:18

[@BluEyedRaven]

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

[@ethans220]

This is great! I love the design decisions you made, alot more user friendly! I really enjoyed this video, presenting your ideas in an entertaining and thoughtful manner. Well done!!

[@Ypsilion]

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!

[@juxtopposed]

very happy to hear that :))))

[@randoguy7488]

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.

[@iclonethefirst]

@@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

[@randoguy7488]

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 KZbin 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.

[@juxtopposed]

@@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.

[@Firetailisafk]

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.

[@efmids]

im so glad i found your channel, it's so satisfying to watch u makin everything better

[@wersywerxy]

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."

[@RomanQrr]

I usually have a negative kneejerk reaction to redesigns, but when the redesign process is explained like that it actually makes sense. Amazing job.

[@thehearingaid]

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

[@jeatog_]

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!

[@kewlbot]

this video has really got me jazzed up about UI design again! this redesign is handled so thoughtfully and organized, super impressive work i'm totally going to look into designing stuff in figma now

[@cassandrasinclair8722]

I love it! I had no idea UI / UX work could be this fun and interesting!

[@Psoewish]

I hope Valve is taking notes because this is incredible.

[@Tampsey]

they surely are I hope valve is putting her in the credits or give her something

[@edhahaz]

Valve doesn't have paid full time designers working on this... or these changes cost too much money... I wonder which one

[@echoless3484]

@@edhahaz they don't have positioned jobs... they just work on what they want at the risk of their employees booting them

[@teaser6089]

@@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

[@echoless3484]

@@teaser6089 I didn't say it sounds great, its kinda sad and reduces productivity

[@gunstorm05]

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.

[@TheOnlyGhxst]

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.

[@sullivan3503]

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.

[@TheOnlyGhxst]

@@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.

[@intangiblematter_misc]

@@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!

[@muw]

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 🤷‍♂

[@Moochizuki]

omg your talents with UI/UX and video editing are simply amazing!

[@tbow757]

I'm impressed that your redesign is attractively modern and ideal, while staying akin and loyal to the original; Very clever and well-crafted. Great talent and thinking!

[@ThisUploaded]

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. 😢

[@hanbaguneko]

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.

[@KittehFox]

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.

[@p.w.f.]

It would take time but this is their biggest platform. They need to prioritize the modernization or risk losing to a company that will.

[@maikyyeaaa7992]

@@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.

[@seaque.]

​@@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.

[@ocbaker]

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.

[@g.m.fernandes3579]

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.

[@wintermute5974]

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.

[@RealLaone]

This is my new favourite UI channel. Glad to have found this, great videos.

[@fshahariar735]

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.

[@rossbentley3000]

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!

[@juxtopposed]

Sooo glad to hear that! THANK you!

[@crugg]

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.

[@psieonic]

I agree. Should just be a "Summary" option on the right along with everything else.

[@ProtoV33MK1]

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

[@bredoom]

this is very impressive. This was very entertaining and high quality! Thankyou

[@GerarGear]

Great video and concept!😊

[@bobans]

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.

[@juxtopposed]

Thank you! :D

[@cluelessblueberries]

The downloads button at the bottom is something I couldn't live without.

[@RandomnessCreates]

Yeah, it's like a good exit/home button for when some steam pages don't work.

[@bartsussygaming487]

Pretty much the only way I could check up on my multi-GB Gmod Addons downloads

[@lydierayn]

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

[@user-sn3hz1eu3q]

just amazing jux, new subscriber here! keep it up broskiiii

[@siddharth-gandhi]

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!?

[@-yttrium-1187]

This is just amazing thank you for all your work you're incredible

[@Awindow]

I got exhausted just by watching you remove and modify so many pages , insane effort has been put in this video u got a sub 👍 also I am a web development student and interest in css so got to learn many things about UI from this one

[@axxa5000]

I am honestly impressed. Valve should hire you to make this happen.

[@teksek6]

i agree with you!

[@skunkop]

I disagree with you. I hate this design. Steam UI right now is great. This change sucks.

[@teksek6]

@@skunkop why? What's the reason for your opinion?

[@pkurras]

@@teksek6 Ain't an opinion. Just a troll - don't feed him.

[@wastely]

@@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

[@n0ia96]

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! 💖

[@Paro-_-]

The design is so good! Ive watched other designs and you are the only one that didnt remove the brand identity of Steam. At the end of the video during the summary ive noticed how much looks like Steam but at the same time how much is good the design

[@manelmv97]

Love the colour scheme and buttons, all!! aaa you great

[@Synthesz]

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!

[@juxtopposed]

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

[@xHumzaa]

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

[@ArsonTheShroom]

This is super detailed and cool :D

[@FacelessRaider]

Wow I am amazed not only by how good the redesign and how user friendly but also by ur patience too You're turning into my new fav KZbinr that I just found out about

[@oblivion_2852]

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

[@Vysair]

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

[@blvckl0tcs750]

they dont need to see anything. The UI they currently have works well across multiple platform. They designed for consistency not flashyness

[@Markus_included]

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.

[@freeeeplay]

@@blvckl0tcs750 it works but it doesn't mean it's good/easy to use

[@synmad3638]

​@@blvckl0tcs750"consistency"???

[@blvckl0tcs750]

@@synmad3638 ? The UI was redesigned for this yes.

[@WyzrdCat]

I love your format and content so much.

[@dmvmeu7140]

You're such an inspiration! ❤️🌸

[@Heliguy45999]

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.

[@juxtopposed]

happy to hear that you liked it! :D

[@dafaqking]

You did an awesome job that could only be done by someone that uses the software themselves! That's what most redesigns are lacking.

[@gorudonu]

very quality content, please keep it coming !

[@misterrober942]

wonderful redesign and great video pls do more :DD

[@reverendalexanderskinbound278]

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 👍

[@or.zalman5419]

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 !

[@cookta2012]

This is something I would actually pay for is the funny thing

[@dinguuuus]

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. 🎉🎉🎉

[@zenoooo]

good content, keep it up! also really enjoy listening to your voice :)

[@Dogflamingo]

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.

[@kylehumber]

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!

[@user-sq1ns3td9q]

Great work. I like your design

[@shubh3690]

You are very determined and hardworking individual. Congratulations and thanks for making such informative videos ...

[@Horrorz95]

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.

[@combine_soldier]

nah bro let's scrap it and make modern flat mobile hypercasual UI and call it a day

[@astronotics531]

It’s not. It’s proven that it doesn’t work. Indie games complained about that for years

[@wintermute5974]

Some sort of source for it being useless/useful would be helpful.

[@jeatog_]

70% of the time I go into my Discovery Queue it shows me AAA games lol

[@Horrorz95]

@@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.

[@LucidGhostYT]

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.

[@dominikhron]

Oh my, this is something I have been dreaming about for a while

[@ramstriker303]

I'm a casual user of Steam, but I watched through this entire video in one sitting because it was just so good. Prioritising the user experience and removing clutter from many UIs (like the search pages for example) makes it look so much more approachable compared to the regular Steam UI. You also managed to do an impressive job editing this video together to be entertaining, which held my attention very well throughout the duration of the video. I would love to use this new UI, it looks spectacular. Great video, I love it!

[@xurrmusic]

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!

[@xurrmusic]

Also subbed! +1

[@MrPateggy]

I really wish some of the Steam UI devs could see this and actually make use of your work here!

[@JZStudiosonline]

HA! Like Valve has UI devs.

[@roccociccone597]

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.

[@TryTane]

@@JZStudiosonline They have people capable of that, it's just the last of their problem. And it's not really a problem.

[@TryTane]

I've been using Steam for 10 years. What I can say is that overall, it's pretty good. Just making Steam look "up to date" is amazing. There are just a few things I disliked: the removal of the discovery queue (this feature is great; it shows that I've browsed a total of 5'311 games, and you actually discover games, lmao), the categories are needed 100% (I just need them). And there's the friend list: it's inconvenient not to have it as another window (I always have it on my second monitor). Otherwise, the community revamp is insane! I love it. Also, the changes in the profile section should be extremely light, not as you showed, because a lot of money goes into it (it's crazy for some people).

[@birdeynamnam]

This video and design are incredible!

[@EmilioMejia]

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.

[@trueberryless]

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)

[@juxtopposed]

THANK you! :DDD

[@N4melessWanderer]

This could very well be a millenium skin! its a program that lets you make custom skins for steam and even change the positions of buttons, I have a skin that completely overhauls both the clien-side things (like the library) and the server-side things (like the web pages) to make them look slick and modern, if you are interested, you can make one too, it's completely open-source

[@flavioeugenio6078]

I would say, this is the best video i've ever seen in a while. Good job

[@its.arjun.s]

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!

[@Rawthul]

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.

[@juxtopposed]

hmmm… I thought the activities page could still be there but a sneak peek wouldn’t hurt. glad you liked the design :)

[@MrBurnlan]

Absolutely amazing work, and now I want that redesign on my steam

[@Nikkerudon]

Learn Web Developement

[@infernix2k]

As someone with no idea how to design any form of UI, I think that you did a great job at making things convenient and simple, without losing any of Steam's major functionality, and most importantly, it still looks like Steam!

[@Yenkieldemente]

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.

[@kazasker1095]

You can right click and open in a new tab. It works in a separate window but it is ok

[@bravoisteal]

@@kazasker1095 Yeah, or click with your mouse wheel

[@charleystello1822]

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!

[@tofetta8253]

"Best steam design" probably because its the only one lmfao

[@adrenalinerider3030]

This is incredible, you are so good at what you do its amazing to see. I could write a book about how impressive it is watching you do what you do. The most tragic thing imageable right now, is doing all this and then opening up steam to see its still same old steam. All the great features you thought up, you'll never be able to use. You just have to live with knowing that it could be so much better.... I do not envy you, that's a curse you don't deserve :((((((((((((((

[@badpotato]

I really enjoy watching your work

[@dmitryburlakov6920]

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.

[@juxtopposed]

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.

[@dmitryburlakov6920]

@@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 KZbin endeavours!

[@__dane__]

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.

[@antoineleduc7611]

Im utterly impressed Excellent work congratulations, you managed to heavily improve steam while keeping its soul

[@mahadevovnl]

You nailed it and made it fun to watch without making it tedious to watch. Amazing job, 12 points out of 10, they should hire you immediately. This stuff is legendary!

[@TDefton]

This is excellent. Valve should definitely hire you to finalize this

[@pignebula123]

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.

[@theviniso]

They should just hire her, or at least pay her for having done their work for them.

[@poszy6]

I wish these big companies would hire you, you would make my life so much better

[@junkiesoulja]

one of the best video about redesign steam client

[@laureeeeeeeeeeeeeeen]

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.

[@forestcat512]

I'm speechless, you're amazing that's insane work. Wow. You deserved the like and a new follower :3

[@isa.design.]

good job, and exciting storytelling 😍feels natural

[@estevaocma]

You got a new sub, amazing job there