- Видео 107
- Просмотров 229 552
Demystifying Design
США
Добавлен 8 апр 2019
I redesign popular websites and software in Figma.
I want to help people understand that design isn't some ephemeral concept that only a few talented people are capable of grasping. Anyone can become a designer if they commit to the process. Hope you enjoy!
I want to help people understand that design isn't some ephemeral concept that only a few talented people are capable of grasping. Anyone can become a designer if they commit to the process. Hope you enjoy!
My 5 BIGGEST UI design mistakes (and how I avoid them)
Want a custom design for your business? → marcmcdougall.com
Want to find a GREAT design job? → bestdesignjobs.com/
Where I hire my freelance WordPress developers (Codeable) → bit.ly/49iI4Yg
Full UI Design Playlist → bit.ly/2UqOzBH
Links from this video:
- Visual Studio Code Redesign: ruclips.net/video/m_d7K28CSXg/видео.html
- Get The Design Of Everyday Things: amzn.to/3XFGq0m
- My favorite Google fonts: bit.ly/3xEzCph
- Visual Hierarchy Image: www.appletoncreative.com/understanding-visual-hierarchy-helps-your-customers-understand-you/
- Escape Button Vector from Vecteezy: www.vecteezy.com/vector-art/22228236-esc-button-key-line-icon-keyboard-symbol-for-escape-exit-return-function-vector-illustrati...
Want to find a GREAT design job? → bestdesignjobs.com/
Where I hire my freelance WordPress developers (Codeable) → bit.ly/49iI4Yg
Full UI Design Playlist → bit.ly/2UqOzBH
Links from this video:
- Visual Studio Code Redesign: ruclips.net/video/m_d7K28CSXg/видео.html
- Get The Design Of Everyday Things: amzn.to/3XFGq0m
- My favorite Google fonts: bit.ly/3xEzCph
- Visual Hierarchy Image: www.appletoncreative.com/understanding-visual-hierarchy-helps-your-customers-understand-you/
- Escape Button Vector from Vecteezy: www.vecteezy.com/vector-art/22228236-esc-button-key-line-icon-keyboard-symbol-for-escape-exit-return-function-vector-illustrati...
Просмотров: 1 693
Видео
I spent 10 DAYS redesigning Visual Studio Code... | Speed UI Design
Просмотров 98 тыс.5 месяцев назад
Full UI Design Playlist → bit.ly/2UqOzBH Want a custom design for your business? → marcmcdougall.com Check this UI out on Dribbble → [coming soon!] Here's the Figma file for this project → bit.ly/3yXWsZ7 Where I hire my freelance WordPress developers (Codeable) → bit.ly/49iI4Yg Links from this video: - Check out VSCode! code.visualstudio.com/ In the 91st episode of Demystifying Design, I'll be ...
I turned this website into a customer generating MACHINE | Speed UI Design
Просмотров 1,4 тыс.6 месяцев назад
Full UI Design Playlist → bit.ly/2UqOzBH Want a custom design for your business? → marcmcdougall.com Check this UI out on Dribbble → [coming soon!] Here's the Figma file for this project → bit.ly/4dy0Td1 Where I hire my freelance WordPress developers (Codeable) → bit.ly/49iI4Yg Links from this video: - Check out Gig Town! www.gigtown.com/ - Figtree by Erik Kennedy: fonts.google.com/specimen/Fig...
I COMPLETELY redesigned Paddy Galloway's awesome YouTube job board... (Before & After)
Просмотров 1,5 тыс.7 месяцев назад
My WordPress Jobs Redesign → ruclips.net/video/yf9LZmmNauE/видео.html Sign up for YT Jobs → bit.ly/3Qi7izk Want a custom design for your business? → marcmcdougall.com Check this UI out on Dribbble → bit.ly/4cVtNUq Here's the Figma file for this project → bit.ly/3PX87x8 Full UI Design Playlist → bit.ly/2UqOzBH Where I hire my freelance WordPress developers (Codeable) → bit.ly/49iI4Yg References ...
So I Redesigned WordPress... | Speed UI Design
Просмотров 2,6 тыс.7 месяцев назад
My WordPress Jobs Redesign → ruclips.net/video/yf9LZmmNauE/видео.html Want a custom design for your business? → marcmcdougall.com Check this UI out on Dribbble → bit.ly/3PA5IbI Here's the Figma file for this project → bit.ly/3TrX7c9 Full UI Design Playlist → bit.ly/2UqOzBH Where I hire my freelance WordPress developers → bit.ly/49iI4Yg Links from the video: - Previous WP Jobs Redesign: ruclips....
So I Redesigned LinkedIn... (Again) | #ui #uidesign #webdesign
Просмотров 3,3 тыс.8 месяцев назад
Check out my other LinkedIn redesign → ruclips.net/video/Z8SkUxDDz7c/видео.html Want a custom design for your business? → marcmcdougall.com Check this UI out on Dribbble → dribbble.com/shots/23807818-LinkedIn-Profile-Redesign Here's the Figma file for this project → bit.ly/48TYR3l Full UI Design Playlist → bit.ly/2UqOzBH Links from the video: - Previous LinkedIn Redesign: ruclips.net/video/Z8Sk...
I Redesigned the @PirateSoftware Website | #webdesign #design
Просмотров 3,2 тыс.8 месяцев назад
Check out the landing page playlist → ruclips.net/video/pDN9Ee-YHyI/видео.html Want a custom design for your business? → marcmcdougall.com Here's the Figma file for this project → bit.ly/3TsnDDh In the 85th episode of Demystifying Design, I'll be redesigning @PirateSoftware 's website! Links from the video: - Pirate Software's Website: gopiratesoftware.com/ - Watch @PirateSoftware LIVE: pirates...
I Fixed YouTube's 2024 Redesign | Speed UI Design
Просмотров 20 тыс.8 месяцев назад
Check out my Twitter redesign → ruclips.net/video/pDN9Ee-YHyI/видео.html Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/42ZG8lz Check this UI out on Dribbble → dribbble.com/shots/23722856-RUclips-Redesign In the 84th episode of Demystifying Design, I'll be redesigning RUclips itself. RUcli...
How To Design A Website That Makes People Buy | Speed UI Design
Просмотров 1,1 тыс.8 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/3UWt4vg In the 83rd episode of Demystifying Design, I'll be redesigning DataDog, an uptime monitoring service, with the goal of making it convert more traffic into paying customers. Links from the video: - ...
I Fixed The Windows 10 File Explorer
Просмотров 2,4 тыс.9 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/48dncAW In the 82st episode of Demystifying Design, I'll be redesigning the Windows 10 file explorer! Links from the video: - Notion Redesign: ruclips.net/video/McFuCsJ4DGE/видео.html Important timestamps: ...
I redesigned the steam chat UI | Speed UX/UI Design
Просмотров 9829 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/42mJcIg In the 81st episode of Demystifying Design, I'll be designing a Todo list app from scratch! Links from the video: - Tint and Shade Generator: maketintsandshades.com/ Important timestamps: 0:00 Intro...
I designed a mobile app to prove that UI design is EASY | Speed UX/UI Design
Просмотров 1,7 тыс.9 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/3UAWkYF In the 81st episode of Demystifying Design, I'll be designing a Todo list app from scratch! Links from the video: - Coolors: coolors.co/ Important timestamps: 0:00 Introduction 0:56 Colors & Typogra...
How to redesign a SaaS report UI | Speed UX/UI Design
Просмотров 9719 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/3vrNTUR In the 80th episode of Demystifying Design, I'll be redesigning the single report UI for GTMetrix, a performance analysis tool. The goals of this redesign were to make it easier for users to: 1. Aud...
How to redesign a SaaS dashboard | Speed UX/UI Design
Просмотров 8 тыс.10 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/3vrNTUR In the 79th episode of Demystifying Design, I'll be redesigning the dashboard UI for GTMetrix, a performance analysis tool. The goals of this redesign were to make it easier for users to: 1. Audit m...
I redesigned Twitter (now X) again | Speed UX/UI Design
Просмотров 3,7 тыс.10 месяцев назад
Subscribe for more! → bit.ly/2UGi9YR Want a custom design for your business? → marcmcdougall.com Watch the full playlist here → bit.ly/2UqOzBH Here's the Figma file for this project → bit.ly/41MMBQB In the 78th episode of Demystifying Design, I'll be redesigning Twitter (now X), the often-named "internet town square". The goals of this redesign were to make it easier for users to: 1. Browse my ...
So I redesigned Twin Flames University (Yes...the one from Netflix)
Просмотров 24611 месяцев назад
So I redesigned Twin Flames University (Yes...the one from Netflix)
I redesigned WebMD for 2023 | UX/UI Design
Просмотров 50711 месяцев назад
I redesigned WebMD for 2023 | UX/UI Design
I redesigned bill.com | Speed UX/UI Design
Просмотров 90711 месяцев назад
I redesigned bill.com | Speed UX/UI Design
I redesigned GameStop for Black Friday | Speed UX/UI Design
Просмотров 56511 месяцев назад
I redesigned GameStop for Black Friday | Speed UX/UI Design
I redesigned Omegle to try to keep it alive | Speed UX/UI Design
Просмотров 2,5 тыс.Год назад
I redesigned Omegle to try to keep it alive | Speed UX/UI Design
I redesigned a haunted house website (very spooky) | Speed UX/UI Speed Design
Просмотров 341Год назад
I redesigned a haunted house website (very spooky) | Speed UX/UI Speed Design
I redesigned MySpace for 2023 | Speed UX/UI Design
Просмотров 2,4 тыс.Год назад
I redesigned MySpace for 2023 | Speed UX/UI Design
How to design a SLICK AI chat interface ( ft. Dr. Gupta) | UX/UI Speed Design
Просмотров 444Год назад
How to design a SLICK AI chat interface ( ft. Dr. Gupta) | UX/UI Speed Design
Redesigning the Nike Running App in Figma | Speed UX/UI Design
Просмотров 714Год назад
Redesigning the Nike Running App in Figma | Speed UX/UI Design
I Redesigned GrubHub in Figma (In Under 10 Minutes) | Speed UX/UI Design
Просмотров 872Год назад
I Redesigned GrubHub in Figma (In Under 10 Minutes) | Speed UX/UI Design
Redesigning the ESPN football game tracker | Speed UX/UI Redesign
Просмотров 388Год назад
Redesigning the ESPN football game tracker | Speed UX/UI Redesign
I Redesigned the Libby Library App | Speed UX/UI Design
Просмотров 561Год назад
I Redesigned the Libby Library App | Speed UX/UI Design
Redesigning A Camping Website in Less Than 10 Minutes | Speed UX/UI
Просмотров 720Год назад
Redesigning A Camping Website in Less Than 10 Minutes | Speed UX/UI
Redesigning The Worst Healthcare App on the Internet (MyChart)
Просмотров 579Год назад
Redesigning The Worst Healthcare App on the Internet (MyChart)
Redesigning The World's Biggest Note- Taking App (Notion) | Speed UX/UI Design
Просмотров 1 тыс.Год назад
Redesigning The World's Biggest Note- Taking App (Notion) | Speed UX/UI Design
could you redesign Bluesky?
You mean the social app?
@@DemystifyingDesign yeah!
@themelancholyofgay3543 we shall see
id still call it twt
Hey, haven't seen your videos for a while :( When are you coming back?
Soon! (Tm) Working on some big client projects right now and they're consuming my bandwidth
Based Pirate Software in the list of subscriptions
😘
The original redesign looks like a cheap knockoff
Bro, please bring out a complete ui/ux course in your upcoming video since you are coming back after a long time. ♥♥♥🙏🙏🙏
Bro, it has been 3 months since you uploaded this video !
Yep, I've been bogged down with a lot of client work lately
Hey, I have a few things to say that I hope are helpful. I'll lead off by telling you how I got here. I was doing a HelloFresh meal tonight and trying to figure out why in the instructions "chili sauce" was in red font. Oddly (and you may understand this better than me), my wife skipped right over this ingredient and asked for my help. Was it because it was red? And why red--because it's spicy? No clue. But my Google search for an answer landed on your video. I entirely agree with your premise for the video as both my wife and I have trouble reading their otherwise attractive recipe cards. My biggest issue is the process being in paragraph format rather than a bulleted or numbered list. I can't tell you how many times we both get lost in the copy and accidentally miss steps. I, too, had figured it was a space issue--but you proved it could be done. Great job--send it to HelloFresh! Now about your video. I come from an audio background providing music and sound for picture--for TV, film, ads, and websites. While I understand the need for music in your video where there is a lot of time between VO segments, the music here I found annoying. Some of it was likely because it was "affordable" music that was badly produced (I understand that issue and have had that budget discussion with many many clients). But something--either in the music mix or your mix--was causing a lot of the music to "pump" (which makes the music seem uneven) and was really hard (for me) to listen to. On the plus side, the VO sounds good (those Shure SM7B's work pretty well!) But the mix really fell apart at 12:13 where it wasn't ducked at all for the VO. I understand that you're a visual guy, so I get it. But on that point, why is the video quality so poor? The resolution made much of the text unreadable, and I was really interested in seeing all the subtleties and detail! I'm an audio guy so I'm not sure what exactly is wrong, but i watch a lot of RUclips videos and even after putting on my glasses everything still seemed a bit fuzzy and drab. I'm honestly writing all this to try and help--not be a troll. I'd love to see this video get a lot of hits because I think you're 100% correct about HelloFresh and the needed changes in their recipe cards. Cheers!
This is really nice... Learnt alot , thank you 🙌🏾
you are really helping me in my career of UI/UX Designer. Thank you @marc
This is so much better than the actualy new UI its not even funny, the new one looks like it belongs on a freaking tablet or phone! When i saw it i didnt tollerate the new layout for a second and used any extentions i could find to get rid of it. Real talk though this is gods work you're doing with this and i love it!
Haha you are too kind, thank you very much! Yeah the new layout is extremely painful to look at
The new UI is worthless.
"even java developers" hahahahahahha
absolutely amazing! great work 💯
These redesigns are amazing! 🔥🤩
Thank you 🙏
Wow! This is soo clean and functional, love this redesign! One of the best channels on youtube for sure!
Hey, u are one of the most underrated design channels ever! Only recently discovered your content and I cant stop watching the redesigns! I really love how you explain your choices and show your process. As a front-end developer and designer, I really love watching these videos and how you always keep functionality in mind. Keep up the great stuff bro!
This really means a lot, thank you. I really tried to make sure that the thought process is included in all the redesigns as opposed to a "black box" redesign where you don't really learn anything
Typo in captions: 12:53 esthetic --> [a]esthetic
18:49 This typo again
Amazing content! Please launch a full UX/UI course on RUclips-it would be incredible! ❤
the current UI of vscode is just fine I think.
Agreed
that was so good, you are very good in it
Thank you 🙏
Sorry for stupid question... How can we use what you did here for our-selves... Can you post installation instructions or is this just demo, how could it be done better?
It's just a theoretical redesign, done in Figma. As far as I'm aware, there's no way to change this or opt out currently.
amazing
they rolled it back where i live. but today it came back and its even worse. the icons are 2x the size now. and on the home page. i can see 4 videos total screen. 27inch 1080x1420p monitor. WTF
i love how you just use the old ui. lmfao its so true.
Vs code is already a titan among ides
Do mobile app pls
Kewl
@roblox please @roblox we need this @roblox
This was made ages ago but im tagging roblox 😂
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.
Lmao I was fully expecting this when I redesigned a product for devs. The most opinionated cohort in the history of users 🤣
@@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.
That's by far the most eloquent comment anyone has ever left
@@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.
super awesome
15:37 that is not intellisense, that's probably copilot
I could work on the UI update as a theme. Who would want this patch?
Someone already made one!
@@DemystifyingDesign Can you share?
It's in the comments somewhere by Josh Lawson - really cool. I think you can find it in the plugins area by searching "VS Code 2.0"
I'm interested in learning UI/UX and web design but am having trouble finding the best resources. Could you recommend some comprehensive, free materials or platforms to help me become proficient in these areas? Additionally, any tips on how to excel as a designer would be greatly appreciated.
What really helped me when I first started was just picking a couple of sites that you think are designed really well and then try to recreate them in figma. Do this like 5 to 10 times and you'll start to notice certain patterns and heuristics that the sites tend to follow. Over time you will slowly start to develop an intuition and be able to recreate this on your own. I also have a free newsletter on my website if you want to check that out.
Hey , guess who re-designed their landing page !😂 And it almost looked familiar... (*wink)
I know!!
Tbh, I think your UI, as clean as it may look, strafes too far from vscode's ux, which is to be as minimal as possible so that you have more screen real estate for the important stuff, and as simple to use as possible. You've missed the minimality
Still a good UI though
Yeah that's fair! It's tough to make a redesign meaningful enough to be a good video without making sweeping changes though!
I projects not too much projects, would be great to move the to the left side, align vertically
Do you guys really goto vscode website to download it, my package manager does that for me.
Don't think RUclips at any second thought "OMG TikTok kills us lets redesign". IMO it is pure Late capitalist choices. Against the consumer against humans but for the profit of ads...
Aren't those 2 things the same? RUclips wanting eyeballs from tiktok is purely capitalist
I have a bit of a challenge for you, maybe you could redesign Proxmox VE? The UI needs a upgrade like this to take some form 🫣
Really cool UI right there!
would love to see if you can do a video about redesigng windows xp in 2024 or something similar
Some portfolio design for freshers please
11:00 wtf vs code and visual studio are two completely different things
If Microsoft were to redesign VSCode, they should make a video like this
Many thanks Marc, those 5 UI design insights were really useful and precious to keep while designing an effective and valuable product.
Glad you enjoyed!!
Man turned RUclips to freaking Twitter 💀💀💀 I'm not say it's bad, it's just that it's.. different
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