Тёмный

I Redesigned the ENTIRE Steam UI from Scratch 

Juxtopposed
Подписаться 189 тыс.
Просмотров 629 тыс.
50% 1

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

Развлечения

Опубликовано:

 

2 июн 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 3,9 тыс.   
@juxtopposed
@juxtopposed 7 месяцев назад
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 7 месяцев назад
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 7 месяцев назад
@@dantebarbieri I think Steam has removed support for skins recently
@EvokerKing
@EvokerKing 7 месяцев назад
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 7 месяцев назад
also how would the workshop work for stuff like csgo/cs2 item submission voting?
@danuvip
@danuvip 7 месяцев назад
why not try RU-vid next?
@clarisrichter7966
@clarisrichter7966 6 месяцев назад
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.fernandes3579 6 месяцев назад
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
@Ploingo 5 дней назад
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
@BadgersDen 4 месяца назад
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
@danielkelsosmith 6 месяцев назад
The authenticity era of RU-vid 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
@Pikel1997 6 месяцев назад
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
@Maxler5795 6 дней назад
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 2 дня назад
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.
@lydierayn
@lydierayn 2 месяца назад
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
@citruscyanide
@citruscyanide 5 месяцев назад
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
@MichaelSchultzSF
@MichaelSchultzSF 7 месяцев назад
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
@MarcSpctr
@MarcSpctr 4 месяца назад
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 14 дней назад
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 !
@Juanguar
@Juanguar 4 месяца назад
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.
@xenos7323
@xenos7323 7 месяцев назад
Such high quality and an amazing design! I love how seamlessly you transition from page to page
@juxtopposed
@juxtopposed 7 месяцев назад
THANK you! :D
@abuk95
@abuk95 6 месяцев назад
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!
@BluEyedRaven
@BluEyedRaven 4 месяца назад
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
@daphinie2824
@daphinie2824 3 дня назад
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!
@Ypsilion
@Ypsilion 7 месяцев назад
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 7 месяцев назад
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 RU-vid 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.
@RomanQrr
@RomanQrr 6 месяцев назад
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
@ethans220
@ethans220 4 месяца назад
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!!
@kewlbot
@kewlbot 4 дня назад
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
@Firetailisafk
@Firetailisafk 5 месяцев назад
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.
@Psoewish
@Psoewish 7 месяцев назад
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
@efmids
@efmids 4 месяца назад
im so glad i found your channel, it's so satisfying to watch u makin everything better
@wersywerxy
@wersywerxy 4 месяца назад
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
@ThisUploaded 6 месяцев назад
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
@cassandrasinclair8722 4 месяца назад
I love it! I had no idea UI / UX work could be this fun and interesting!
@moister3727
@moister3727 День назад
Valve should share the same love they pour into big picture into the desktop client Amazing job!
@rossbentley3000
@rossbentley3000 7 месяцев назад
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 7 месяцев назад
Sooo glad to hear that! THANK you!
@crugg
@crugg 6 месяцев назад
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
@RealLaone
@RealLaone 4 месяца назад
This is my new favourite UI channel. Glad to have found this, great videos.
@Moochizuki
@Moochizuki 4 месяца назад
omg your talents with UI/UX and video editing are simply amazing!
@gunstorm05
@gunstorm05 6 месяцев назад
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 6 месяцев назад
@@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 6 месяцев назад
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 🤷‍♂
@siddharth-gandhi
@siddharth-gandhi 7 месяцев назад
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!?
@bredoom
@bredoom 4 месяца назад
this is very impressive. This was very entertaining and high quality! Thankyou
@FacelessRaider
@FacelessRaider 4 месяца назад
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 RU-vidr that I just found out about
@ocbaker
@ocbaker 7 месяцев назад
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.
@bobans
@bobans 6 месяцев назад
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
@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
@ramstriker303
@ramstriker303 4 месяца назад
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!
@axxa5000
@axxa5000 6 месяцев назад
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
@cluelessblueberries
@cluelessblueberries 5 месяцев назад
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 9 дней назад
Pretty much the only way I could check up on my multi-GB Gmod Addons downloads
@tbow757
@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!
@hhelminn
@hhelminn 5 дней назад
Valve should hire you. Not only did you make it look better, you also made it way more easy to navigate!
@n0ia96
@n0ia96 6 месяцев назад
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! 💖
@infernix2k
@infernix2k 2 дня назад
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!
@fshahariar735
@fshahariar735 2 месяца назад
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.
@Synthesz
@Synthesz 7 месяцев назад
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 7 месяцев назад
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
@Horrorz95
@Horrorz95 7 месяцев назад
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 7 месяцев назад
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.
@-yttrium-1187
@-yttrium-1187 4 месяца назад
This is just amazing thank you for all your work you're incredible
@N4melessWanderer
@N4melessWanderer 8 дней назад
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
@xHumzaa
@xHumzaa 6 месяцев назад
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
@dafaqking
@dafaqking 6 месяцев назад
You did an awesome job that could only be done by someone that uses the software themselves! That's what most redesigns are lacking.
@dominikhron
@dominikhron 4 месяца назад
Oh my, this is something I have been dreaming about for a while
@yetanotherrandomguy
@yetanotherrandomguy 2 месяца назад
About time someone does a fine job on fixing steam UI. They should implement your design! This is awesomeness ❤
@MrPateggy
@MrPateggy 7 месяцев назад
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 7 дней назад
@@JZStudiosonline They have people capable of that, it's just the last of their problem. And it's not really a problem.
@Vysair
@Vysair 6 месяцев назад
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.
@mahadevovnl
@mahadevovnl 4 месяца назад
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!
@nabiev_max
@nabiev_max 4 месяца назад
I think that's the biggest redesign project of steam for all time! Great work!
@LucidGhostYT
@LucidGhostYT 6 месяцев назад
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.
@Heliguy45999
@Heliguy45999 7 месяцев назад
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 7 месяцев назад
happy to hear that you liked it! :D
@TryTane
@TryTane 7 дней назад
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).
@thejackal007
@thejackal007 4 месяца назад
I'm in love. I've been used to the old design since the ancient times but nearly every aspect of this was perfect, easy to follow and better than the old.
@kylehumber
@kylehumber 6 месяцев назад
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!
@oblivion_2852
@oblivion_2852 6 месяцев назад
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
@LineageView
@LineageView 3 дня назад
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😎
@manelmv97
@manelmv97 29 дней назад
Love the colour scheme and buttons, all!! aaa you great
@Dogflamingo
@Dogflamingo 7 месяцев назад
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.
@xurrmusic
@xurrmusic 6 месяцев назад
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
@sethorlando
@sethorlando 16 часов назад
I am addicted to your wonderful videos! Thank you!
@Awindow
@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
@dmitryburlakov6920
@dmitryburlakov6920 7 месяцев назад
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 RU-vid endeavours!
@or.zalman5419
@or.zalman5419 6 месяцев назад
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
@antoineleduc7611
@antoineleduc7611 2 месяца назад
Im utterly impressed Excellent work congratulations, you managed to heavily improve steam while keeping its soul
@ArsonTheShroom
@ArsonTheShroom Месяц назад
This is super detailed and cool :D
@EmilioMejia
@EmilioMejia 6 месяцев назад
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
@trueberryless 7 месяцев назад
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 7 месяцев назад
THANK you! :DDD
@flavioeugenio6078
@flavioeugenio6078 4 месяца назад
I would say, this is the best video i've ever seen in a while. Good job
@user-sn3hz1eu3q
@user-sn3hz1eu3q Месяц назад
just amazing jux, new subscriber here! keep it up broskiiii
@reverendalexanderskinbound278
@reverendalexanderskinbound278 6 месяцев назад
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 👍
@its.arjun.s
@its.arjun.s 7 месяцев назад
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!
@poszy6
@poszy6 26 дней назад
I wish these big companies would hire you, you would make my life so much better
@gorudonu
@gorudonu 2 месяца назад
very quality content, please keep it coming !
@ItsJoeyG
@ItsJoeyG 7 месяцев назад
Waiting for the day Valve hires you as lead UI designer. Knowing Valve, Steam's UI makes me think that they have a crap ton of techincal debt. I wouldn't be surprised if there was code from ten years ago still running in production.
@juxtopposed
@juxtopposed 7 месяцев назад
haha yep, so many of Steam’s frontend issues are rooted in the old backend and it shows
@acex222
@acex222 6 месяцев назад
Code from ten years ago isn't a bad thing. Code isn't bad just because it wasn't written recently.
@charleystello1822
@charleystello1822 7 месяцев назад
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 7 месяцев назад
"Best steam design" probably because its the only one lmfao
@shubh3690
@shubh3690 21 день назад
You are very determined and hardworking individual. Congratulations and thanks for making such informative videos ...
@daniellima4391
@daniellima4391 6 дней назад
It's crazy how well RU-vid's recommendeds have been lately! I would've never found this awesome video otherwise
@Menschlich
@Menschlich 7 месяцев назад
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 7 месяцев назад
lmaoo good luck!
@Starwort
@Starwort 6 месяцев назад
Commenting here because if you ever manage that I want to hear about it
@Rawthul
@Rawthul 7 месяцев назад
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 7 месяцев назад
hmmm… I thought the activities page could still be there but a sneak peek wouldn’t hurt. glad you liked the design :)
@no_torrs
@no_torrs 4 месяца назад
wow. when the video started I was thinking that I didn't really mind the steam ui so much. but this is just so, so, so, soooo much better. great jorb.
@user-sq1ns3td9q
@user-sq1ns3td9q 3 месяца назад
Great work. I like your design
@__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.
@Yenkieldemente
@Yenkieldemente 5 месяцев назад
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
@adjbutler
@adjbutler 4 месяца назад
OMG, great design review of Steam. Chef's kiss! Beautiful!
@arctic1932
@arctic1932 4 месяца назад
This is amazing! I've been using Steam for last 10 years now and the platform really needs another redesign.
@bradyk6017
@bradyk6017 7 месяцев назад
This has to be one of the most satisfying videos I've watched in a long time. Every time your little magic wand 🪄brushed across the screen, it instantly made something better. I don't know squat about UI design but it's clear that I just watched a master at work
@TDefton
@TDefton 6 месяцев назад
This is excellent. Valve should definitely hire you to finalize this
@GerarGear
@GerarGear 2 месяца назад
Great video and concept!😊
@MrBurnlan
@MrBurnlan 4 месяца назад
Absolutely amazing work, and now I want that redesign on my steam
@Nikkerudon
@Nikkerudon 4 месяца назад
Learn Web Developement
Далее
It's time to talk about these UI trends
9:09
Просмотров 458 тыс.
New Gadgets! Bycycle 4.0 🚲 #shorts
00:14
Просмотров 10 млн
КИТАЕЦ ЗА 24 МИЛЛИОНА / РАЗГОН
1:10:06
The Largest Unsolved Problem in VR.
25:43
Просмотров 135 тыс.
I Redesigned Wikipedia JUST to MAKE IT MONEY
11:17
Просмотров 245 тыс.
I Redesigned the ENTIRE Spotify UI from Scratch
19:27
Просмотров 563 тыс.
I Redesigned Popular Websites (Quora & Steam)
6:25
Просмотров 317 тыс.
I tried Blurring things in Quirky ways
9:23
Просмотров 269 тыс.
41 Simple Tasks on Windows vs. MacOS
12:54
Просмотров 549 тыс.
I Let Random Steam Keys Decide What Games I Played
35:40
Another Serious Critique of Minecraft
37:25
Просмотров 418 тыс.
How Google's Chromium Took Over the Browser World
9:59
#movie #фильмы #кино
1:01
Просмотров 3,1 млн
Девочки,жиза?😂инст: sarkison7
0:19