Пікірлер
@a.alg0hary549
@a.alg0hary549 Күн бұрын
i u are gonna design a developer tool, then u need a developer to design it, we don't need A Ui designer to design A developer Tool
@DemystifyingDesign
@DemystifyingDesign Күн бұрын
Lucky for you I'm also a developer!
@a.alg0hary549
@a.alg0hary549 10 сағат бұрын
@@DemystifyingDesign That's wht i thought :D
@oliverdowning1543
@oliverdowning1543 Күн бұрын
Changing the logo is a problem because Visual Studio is an entirely different product to Visual Studio Code.
@miko007
@miko007 3 күн бұрын
i am sorry, but a secondary tab bar to a primary one is just an ux nightmare. it is second only to a modal opening a modal... also, you can not just simplify "vscode" to "visual studio", as they are two totally different products.
@DemystifyingDesign
@DemystifyingDesign 2 күн бұрын
Unfortunately you can't assess UX without testing this with users, the double nav is definitely something you'd want to test quite a bit
@miko007
@miko007 2 күн бұрын
@@DemystifyingDesign well, yeah, generally that is right, but i say that from experience in years of ux development and testing. we've done those tests, and they failed every single time.
@DemystifyingDesign
@DemystifyingDesign 2 күн бұрын
One thing you learn very early in UX is that you have to be careful to leave your own bias at the door and let the design work for itself. I've had countless flows that seemed to be "bad UX" upon inspecting urn out to be extremely easy to use somehow
@krissh_the_dev
@krissh_the_dev 3 күн бұрын
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.
@krissh_the_dev
@krissh_the_dev 3 күн бұрын
I dislike the project switching tab ui...
@redoper1
@redoper1 3 күн бұрын
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.
@yhee
@yhee 4 күн бұрын
wanted to say that they updated their page and its looks like it took some "clues" from you :D
@MichaelMarosi
@MichaelMarosi 4 күн бұрын
Amazing video. Loved the tips on information architecture. Watching and subscribed from Nairobi, Kenya.
@DemystifyingDesign
@DemystifyingDesign 4 күн бұрын
Oh wow - glad you enjoyed! Welcome 😎😎
@rossenburg
@rossenburg 4 күн бұрын
Damn! Looks so good. Can you redesign my life😍
@fluffeliger
@fluffeliger 5 күн бұрын
as long as it makes my text colorful im happy
@pythonista_333
@pythonista_333 6 күн бұрын
Idk, i think that's to much stuff on the top... window border, workspace tabs, file tabs, breadcumbs, and finally the code. It reminds me of Internet Explorer back in the days when you installed a bunch of viruses and you got a bunch of stuff on the top. Waste of pixels overall
@DemystifyingDesign
@DemystifyingDesign 6 күн бұрын
Totally! Feel free create an experimental redesign of your own
@snowman4933
@snowman4933 8 күн бұрын
meanwhile I'm CURL-ing the download.
@DemystifyingDesign
@DemystifyingDesign 8 күн бұрын
Exactly
@Uloncl
@Uloncl 9 күн бұрын
this design is too mac centric, and copilot can f off that should be optional to install not optional to show on the ui
@DanteMishima
@DanteMishima 10 күн бұрын
How did you manage to clutter VSCode? How man? Also, we don't care about copilot
@DemystifyingDesign
@DemystifyingDesign 10 күн бұрын
Lmao 🤣
@DanteMishima
@DanteMishima 10 күн бұрын
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)
@rakeshkanna-rk
@rakeshkanna-rk 10 күн бұрын
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.
@nicholaskeller1169
@nicholaskeller1169 10 күн бұрын
React: :/
@everurstruly
@everurstruly 11 күн бұрын
No one building actual software gives af about the aesthetics of a landing page
@DemystifyingDesign
@DemystifyingDesign 10 күн бұрын
Tell that to 78k people 😘
@everurstruly
@everurstruly 10 күн бұрын
@@DemystifyingDesign cringe
@DemystifyingDesign
@DemystifyingDesign 10 күн бұрын
Thanks for the engagement friend! 🤗
@MuhammadUsman-ng3kn
@MuhammadUsman-ng3kn 11 күн бұрын
i guess they saw your video
@manankanani321
@manankanani321 11 күн бұрын
Loved it ❤
@lditzel
@lditzel 11 күн бұрын
Disgustingly beautiful 😍, you need to send a proposal for this man. This needs to be the next visual studio code refactor
@matsecrafter304
@matsecrafter304 11 күн бұрын
Is it possible to get the vscode redesign as theme or something or is it just figma?
@DemystifyingDesign
@DemystifyingDesign 11 күн бұрын
Yeah search for VSCode 2.0 in the plugin marketplace - a subscriber of mine made one!
@matsecrafter304
@matsecrafter304 11 күн бұрын
@@DemystifyingDesign Thanks for the fast reply but the extension is far from being as satisfying as your design but also probably because of technical limitations
@amalkrishnaas1396
@amalkrishnaas1396 12 күн бұрын
This literally looks like zed
@alexisggross
@alexisggross 12 күн бұрын
Haz un rediseño de Visual Studio
@MattiasMagnusson
@MattiasMagnusson 12 күн бұрын
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!
@jebemtimajku2x
@jebemtimajku2x 12 күн бұрын
Congrats you copied a jetbrains idea👏🏾👏🏾
@imerence6290
@imerence6290 12 күн бұрын
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.
@ismailaf3634
@ismailaf3634 12 күн бұрын
Just use zed
@kriptonian0
@kriptonian0 12 күн бұрын
-1 i would say, I loved your work but I don't think it will be that practical
@kriptonian0
@kriptonian0 12 күн бұрын
But I loved the website ❤
@syedmuhammadsameer8299
@syedmuhammadsameer8299 12 күн бұрын
I didn't die with cringe because the software is quite good, and I just downloaded the product without thinking about how the landing page looks. Plus it has been 5 years since I did it. Later versions were just downloaded from the command line or the app store
@syedmuhammadsameer8299
@syedmuhammadsameer8299 12 күн бұрын
Clearly I typed this at the start of the video. I love the redesigned website, although I would probably still not scroll it. As far as the editor goes, I feel like its perfect as it is apart from the default color theme which I have obviously changed. The problem with keeping a small terminal pane is that I wouldn't be able to open multiple terminals side by side which are helpful when working with mono repos and you wanna have the server and client running side by side. Also, this makes the terminal smaller which would make it harder to read logs while debugging, which wouldn't be a good UX. I'd rather have all the terminal space to read the weird data I have my APIs reading I can even if it isn't the most aesthetic choice out there.
@DemystifyingDesign
@DemystifyingDesign 12 күн бұрын
Thank you for the solid feedback 🙏
@nivekdreamman3834
@nivekdreamman3834 12 күн бұрын
Subscribed! Nice redesign. I would like to code the website. Would you be so kind to share the figma file? Let me know. Bests.
@DemystifyingDesign
@DemystifyingDesign 12 күн бұрын
Figma file is in the description!
@lourencorosado9097
@lourencorosado9097 12 күн бұрын
Project switching tab seems a great ideia. I would like to try it out. But I can see some concerns around memory
@DemystifyingDesign
@DemystifyingDesign 12 күн бұрын
Totally fair
@raevod6361
@raevod6361 13 күн бұрын
NO WAY THEY UPDATED THE PAGE IT LOOKS THE SAME!!
@maxwebstudio
@maxwebstudio 13 күн бұрын
Nice job !
@Sejiko
@Sejiko 13 күн бұрын
The poor developer that has to put this page together probably screams in images right now...
@DemystifyingDesign
@DemystifyingDesign 13 күн бұрын
Huh?
@jwankrho
@jwankrho 13 күн бұрын
Great design. I might be able to create a custom code editor with that design, but I would need your permission first.
@DemystifyingDesign
@DemystifyingDesign 13 күн бұрын
Someone already did! Check @JoshLawson's comment below
@jwankrho
@jwankrho 13 күн бұрын
@@DemystifyingDesign sadly couldn't find the comment
@DemystifyingDesign
@DemystifyingDesign 13 күн бұрын
I think it's in the reply to my pinned comment
@DemystifyingDesign
@DemystifyingDesign 13 күн бұрын
It's also called "visual code 2.0" in the VSCode plugins menu
@jwankrho
@jwankrho 13 күн бұрын
@DemystifyingDesign no no, I don't mean as a plug-in, but rather from scratch
@9SMTM6
@9SMTM6 13 күн бұрын
Oh wow. You've got no idea why people like VSCode. Go back to Intellij or whatever IDE made you used to these terrible approaches. The very first 'feature' you added Was already terrible. If I've got a different project that I want to reference, I still want to recognize it as a different project, so I very much WANT it to be in a different window. I agree that opening another project is a lot of work, and it's easy to 'replace' your currently opened folder (=project) by mistake. So instead address that, and add an easy way to open a new editor from a folder instead of replacing the currently opened folder. If you really need to reference both projects from the same editor, then usually you can simply open a common parent folder with both. Your approach takes up space and takes away focus. The next thing I saw while skipping through was you adding a prominent git branch display with selection to the file hierarchy. Again, a fail. You do realize that the branch is already displayed, and you can switch it? The status bar at the bottom displays the branch, if you've opened a git repo, and allows you to change branches with a click. If you want more information, or want it bigger, you know what you should do? Use the freaking sidebar, that you JUST before this said you will keep. It has a nice big git icon, put your stuff in there. Then you think that copilot is the reason big companies use VSCode. Lol. Yeah I don't think so. I think that most of these big companies probably forbid you from using copilot outside of test projects, to avoid secrets being leaked to MS or OpenAI. Also, you know what, VSCode was the most editor popular BEFORE LLMs were a thing. What's actually happening is that MS owns VSCode and wants to use that market position to help the adoption of Copilot. Also, going to your introduction... I also don't know I agree with that statement. I mean, have you seen the 'product page' of, like, git? Oh on, I just remember the Java landing page. Last time I checked that out (before I learned to just get an OpenJDK distribution, like ~2021?) it looked like it was straight out of 2002.
@shmuelisrl
@shmuelisrl 14 күн бұрын
well, visual studio code is not the same as visual studio, I would leave the word code nor to confuse people.
@SarimAshrafi
@SarimAshrafi 14 күн бұрын
This is a good redesign. I really like it. But I'd still prefer a dedicated page for Pages. I use quick edit feature a lot and that is missing in this vertical Page design.
@SarimAshrafi
@SarimAshrafi 14 күн бұрын
Nah. I don't like it. It looks like very MacOS design. Microsoft has done good job with Windows 11 File Explorer. I like that.
@DemystifyingDesign
@DemystifyingDesign 14 күн бұрын
Ah, good thing this is just experimental then
@SarimAshrafi
@SarimAshrafi 14 күн бұрын
Redesign their main website also!
@snehasissahoo2485
@snehasissahoo2485 14 күн бұрын
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
@DemystifyingDesign 13 күн бұрын
Thank you for sharing - this is solid feedback!
@42pe
@42pe 14 күн бұрын
I’d pay for this theme.
@cristinelcostachescu9585
@cristinelcostachescu9585 14 күн бұрын
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
@DemystifyingDesign 13 күн бұрын
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.
@Azcane
@Azcane 14 күн бұрын
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
@DemystifyingDesign 13 күн бұрын
> 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 KZbin, 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
@HellFireNeko
@HellFireNeko 15 күн бұрын
"You for sure have it installed on your computer already" Uh honestly no, moved to neovim myself lol
@DemystifyingDesign
@DemystifyingDesign 15 күн бұрын
What a chad
@platinumfox02
@platinumfox02 15 күн бұрын
I came to the video when I saw that they updated the page LOL
@tHekilLerProDu72
@tHekilLerProDu72 15 күн бұрын
bro hasn't seen the emacs one lmao
@itaamelia6715
@itaamelia6715 16 күн бұрын
that multi windows is absolutelly a must have future feature
@iangrant4756
@iangrant4756 16 күн бұрын
Just as an FYI… the music is making it difficult for me to hear what you’re saying!
@DemystifyingDesign
@DemystifyingDesign 16 күн бұрын
Yeah I'm really bad at that, will work on getting better sorry