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

Пікірлер: 3 900

  • @juxtopposed
    @juxtopposed7 ай бұрын

    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

    @dantebarbieri

    6 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

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

  • @EvokerKing

    @EvokerKing

    6 ай бұрын

    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

    @EvokerKing

    6 ай бұрын

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

  • @danuvip

    @danuvip

    6 ай бұрын

    why not try KZread next?

  • @clarisrichter7966
    @clarisrichter79666 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    omg thank you! glad you enjoyed it

  • @Anriru

    @Anriru

    6 ай бұрын

    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

    @longiusaescius2537

    6 ай бұрын

    Exactly

  • @mattbrewerton6884

    @mattbrewerton6884

    6 ай бұрын

    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

    @sneaco

    6 ай бұрын

    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
    @g.m.fernandes35796 ай бұрын

    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

    @PDD555

    2 ай бұрын

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

  • @Ploingo
    @Ploingo3 күн бұрын

    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
    @BadgersDen4 ай бұрын

    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
    @danielkelsosmith6 ай бұрын

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

  • @juxtopposed

    @juxtopposed

    6 ай бұрын

    THANK you

  • @radeyabedin8583

    @radeyabedin8583

    6 ай бұрын

    fr

  • @longiusaescius2537

    @longiusaescius2537

    6 ай бұрын

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

  • @Pikel1997
    @Pikel19976 ай бұрын

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

  • @juxtopposed

    @juxtopposed

    6 ай бұрын

    glad you liked it!

  • @NoThing-ec9km

    @NoThing-ec9km

    6 ай бұрын

    Why u have blue icon after name

  • @Maxler5795
    @Maxler57954 күн бұрын

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

  • @Enderplays12

    @Enderplays12

    22 сағат бұрын

    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
    @MarcSpctr4 ай бұрын

    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

    @w4shedup

    2 ай бұрын

    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

    @dinguuuus

    Ай бұрын

    Is it very much both.

  • @feelcollins4358

    @feelcollins4358

    Ай бұрын

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

  • @francoisbouchet9907

    @francoisbouchet9907

    13 күн бұрын

    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 !

  • @xenos7323
    @xenos73237 ай бұрын

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

  • @juxtopposed

    @juxtopposed

    7 ай бұрын

    THANK you! :D

  • @citruscyanide
    @citruscyanide5 ай бұрын

    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

    @CommissarChaotic

    4 ай бұрын

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

  • @loneranger7271

    @loneranger7271

    4 ай бұрын

    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

    @ItsVasl

    2 ай бұрын

    ye

  • @Juanguar
    @Juanguar4 ай бұрын

    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

    @ensdogukan

    4 ай бұрын

    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

    @RandomnessCreates

    3 ай бұрын

    @@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
    @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
    @abuk956 ай бұрын

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

  • @pistolao_vr

    @pistolao_vr

    6 ай бұрын

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

  • @ruanaur

    @ruanaur

    6 ай бұрын

    @@pistolao_vrthe steam deck ui is great

  • @Vysair

    @Vysair

    6 ай бұрын

    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

    @pistolao_vr

    6 ай бұрын

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

  • @MichaelSchultzSF
    @MichaelSchultzSF6 ай бұрын

    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

    @in43sh

    6 ай бұрын

    what time code is it?

  • @swuall5941

    @swuall5941

    6 ай бұрын

    2:20 @@in43sh

  • @Daniele63

    @Daniele63

    6 ай бұрын

    @@in43sh 2:21

  • @Aem2512

    @Aem2512

    6 ай бұрын

    @@in43sh2:20

  • @okie9025

    @okie9025

    6 ай бұрын

    @@in43sh2:18

  • @BluEyedRaven
    @BluEyedRaven4 ай бұрын

    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
    @ethans2204 ай бұрын

    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
    @Ypsilion6 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    very happy to hear that :))))

  • @randoguy7488

    @randoguy7488

    6 ай бұрын

    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

    @iclonethefirst

    6 ай бұрын

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

    @randoguy7488

    6 ай бұрын

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

    @juxtopposed

    6 ай бұрын

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

  • @Psoewish
    @Psoewish6 ай бұрын

    I hope Valve is taking notes because this is incredible.

  • @Tampsey

    @Tampsey

    6 ай бұрын

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

  • @edhahaz

    @edhahaz

    6 ай бұрын

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

  • @echoless3484

    @echoless3484

    6 ай бұрын

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

  • @teaser6089

    @teaser6089

    6 ай бұрын

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

    @echoless3484

    6 ай бұрын

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

  • @kewlbot
    @kewlbot2 күн бұрын

    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

  • @lydierayn
    @lydierayn2 ай бұрын

    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

  • @RomanQrr
    @RomanQrr6 ай бұрын

    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

    @thehearingaid

    6 ай бұрын

    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

  • @Firetailisafk
    @Firetailisafk5 ай бұрын

    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
    @efmids4 ай бұрын

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

  • @wersywerxy
    @wersywerxy4 ай бұрын

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

  • @jeatog_
    @jeatog_6 ай бұрын

    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!

  • @ThisUploaded
    @ThisUploaded6 ай бұрын

    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

    @hanbaguneko

    6 ай бұрын

    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

    @KittehFox

    6 ай бұрын

    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.

    @p.w.f.

    6 ай бұрын

    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

    @maikyyeaaa7992

    6 ай бұрын

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

    @seaque.

    6 ай бұрын

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

  • @cassandrasinclair8722
    @cassandrasinclair87224 ай бұрын

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

  • @Moochizuki
    @Moochizuki4 ай бұрын

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

  • @gunstorm05
    @gunstorm056 ай бұрын

    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

    @TheOnlyGhxst

    6 ай бұрын

    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

    @sullivan3503

    6 ай бұрын

    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

    @TheOnlyGhxst

    6 ай бұрын

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

    @intangiblematter_misc

    5 ай бұрын

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

    @muw

    5 ай бұрын

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

  • @ocbaker
    @ocbaker6 ай бұрын

    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

    @g.m.fernandes3579

    6 ай бұрын

    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

    @wintermute5974

    6 ай бұрын

    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.

  • @liamguiver5675
    @liamguiver56755 күн бұрын

    Steam please don't I'll fucking cry especially the library just don't please I beg

  • @RealLaone
    @RealLaone4 ай бұрын

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

  • @rossbentley3000
    @rossbentley30006 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    Sooo glad to hear that! THANK you!

  • @cluelessblueberries
    @cluelessblueberries5 ай бұрын

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

  • @RandomnessCreates

    @RandomnessCreates

    3 ай бұрын

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

  • @bartsussygaming487

    @bartsussygaming487

    7 күн бұрын

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

  • @noima13
    @noima134 күн бұрын

    As a guy who has dealt with this UI for over 8 years of his life, this whole video was cathartic. Then I alt tabbed

  • @infernix2k
    @infernix2k8 сағат бұрын

    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!

  • @siddharth-gandhi
    @siddharth-gandhi6 ай бұрын

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

  • @bobans
    @bobans6 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    Thank you! :D

  • @hhelminn
    @hhelminn4 күн бұрын

    Valve should hire you. Not only did you make it look better, you also made it way more easy to navigate!

  • @N4melessWanderer
    @N4melessWanderer6 күн бұрын

    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

  • @crugg
    @crugg6 ай бұрын

    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

    @psieonic

    6 ай бұрын

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

  • @ProtoV33MK1

    @ProtoV33MK1

    5 ай бұрын

    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

  • @fshahariar735
    @fshahariar7352 ай бұрын

    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.

  • @bredoom
    @bredoom4 ай бұрын

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

  • @Synthesz
    @Synthesz6 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    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

  • @n0ia96
    @n0ia966 ай бұрын

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

  • @bertojo
    @bertojo2 күн бұрын

    -"There is NO WAY she wants to tackle the Workshop section" - 17:47 -POG

  • @fishcelery4894
    @fishcelery48943 ай бұрын

    BRING BACK THE TWITTER BIRD!!!

  • @axxa5000
    @axxa50006 ай бұрын

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

  • @teksek6

    @teksek6

    6 ай бұрын

    i agree with you!

  • @skunkop

    @skunkop

    6 ай бұрын

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

  • @teksek6

    @teksek6

    6 ай бұрын

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

  • @pkurras

    @pkurras

    6 ай бұрын

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

  • @wastely

    @wastely

    6 ай бұрын

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

  • @xHumzaa
    @xHumzaa6 ай бұрын

    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

  • @user-sn3hz1eu3q
    @user-sn3hz1eu3qАй бұрын

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

  • @TryTane
    @TryTane5 күн бұрын

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

  • @oblivion_2852
    @oblivion_28526 ай бұрын

    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
    @Vysair6 ай бұрын

    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

    @blvckl0tcs750

    5 ай бұрын

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

  • @Markus_included

    @Markus_included

    4 ай бұрын

    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

    @freeeeplay

    4 ай бұрын

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

  • @synmad3638

    @synmad3638

    4 ай бұрын

    ​@@blvckl0tcs750"consistency"???

  • @blvckl0tcs750

    @blvckl0tcs750

    4 ай бұрын

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

  • @LineageView
    @LineageViewКүн бұрын

    I didnt realise how messy Steam's UI was until you pointed it out. Great vid, i'm commenting to keep YT recommending content like thissss😎

  • @ArsonTheShroom
    @ArsonTheShroomАй бұрын

    This is super detailed and cool :D

  • @MrPateggy
    @MrPateggy6 ай бұрын

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

  • @JZStudiosonline

    @JZStudiosonline

    6 ай бұрын

    HA! Like Valve has UI devs.

  • @roccociccone597

    @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

    @TryTane

    5 күн бұрын

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

  • @dafaqking
    @dafaqking6 ай бұрын

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

  • @FacelessRaider
    @FacelessRaider4 ай бұрын

    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 KZreadr that I just found out about

  • @manelmv97
    @manelmv9727 күн бұрын

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

  • @Dogflamingo
    @Dogflamingo6 ай бұрын

    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
    @kylehumber6 ай бұрын

    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!

  • @Awindow
    @Awindow28 күн бұрын

    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

  • @-yttrium-1187
    @-yttrium-11874 ай бұрын

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

  • @Heliguy45999
    @Heliguy459996 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    happy to hear that you liked it! :D

  • @Horrorz95
    @Horrorz956 ай бұрын

    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

    @combine_soldier

    6 ай бұрын

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

  • @astronotics531

    @astronotics531

    6 ай бұрын

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

  • @wintermute5974

    @wintermute5974

    6 ай бұрын

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

  • @jeatog_

    @jeatog_

    6 ай бұрын

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

  • @Horrorz95

    @Horrorz95

    6 ай бұрын

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

  • @dizztey
    @dizztey6 күн бұрын

    i absolutely love it, its one of those things that you wish were actually on the app, i love this design a lot

  • @daniellima4391
    @daniellima43914 күн бұрын

    It's crazy how well KZread's recommendeds have been lately! I would've never found this awesome video otherwise

  • @LucidGhostYT
    @LucidGhostYT6 ай бұрын

    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.

  • @or.zalman5419
    @or.zalman54196 ай бұрын

    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

    @cookta2012

    5 ай бұрын

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

  • @GerarGear
    @GerarGear2 ай бұрын

    Great video and concept!😊

  • @Paro-_-
    @Paro-_-4 ай бұрын

    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

  • @EmilioMejia
    @EmilioMejia6 ай бұрын

    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.

  • @reverendalexanderskinbound278
    @reverendalexanderskinbound2786 ай бұрын

    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 👍

  • @dominikhron
    @dominikhron3 ай бұрын

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

  • @birdeynamnam
    @birdeynamnam4 күн бұрын

    This video and design are incredible!

  • @Menschlich
    @Menschlich6 ай бұрын

    Alright, now give me a few months to build a tampermonkey script to actually render my browser's steam page like your design lmao

  • @juxtopposed

    @juxtopposed

    6 ай бұрын

    lmaoo good luck!

  • @Starwort

    @Starwort

    6 ай бұрын

    Commenting here because if you ever manage that I want to hear about it

  • @xurrmusic
    @xurrmusic6 ай бұрын

    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

    @xurrmusic

    6 ай бұрын

    Also subbed! +1

  • @detinu
    @detinuКүн бұрын

    As a Product Designer myself, this is like ASMR to me lmao. Funny and knowledgeable at the same time.

  • @peoaragao
    @peoaragao5 ай бұрын

    Really, now I have a clear vision of the potential transformation an excellent UI Designer can make. As a steam user for years I TOTALLY agree with every single aspect you pointed. Congrats for this amazing work, God bless you!

  • @trueberryless
    @trueberryless6 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    THANK you! :DDD

  • @dmitryburlakov6920
    @dmitryburlakov69206 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

    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

    @dmitryburlakov6920

    6 ай бұрын

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

  • @WyzrdCat
    @WyzrdCat5 ай бұрын

    I love your format and content so much.

  • @flavioeugenio6078
    @flavioeugenio60784 ай бұрын

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

  • @its.arjun.s
    @its.arjun.s6 ай бұрын

    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!

  • @Yenkieldemente
    @Yenkieldemente5 ай бұрын

    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

    @kazasker1095

    3 ай бұрын

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

  • @bravoisteal

    @bravoisteal

    Ай бұрын

    @@kazasker1095 Yeah, or click with your mouse wheel

  • @poszy6
    @poszy624 күн бұрын

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

  • @dinguuuus
    @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. 🎉🎉🎉

  • @Rawthul
    @Rawthul6 ай бұрын

    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

    @juxtopposed

    6 ай бұрын

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

  • @charleystello1822
    @charleystello18227 ай бұрын

    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

    @tofetta8253

    6 ай бұрын

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

  • @pobblebonking
    @pobblebonking5 күн бұрын

    if it was possible to shove all of this into a steam skin... holy... SFP and Millennium userbase would raise by millions

  • @AxoNotFromFortnite
    @AxoNotFromFortniteАй бұрын

    you killed it seriously amazing!

  • @__dane__
    @__dane__6 ай бұрын

    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.

  • @TDefton
    @TDefton6 ай бұрын

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

  • @shubh3690
    @shubh369020 күн бұрын

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

  • @ramstriker303
    @ramstriker3034 ай бұрын

    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!

  • @forestcat512
    @forestcat5126 ай бұрын

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

  • @pignebula123
    @pignebula1236 ай бұрын

    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

    @theviniso

    5 ай бұрын

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

  • @MrBurnlan
    @MrBurnlan4 ай бұрын

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

  • @Nikkerudon

    @Nikkerudon

    4 ай бұрын

    Learn Web Developement

  • @nabiev_max
    @nabiev_max4 ай бұрын

    I think that's the biggest redesign project of steam for all time! Great work!

Келесі