UPDATE! Looks like since I uploaded this, VSCode actually updated their landing page....and it looks *surprisingly* similar to my recommendations. Coincidence? You decide...
@TalhaBalaj
4 ай бұрын
It's still the same :/
@DemystifyingDesign
4 ай бұрын
Hmmm, really? Maybe I got an a/b test
@TalhaBalaj
4 ай бұрын
@@DemystifyingDesign Yeah probaly.
@Fojony1985
4 ай бұрын
Actually landing page is updated month ago.
@NFSCsapat
4 ай бұрын
@@DemystifyingDesign You can still look at it from waybackmachine, its the second to last snapshot, ngl it looks clean
@brightlyvirya7500
4 ай бұрын
Visual Studio Code and Visual Studio is two different product
@arthurvanleeuwen9650
3 ай бұрын
Yea I found that name change weird too.
@WilliamWatkins-o6z
3 ай бұрын
And this is one of the most frustrating things when working with visual studio as most research results on Google when typing this yields results for Vscode.. windows marketing is a mess
@nalstudio_official
2 ай бұрын
Yeah I would've rather had the logo with "Code" written beside it instead of "Visual Studio"
@_tr11
2 ай бұрын
@@nalstudio_officialor VS Code
@ramsey2155
4 ай бұрын
The main factor that drives people to use vscode is not copilot, it's the lightweight feeling alongside the tools it has. You can install copilot on pretty much any IDE. The deal with VsCode is that you choose which tools you want to get by installing plugins unlike most code editors that bloat you with tons of tools dedicated to a specific project. Its also fast which makes it great for quickly editing files
@DemystifyingDesign
4 ай бұрын
Idk, Sublime is preeeety fast and lightweight....
@shivamshandilya5059
4 ай бұрын
@@DemystifyingDesign sublime doesn't have as much extension support as vscode.
@Trizzi2931
4 ай бұрын
Dude why do ppl think vscode is light weight. It’s an electron app which is a memory hog. It’s anything but light weight.
@ramsey2155
4 ай бұрын
@@Trizzi2931 Just open any other IDE and see how much slower it takes. Electrons apps are only memory inefficient. They are pretty fast and flexible.
@markjohnmalanteno4655
4 ай бұрын
@@Trizzi2931Its not lightweight but it feel lightweight when it contains more features.. In short its lightweight.. I just use notepad++ for lightweight editing txt file. but not for coding🤣
@calcoph.
3 ай бұрын
I really hope microsoft don't take any ideas for the editor. The good thing about VScode is that it is very light in UI and doesn't look busy like an IDE does. The "profile" and options part is barely ever used and wastes precious vertical space. The way it is right now doesn't waste space at all, it sits in an unused part of the UI (bottom part of the sidebar). The project bar also wastes precious vertical space, switching project is a very rare event, the "project dashboard" extension does it much better, which is an icon in the side bar. Things that switch your context (from code editor to file tree, from code editor to project list, from code editor to settings) all belong in the side bar, as to waste as little space as possible. The main element where you're gonna spend 90% of the time is the editor, it should be as big as possible. The other main part is the terminal, which under the redesign would see its space halved. Very rarely you want to see "problems" and the terminal at the same time, it makes little sense for them to share space. The way it is right now, where you choose either "problems" or "terminal" makes it so you focus either one of them, and when they are focused they use a big part of the UI.
@akatsukilevi
2 ай бұрын
T H I S This redesign it feels like it'd be cumbersome to work with, specially when developing something server-side where you end up having to spin up the server and keep track of the logs about what the program is doing It does visually look more appealing, but adding so much into the UI actually makes it heavier, quite worse A more minimal visual would be better, which current VS Code already achieves
@DemystifyingDesign
2 ай бұрын
Mostly agree with both of you. A big part of the problem of doing a redesign like this is that you need to do something unique and interesting in order for it to be a useful video. In the real world, you would have to layer this visual design on top of months and months of user testing. Fortunately for you though, this was just an experimental redesign. 🤣
@akatsukilevi
2 ай бұрын
@@DemystifyingDesign For a video it works wonder, or even maybe a more specialized web design editor, it probably could work as a rather good editor? Sadly, UI/UX is a lot more nuance in the real world
@justanaveragebalkan
4 ай бұрын
A lot of people in the business con artist don't understand one simple thing, when a product works, no one gives a shit how the website looks. It's only when you sell snake oil when looks actually matter. To be honest i don't really like the redesign for vscode, but the website was amazing, great job there. Most vscode users remove 90% of the interface anyway, anyone that uses is professionally just strips it down to it's bare-bone editor and plugin.
@DemystifyingDesign
4 ай бұрын
Yeah, the end of the day users strongly prefer functional interfaces. That's why I didn't really want to redesign the code editor itself. But hey it to be done for that content baby!!
@Shibi-graphics
4 ай бұрын
For rhe website logo, I would keep Visual Studio Code anyway as Visual Studio is a total different product. Other thing very important on the app redesign side is the status bar. Even though putting the git branch above looks great at first look, but then it needs also to include all the git commands as menus. Looks good, but not that functional. Really like the website with that dark mode theme. I would keep a toogle to stay inclusive as some people also have hard times while reading on dark themes. Great job.
@DemystifyingDesign
4 ай бұрын
Yeah I think I should have spent more time focusing on the git section. Could have emphasized that upon clicking it, it should expand into a bigger context menu or something. Thanks for the solid feedback!
@tanguilouedec1052
3 ай бұрын
"Devs like me are staring at a screen all day, we can't afford to flashbang them with a white screen" - Proceeds to flashbang the entire audience with a whitescreen
@DemystifyingDesign
3 ай бұрын
Got to make sure you're awake
@Sky_theidiot23
2 ай бұрын
@@DemystifyingDesign😢it's 3 in the morning mann
@opposite342
4 ай бұрын
one thing you get wrong is 11:00 Visual Studio and Visual Studio Code is a different product. Visual Studio is a more full-fledged IDE, which is used mostly for development of C# and C++ programs on Windows. VS Code, however, is much lighter and flexible. I can see why you would get this mixed up since Visual Studio's logo is very similar to that of VS Code (instead of a cut-off ribbon, it is completed, and the color is purple instead of blue).
@DemystifyingDesign
4 ай бұрын
Yeah that's a good point. I'll blame Microsoft for this and call it a day
@budgetarms
3 ай бұрын
@@DemystifyingDesign yeah, its annoying indeed
@TalhaBalaj
4 ай бұрын
VSCode has been the most used editor since way before Co-Pilot. Co-Pilot isn't their main selling feature. It's the lightweight and fast nature of it with best in class support for most languages. It just feels like an IDE without being bulky.. it has good extension support, you add support for new languages yourself like if you create a new language yourself. The built-in Git UI is pretty great. It just has everything. Mostly better than other editors for humans (let me exclude vim so people don't bash me)
@DemystifyingDesign
4 ай бұрын
Sublime does all of that too! But right now, if you want to use copilot, it's a hassle unless you use VSCode
@TalhaBalaj
4 ай бұрын
@@DemystifyingDesign I have used sublime. It doesn't have the same language support as VSCode. It feels like a text editor (which it is) but VSCode feels like the IDE which I wanted to clarify. Copilot is a good to have, but All real competitors to VSCode have integration with Copilot.
@yaci8330
4 ай бұрын
@@DemystifyingDesign nice video i enjoyed the redisign but imho like @TalhaBalaj said sublime lost it's place as editor for the majority of people to vscode way before copilot came around, like we are talking at least a few years back
@DemystifyingDesign
4 ай бұрын
Yep, a few years back. We're in a different world now and the main differentiator *now* is native copilot integration.
@TheRevTastic
4 ай бұрын
@@DemystifyingDesign To your point about unless you use VSCode, how so? They have an extension for every major editor/ide. It's even easy to setup in NeoVim
@mzerone-g6m
3 ай бұрын
You need to call it visual studio code becuase microsoft already have visual studio
@gianatiempo
4 ай бұрын
I would love a VSCode theme that looks like your redesign! I NEED IT!!!
@DemystifyingDesign
4 ай бұрын
We can dream 🥲
@thripnixe
3 ай бұрын
@@DemystifyingDesign cant you give that via extension?
@DemystifyingDesign
3 ай бұрын
I could but I'm not going to - would take me like 3 weeks to build this out and include all the edge cases
@sobhanbhowmick
3 ай бұрын
@@DemystifyingDesign well... someone gotta do it 🤞
@Josh_Lawson
3 ай бұрын
@@sobhanbhowmick I'm working on one at the moment. I'll update once it's finished...
@kirsanov2008
4 ай бұрын
I like this UI of vscode, I would like to have it the way it showed in this video
@DemystifyingDesign
4 ай бұрын
What do you mean??
@Elgrecos
3 ай бұрын
@DemystifyingDesign that he prefers your redesign of VS Code
@DemystifyingDesign
3 ай бұрын
Ah thank you!
@itaamelia6715
3 ай бұрын
that multi windows is absolutelly a must have future feature
@redoper1
2 ай бұрын
In reality most of those things are already present or achievable using extensions. One of the best features of the VSC is the ability to customize it. So for example have the primary sidebar on the right (I personally don’t get why somebody would do it, but a few colleagues has it setup like that), or for example move there the terminal etc.
@iamgly
3 ай бұрын
I really like the workspace folders you put on the top, it feels better to work with multiple projects in a single window.
@putdownthegun721
4 ай бұрын
great lighting! you've come a long way, sir
@DemystifyingDesign
4 ай бұрын
Haha getting a wee bit better every time
@crypso1526
3 ай бұрын
So satisfying to see your videos reaching a wider audience! Great insights on design choices yet again!
@DemystifyingDesign
3 ай бұрын
Thank you! 🙏
@hexxt_
3 ай бұрын
doesnt seem like much of an improvement
@imerence6290
2 ай бұрын
Few suggestions: - Move the git to the bottom on the left panel. And get that copilot shit outta here xD - The search is vague. What does it search ? Folders/Files or contents of the files ? - Get rid of the left redundant git menu between the bottom of the text editor and the terminal. And move the Line Col info to the right hand side of the bread crumbs. - And no one cares about the copilot thing. - Also avoid 2 groups of tabs. Make projects a different control, like a drop-down maybe (idk). Also wastes vertical space.
@fluffeliger
2 ай бұрын
as long as it makes my text colorful im happy
@bardourbano
3 ай бұрын
Man, you really made me like the actual vscode ui. Are you really designing for devs? Give me keyboard shortcuts and a CLEAN interface
@DemystifyingDesign
3 ай бұрын
Boom! Keyboard shorcuts are now active
@samuelbarboza7574
4 ай бұрын
INSANE. ABSOLUTELY AWESOME.
@DemystifyingDesign
4 ай бұрын
You're awesome 😎
@rasyasejati
3 ай бұрын
woah! that Plus Jakarta font choice shocks me, I don't know it was that popular!
@kvk812
3 ай бұрын
Congrats! You made it look really cool but you also just made the webpage look like any other developer brand website
@em11l
4 ай бұрын
I don't want to hate and please take this just as creative criticism so here we go... This to me looks like a toned down version of Int Idea and don't get me wrong I like that. But as an vs code power user, the default dark theme with how things are set up just works. And I would much rather focus on the just works part instead of looking all pretty. It look pretty good as is as well. Also for the copilot feature, not everyone wants to talk to copilot nor posseses a license for it. One last thing, the landing page redesign .... that's very much on point. Good job for that.
@DemystifyingDesign
4 ай бұрын
Yeah like I said in the video, the editor itself doesn't really need a redesign, thank you for your honest feedback 🙏
@4RV1DDesigns
4 ай бұрын
this is the complete opposite of the redesign I would make but it still looks good and has a lot of features. I just think that most developers look for code editors with less menus and a clean look which isn't this. I currently hide everything except files and code view in VSCode if I want to access something that is hidden I do it through a toggle like CTRL+Shift+X for extensions.
@DemystifyingDesign
4 ай бұрын
Oh really? How do you switch between files? I feel like I'm constantly bouncing between files left and right in and out of components and styles.
@4RV1DDesigns
4 ай бұрын
@@DemystifyingDesign CTRL+P to open all files and have search available to open whatever I want in the project. I don't remeber the file structure on the file / class names I want to access
@MattiasMagnusson
2 ай бұрын
To be honest, your redesign looks so much better and intuitive than the "new" Visual code website. i love to see these redesign videos, they are so inspiring! Keep up the great work!
@krissh_the_dev
2 ай бұрын
Also, the projects can be huge .. the problems tab by default only lists probelms in currently opened file, but your design suggests that it should list all the problems, across different files in the project. This can be extremely intensive in terms of computation for what is supposed to be a "code editor" (and not an ide). Similarly, having multiple projects open in the same window, when the projects are big, all of them have to be loaded, which will be memory expensive. The above problems will lead to a bad and janky user experience.. to make it all worse, you only have one window which goes unresponsive when any one of the project causes issues.
@karomba123
4 ай бұрын
i love this redesign, it actually looks modern now!
@DemystifyingDesign
4 ай бұрын
Thank you 🙏
@hamburger--fries
4 ай бұрын
I was impressed with your process. The only part that made my brain hurt, or more like explode, is you did not mention CSS frameworks. The clear winner is Tailwind, simply because it ticks every box and in the end is a single file and inline styles.
@ego-lay_atman-bay
3 ай бұрын
I actually like the vscode website design. It's simple, and gets the job done. What is it with landing pages having to be this huge super animated website that always looks exactly like every other landing page?
@DemystifyingDesign
3 ай бұрын
They don't! But there are clear usability & messaging problems that if corrected will make the site more sensible and effective.
@scottfrost317
3 ай бұрын
This looks great. The only problem I have and I’m sure as a new user is that if I downloaded visual studio code, I would expect it to look like it looks on the main page and because you’ve changed it. It doesn’t this now causes confusion and makes customers angry that they now have to go and figure out how to make it look like it does on the homepage, which is why Microsoft keeps the way it looks because that’s how it looks when you open it after downloading it
@DemystifyingDesign
3 ай бұрын
I did change the look on the main page, are you referring to another page?
@liongeek
2 ай бұрын
If Microsoft were to redesign VSCode, they should make a video like this
@Deb1an
2 ай бұрын
Vs code is already a titan among ides
@lditzel
2 ай бұрын
Disgustingly beautiful 😍, you need to send a proposal for this man. This needs to be the next visual studio code refactor
@cristinelcostachescu9585
2 ай бұрын
This redesign (at least the VSCode app part) seems to ignore the main paradigm that VSCode uses: CMD+P opens the omnibar, which you can search files directly, or run commands by prefixing the query with a >. The search in the left sidebar is completely useless as you either focus it and start typing to search, or you can press CMD+Shift+F, or open the search section of the sidebar. Branch switching should stay in the dedicated version control tab of the sidebar, mixing it in the file explorer creates opportunity for mishaps. The workspaces tab bar is a tremendously bad idea, you often have 10+ files open per-project, you'll get sick of switching tabs between files and projects. Not to mention that VSCode allows to open "workspaces", multiple folders inside the same window, which does the 'projects' thing way better. I also find it easier to have separate windows per-project, especially with multiple screens setup (also allows easy ALT+TAB to switch project). These and more are the reasons developers prefer VSCode, while they steer away from the old NetBeans, Scintilla, Atom, and various other alternatives.
@DemystifyingDesign
2 ай бұрын
Yeah, I was imagining that when you click / focus on the sidebar search it would become full-screen much like the existing CMD+P experience is today in VSCode.
@RazaullahKhan-b6y
Ай бұрын
that was so good, you are very good in it
@DemystifyingDesign
Ай бұрын
Thank you 🙏
@soumalya
2 ай бұрын
I really don't like some of the design decisions you took. Like making the terminal smaller just for aesthetic sense. I think the current layout does an okay job from functional pov
@lazarom9998
3 ай бұрын
The landing page is and always has been, the best I could ask for: "A BIG download button" that detects the version I need to download based on my OS. It is the only thing I'm going to use the site for. I would like to see what software landing pages you have designed to see if THAT is there. 👀👀
@echobucket
4 ай бұрын
The biggest glaring usability issue with VSCode is it's subpar ability to hide ALL of this UI and just drive it via the keyboard. It's why so many people end up using neovim.
@lazarom9998
3 ай бұрын
In the next episode: "We teach Messi how to play football" 💀💀
@that_guy1211
3 ай бұрын
what are you talking about at 2:36? VS code alredy has a folder tree on the left, as well as tabs on the top, you just don't seem to be able to navigate it very well but yeah, having workspaces be separated make a whole lot of sense, and your design looks pretty good as well
@kpatterson395
4 ай бұрын
The horizon separator is veryyyy nice!
@DemystifyingDesign
4 ай бұрын
It truly is the cutest little thing I ever saw
@fgpreviews
3 ай бұрын
Engineer here. The tabs decision is bad. Our context switches are (mentally) EXPENSIVE and don't want to be switching projects. Furthermore, a lot of us navigate tabs with the keyboard. We don't want the IDE to switch projects when we want to switch tab.
@DemystifyingDesign
3 ай бұрын
Context switches as a UI designer are just as expensive, yet Figma still has tabs. Do you think that's a mistake too?
@fgpreviews
3 ай бұрын
@@DemystifyingDesign Categorically, yes. Also last time I checked, Figma has tabs for within projects, not tabs of projects.
@moritzberg6722
4 ай бұрын
Love how those 'visual representations' of features are essentailly very guided screenshot of text after all. Like for a programmer a 'users.forEach' loop ist just a very common block you recognize at a glance. No need to abstract it visually if you can abstract it faster cenceptually :D
@DemystifyingDesign
4 ай бұрын
Hell yeah that was the plan!
@cristoslaher
3 ай бұрын
I don't really like having project tabs on the top. You could get rid of the branch selector on the sidebar, since you already have a branch selector on the status, bar and replace it with the project selector if that's really necessary. but I'd prefer to have different windows for each project. what I do like is the color and the fonts. great job in advance. new subscriber!
@DemystifyingDesign
3 ай бұрын
Yeah fair enough I can totally understand a use case for new projects in new windows
@codewithfelix3940
3 ай бұрын
i love the website u designed.. its what shud hv been there for real
@tayoyuva2203
Ай бұрын
This is awesome!
@OwaisAthar1
3 ай бұрын
Mind blowing bro ❤❤❤
@petembugua
3 ай бұрын
I'll be in your corner when the challengers come knocking, this is absolutely stunning... Made me wonder what I have been doing as a developer... well, upcoming... And after the fight, I'll send you my invoice too...😆
@DemystifyingDesign
3 ай бұрын
Hahaha do it!!
@Sergij_Vari
2 ай бұрын
I projects not too much projects, would be great to move the to the left side, align vertically
@UTJK.
4 ай бұрын
Now I need your Visual Studio Code organization. Damn! I would love a floating terminal though.
@DemystifyingDesign
4 ай бұрын
Gah! Didn't think of that
@UTJK.
4 ай бұрын
@@DemystifyingDesign When they'll copy your design of this video, you could propose it as the next iteration lol :D
@mr_snowman69
4 ай бұрын
Thanks, now I can spend the next 2 weeks customizing vscode to look exactly this
@Tintin-hh1gf
4 ай бұрын
if you do make guide ill fallow it
@DemystifyingDesign
4 ай бұрын
Hell yeah
@Ashaduzzaman21
3 ай бұрын
Vs code design is just superb
@msahu2595
3 ай бұрын
Awesome ❤ Loved the changes
@eliecyammine
3 ай бұрын
And now I NEED THIS!!!
@pita-𰽱
2 ай бұрын
wanted to say that they updated their page and its looks like it took some "clues" from you :D
@shad-intech
3 ай бұрын
This was so satisfying. Great design.
@DanteMishima
2 ай бұрын
Forcing sticky scroll made me ressurect tge editors that raised me. (yes, i know you can disabe it, but why is it on in the first place)
@raevod6361
2 ай бұрын
NO WAY THEY UPDATED THE PAGE IT LOOKS THE SAME!!
@Markadown
4 ай бұрын
Really nice work. This would almost tempt me to us VS code. A really cool redesign.
@AabirKashif
Ай бұрын
the current UI of vscode is just fine I think.
@DemystifyingDesign
Ай бұрын
Agreed
@HenriAGS
3 ай бұрын
I would 100% download this!!
@DemystifyingDesign
3 ай бұрын
Hell yeah!
@undeadgaming2102
2 ай бұрын
Some portfolio design for freshers please
@alexdefoc6919
3 ай бұрын
Great job bro. You now have a finger print on a Microsoft site/app
@DemystifyingDesign
3 ай бұрын
It's crazy!
@bitmanagent67
2 ай бұрын
OMFG!!! Y'all calm down. This is just a treatise on possibilities. You guys are flaming like he is the UI PM on the VS team. This is also why products are built in a vacuum with a finite set of development partners. If you leave things open to users, you would get so many contradicting preferences that you would never get a product shipped.
@DemystifyingDesign
2 ай бұрын
Lmao I was fully expecting this when I redesigned a product for devs. The most opinionated cohort in the history of users 🤣
@bitmanagent67
2 ай бұрын
@@DemystifyingDesign This is why I avoid products for developers. The baseless opinions, jihad, and zero-sum games are distracting and embarrassing. It used to not be this way, but this is what happens when anyone can practice a craft. It used to be that professionals did the work, academics stayed in academia, and hobbyists could torture each other on forums. Now that tools and platform companies have started embracing open-source, everyone has come outside to play, and they are bringing their vitriol and bellicose rhetoric with them. It is like Lord of the Flies out here.
@DemystifyingDesign
2 ай бұрын
That's by far the most eloquent comment anyone has ever left
@bitmanagent67
2 ай бұрын
@@DemystifyingDesign Great redesigns by the way. Very thoughtful approaches to each change. I would download your version over the current version of VSCode. I think tools that try to be everything to all people are useless to everyone. But that is my own rhetoric. I believe that tools that are focused on activities for a particular task work best.
@lourencorosado9097
2 ай бұрын
Project switching tab seems a great ideia. I would like to try it out. But I can see some concerns around memory
@DemystifyingDesign
2 ай бұрын
Totally fair
@test-uy4vc
4 ай бұрын
Hot take, Smojo is one of the best general programming language ever. What do you think? 🤔
@DemystifyingDesign
4 ай бұрын
Never heard of it 😅
@GCoder-sl1sq
3 ай бұрын
this is amazing! in vs code there is an extension called "apc" to customize the ui more deeply in vs code, I'll try to see how far I can get with its design! thanks!
@DemystifyingDesign
3 ай бұрын
Dude that'd be so cool keep me posted fo sho
@kiyasuihito
4 ай бұрын
They should have designed it this way to begin with. I've always had some gripes with vscode personally. The layout isn’t intuitive, it hides a lot of commonly used functionality, and often you need to resort to editing json files manually for configuration that moat IDEs do for you. VS proper has the opposite problems. Neither of them are really all that responsive with larger or even mid sized projects either. If you can't tell already I'm more of a JetBrains guy.
@Art_holics
4 ай бұрын
Hi! A content suggestion, can you do like tutorial or discussion how do you usually do your thought process and building the brand design and etc. Also as a beginner designer like me can you teach us how to use autolayout properly??
@DemystifyingDesign
4 ай бұрын
Those are good ideas many people have asked me for that I think it's time I make it happen
@theMadZakuPilot
4 ай бұрын
@@DemystifyingDesign yes please
@Art_holics
4 ай бұрын
@@DemystifyingDesign just a new suggestion content btw haha teach us how you do your local styles and how you effectively use it. Im in love with your processss
@DemystifyingDesign
4 ай бұрын
On it 😎
@jwstinthesky2677
4 ай бұрын
I don't know if it's just me, but you practically transform vs code into JetBrains Webstorm 😅
@prodbyeagle
4 ай бұрын
This looks so much better haha. i want that design lol🤣
@DemystifyingDesign
3 ай бұрын
You and me both!
@rakeshkanna-rk
2 ай бұрын
Your Concept towards the VS code editor. It's nice, but there are some absence of, the tab which consist of files, edit, selection, run and much more and some missing of refresh, remote and "ctrl + p" or "ctrl + shift + p" tab. I am happy with your concept, but there are many missing features Let me take more space to adjust the IDE.
@DoNsMaK190
3 ай бұрын
clicked assuming this would be another click bait but damn wish if vscode looked like that great channel btw subbed and liked.
@DemystifyingDesign
3 ай бұрын
Welcome!n
@manankanani5
2 ай бұрын
Loved it ❤
@tailwindmastery
3 ай бұрын
probabaly i am ready to user your design
@user-bw6lh5xk2x
4 ай бұрын
when i'm installing vscode is cause i need it in that moment. never really cared about the landing page
@Art_holics
4 ай бұрын
please do more redesign!!!! and also upload consistently plss so i have something to watch and learn
@DemystifyingDesign
4 ай бұрын
Haha thank you I'm trying these videos are so hard to make!
@Art_holics
4 ай бұрын
@@DemystifyingDesign hahaah i agree! i am also a ui ux designer, ( a beginner) i learn alot from this haha! welcomee!
@DemystifyingDesign
4 ай бұрын
I'm glad someone out there gets something out of these. If you ever think of anything else that would help please let me know!
@madhurchaturvedi5551
4 ай бұрын
Great Work man appreciated
@zxcq
3 ай бұрын
Can you design microsoft store like that ? Their store is somewhat old fashioned compared to steam. I think it might move to production because currently they don't have comments, rating, discussions, friend list and a lot of stuff like that is missing which could be solved fast with your design.
@DemystifyingDesign
3 ай бұрын
That's a great idea! Popped it on the backlog
@soanvig
4 ай бұрын
Cool UX improvements, but naive design. The thing with user interfaces is not what happens in designing tool. The thing is what happens in real life cases: how UI behaves when there are lot of files open, that need to be easily navigable; how do I know which open file to select if I have 10 with same name; what if tree of directories is open 10 levels deep, how it behaves on different resolutions etc. I would rather see improvements around hard cases, not the easy one like a padding or border radius.
@DemystifyingDesign
3 ай бұрын
Cool!
@MrDubanddnb
4 ай бұрын
they need something like productivity and the workflow of VS Code and the newest UI of InteliJ
@42pe
2 ай бұрын
I’d pay for this theme.
@_tr11
2 ай бұрын
11:00 wtf vs code and visual studio are two completely different things
@patahgaming
3 ай бұрын
Cool now i can appreciate for 2 more second before scroll down and click download
@MaxPlayle
3 ай бұрын
Phenomenal improvements! Why not submit a PR to the VS Code UI, would really like to see this!
@DemystifyingDesign
3 ай бұрын
Man, if I were going to do that I'd need to really spend a lot more time thinking through the edge cases and prototyping it with users. If Microsoft wants to sponsor me I'll gladly do so ;)
@MaxPlayle
3 ай бұрын
@@DemystifyingDesign I reckon they should, you know! 😂 Wayyyyy better than what they’ve currently got going on 😂
@snehasissahoo2485
2 ай бұрын
Ad more head space for tabs and cluttering the files panel shrink space for code and file structure respectively, though the design looks pleasing to the eye, but it's not really practical, specially for smaller screens. These are my perspectives as a developer.
@DemystifyingDesign
2 ай бұрын
Thank you for sharing - this is solid feedback!
@Azcane
2 ай бұрын
I'm a developer, not a designer, but I really don't like many of the changes you're proposing. Having the branch and other git actions in the files tab doesn't make sense to me. Editing/writing/fixing code are very different work flows compared to doing branch work like merging, rebasing etc. Having all that in a different tab with just a small branch indicator at the bottom of the editor makes much more sense to me. How would the search element in the files tab behave when clicking into it and starting to search? Would the files tab suddenly become the search tab? Would the file list just be filtered (instead of searched)? Theres much more to it than just placing a simple search box and button there. Having expanded folders be slightly brighter feels like horrible design to me. Why should it be highlighted just because it's expanded? Highlighting places emphasis and doesn't communicate state to me. Besides, the opposite, being greyed out, already has a meaning (ignored by git), so it's double confusing handling 3 highlighting states that mean very different things. Sorry, but your suggestions seem nice looking at a glance but are not well thought through, imho.
@DemystifyingDesign
2 ай бұрын
> How would the search element in the files tab behave when clicking into it and starting to search? Would the files tab suddenly become the search tab? Would the file list just be filtered (instead of searched)? Theres much more to it than just placing a simple search box and button there. Yeah I should have spent more time showing the nuances in the design, but cut myself short for time. I was expecting that when you were to engage with the search element in some way, you would be taken to a "search" context, where you could search between files and text. Obviously not as useful to simply type out my expectations here than show it in Figma! > Having expanded folders be slightly brighter feels like horrible design to me. Why should it be highlighted just because it's expanded? Highlighting places emphasis and doesn't communicate state to me. Besides, the opposite, being greyed out, already has a meaning (ignored by git), so it's double confusing handling 3 highlighting states that mean very different things. Are you referring to the highlighted background? Or the lighter color itself? > Sorry, but your suggestions seem nice looking at a glance but are not well thought through, imho. As I've mentioned in a few other comments, if one were redesigning this in the real world, you'd need to start with wireframing, do a bunch of prototyping and user testing. Since this is an experimental redesign for KZitem, I took a few liberties to embellish things and try some more unique approaches. I understand some of them may not be the best UX (because I haven't tested them with real humans), but it makes the video more interesting, and that's my main goal for these. Thanks for your feedback! Always appreciated
@amine2196
3 ай бұрын
i really love this design. keep going bro
@stormey2010
4 ай бұрын
Can you do a video redesigning photoshop, you can do their landing page, software, or both. You could also do something with redesigning the adobe website.
@DemystifyingDesign
4 ай бұрын
Oh man, that would be a doozy. So much custom iconography!!
@clickadelic7681
4 ай бұрын
Now, where is the download link to the visually appealing VS-Code Version 😀?
@DemystifyingDesign
4 ай бұрын
😬😬😬
@morejxnm_
3 ай бұрын
I actually think Segoe UI was a good font to use for text. Using Plus Jakarta Sans doesn't really look fitting as I think it's more good as a display font rather than it being used both for display and text.
@morejxnm_
3 ай бұрын
(as a side note, the current CEO is Satya Nadella, not Bill Gates)
@DemystifyingDesign
3 ай бұрын
Well yeah but Bill Gates is an easier target for jokes :)
@morejxnm_
3 ай бұрын
@@DemystifyingDesign fair enough.
@hollycow8171
3 ай бұрын
6:12 PROJECT TAB is waste of space, and file tab need more space. bad decision making there!. mostly coder will work on maximum 3 projects at a time, while files opened maybe exceed 6 or even higher.
@DemystifyingDesign
3 ай бұрын
Perhaps over 9000?
@naranyala_dev
4 ай бұрын
there are a lot of apps need to redesign, more please
@minecraftjohn727
3 ай бұрын
Segoe UI is my favorite, and segoe ui variable too
@meno437
3 ай бұрын
Bro just turned vs code into a saas startup
@DemystifyingDesign
3 ай бұрын
Just a hard days work
@lekhoa9063
4 ай бұрын
Really love your design, hope Microsoft will reach to you for this design
@DemystifyingDesign
4 ай бұрын
Given that I bashed them like 8 times in this vid I hope they don't see it lmao
Пікірлер: 471