world's shortest UI/UX design course

Ғылым және технология

This video is what I wish I had when I first learned about UI/UX design. It covers that 20% of UI design that you'll be dealing with 80% of the time. Hopefully it'll help you start your journey or at least know what you're stepping into. Happy creating!
// ✨ Check out the site we just designed together:
stacksorted.com
// ✨ world's shortest Figma course:
• world's shortest Figma...
// ✨ Helpful links:
realtimecolors.com
icons8.com
spline.design
freehandapp.com
balsamiq.com
// ✨ Become a supporter:
ko-fi.com/juxtopposedme
// ✨ Let's connect:
Twitter: / juxtopposed
CodePen: codepen.io/Juxtopposed
Dribbble: dribbble.com/juxtopposed
Github: github.com/juxtopposed
---
// Timestamps:
00:00 Intro
00:20 Design starts with...
00:34 Step 1: User Flow
00:55 Step 2: Wireframes
02:21 Step 3: Design System
04:37 Step 4: Actual Designing
06:02 Bonus Step
--------
Music and sound effects:
• 25 FREE Cinematic Tran...
pixabay.com/users/shidenbeats...
pixabay.com/music/synthwave-n...
---
#uidesign #uxdesign #designcourse #webdesign #shortestUIdesigncourse

Пікірлер: 947

  • @Magnogen
    @Magnogen10 ай бұрын

    I was half expecting it to go "make it work good, then make it look good"

  • @juxtopposed

    @juxtopposed

    10 ай бұрын

    that would've been a good addition

  • @HaithamAli-fy8vo

    @HaithamAli-fy8vo

    10 ай бұрын

    If it works good, it will look good already.

  • @seaque.

    @seaque.

    10 ай бұрын

    ​@@HaithamAli-fy8vo what? Not at all.

  • @HaithamAli-fy8vo

    @HaithamAli-fy8vo

    10 ай бұрын

    @@seaque. Always. If something truly works well, it doesn't need "decoration". If it needs decoration, it's a sign the function isn't designed perfectly. Form follows function.

  • @seaque.

    @seaque.

    10 ай бұрын

    @@HaithamAli-fy8vo Clearly you have never developed a web application. You can have the most complex functions but the form will be 20 year old HTML components.

  • @Beryesa.
    @Beryesa.10 ай бұрын

    This is better than many 10 hour "crash courses" :) Thanks.

  • @vaisakhkm783

    @vaisakhkm783

    10 ай бұрын

    Ya, i am never going to watch those

  • @ankit.chaurasia

    @ankit.chaurasia

    10 ай бұрын

    I watched in 1.5x to make it more short

  • @JohnOdunayo

    @JohnOdunayo

    10 ай бұрын

    @@ankit.chaurasia

  • @That_One_Guy...

    @That_One_Guy...

    10 ай бұрын

    Did you get an instant job out of this short course

  • @vlee9275

    @vlee9275

    10 ай бұрын

    @@That_One_Guy... Do you get instant job out of any course?

  • @KasunWijesekara
    @KasunWijesekara10 ай бұрын

    As a frontend dev who likes to do my own freelance designs, this video just gave an entire summary of what I need. Thank you.

  • @Mahesh-gl6cb

    @Mahesh-gl6cb

    9 ай бұрын

    me

  • @Anunachi

    @Anunachi

    7 ай бұрын

    How do you find your clients if I may ask?

  • @davidemmanuel9418

    @davidemmanuel9418

    6 ай бұрын

    Same

  • @abacuswithrehan264
    @abacuswithrehan2649 ай бұрын

    She literally explained me UI/UX in 5 minutes, which I couldn't understand in 2 years.

  • @oreo_frito

    @oreo_frito

    2 ай бұрын

    Which pissed me the fuck off when I realized I should’ve watched this 8 months ago 😂

  • @captainsaumya

    @captainsaumya

    18 күн бұрын

    @@oreo_frito Damn I just noticed ​that. No way it was out there for so long.

  • @andrediego6131

    @andrediego6131

    3 күн бұрын

    U couldnt understand ui and ux in 2 years? Damn

  • @vladislavkorecky618
    @vladislavkorecky61810 ай бұрын

    I'm speechless, literally all the basic designing knowledge packed in such a short period of time. I'll definitely be saving this video for later.

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

    Part 1 - world's shortest Figma course: kzread.info/dash/bejne/Y6SLwdWkXZXfZJM.html If you're watching this, I'm curious to know why you're watching it. are you just trying to learn UI/UX design for the first time? are you a developer? or are you a curious designer? Comment below 👇💫

  • @hasj

    @hasj

    10 ай бұрын

    I wanna be a creative director so i do frontend development, design and also do social media posts designing, advertisements and ui ux

  • @laxsjo.

    @laxsjo.

    10 ай бұрын

    I'm a developer, but I also find design interesting and fun.

  • @saiv46

    @saiv46

    10 ай бұрын

    I'm a developer which knows what UX is, but my UI design sucks, so I just slap some Material instead.

  • @enderelijas

    @enderelijas

    10 ай бұрын

    I'm a developer who aspires to be a fullstack one, I've never really been good at designing (or any art for that matter) but I continue pushing, hoping that one day I will create something that is useful and beautiful. Thank you for making such a simple and informative video, you covered every concept in a way that is easy to understand but still keeps me engaged (unlike most other tutorials). The next step is designing, designing and more designing!

  • @zhenox_

    @zhenox_

    10 ай бұрын

    I'm a webdesign/web development student, so I always wanna learn more about how I can improve my ways and discover new tools to use. The tools you're providing are just amazing and exactly what I always dreamt of, and the quality of your videos is top-notch and it's always so informative

  • @The_dreamlibrary
    @The_dreamlibrary6 күн бұрын

    Holy shit you are an incredible content creator. Using an all black background like that with only the text, graphics, and cats was genius. I was so focused on whatever was on screen at any given moment that I didn't even realize I was watching a video.

  • @kenakafrosty
    @kenakafrosty9 ай бұрын

    Realtime colors is exactly the thing I needed to help close the gap where palette generators just weren't cutting it. Such a brilliant idea, and so well executed. Thank you!

  • @kjubik
    @kjubik10 ай бұрын

    I was looking for a video exactly like this one just yesterday and couldn't find anything this concise and well prepared. You are an absolute life saver! Can't wait to see your channel grow so more people will have the chance to watch your content

  • @AndrejaPopovik
    @AndrejaPopovik10 ай бұрын

    I have already finished very looooong courses on UI/UX and I must say you NAILED IT in a very short and comprehensive way! GOOD JOB, awesome video!

  • @jansleyreal
    @jansleyreal10 ай бұрын

    This is insanely impressive, captures pretty much every major step! Your channel is going to blow up if you keep making videos like this. 7 videos in and you have 42k subs already, that's impressive! I can tell you put a lot of work into your videos too, so keep up the awesome work 🙌

  • @Goddeh1
    @Goddeh110 ай бұрын

    The quality of this video is exceptional - thank you so much for providing such a golden resource for the web development community 🙏

  • @SteveCopley
    @SteveCopley10 ай бұрын

    This is such a great overview. It'll be the video I'll be using from now on to introduce UX in my teaching. Thank you for this, and thank you for RealTime Colours too. You're a star!

  • @dreambug6564
    @dreambug656410 ай бұрын

    Top quality videos, Jux. Don't know how you're doing it all but thank you! Watching because I want to get better at web design and development and your quality and free tools online funneled me in. Best wishes for you and thank you ❤

  • @vanehla
    @vanehla9 ай бұрын

    this is such a good overview. i've been thinking about learning ux/ui design but it felt kind of overwhelming so i haven't started but this is nice bc it shows the process from start to finish quickly but still points out key concepts. ty!

  • @devildraco99
    @devildraco9910 ай бұрын

    I'm a developer who's recently getting an interest in the design side of things. A video like this is exactly what I needed to get started on my design journey. Thank you so much! Keep up the good work, I love your videos!

  • @shubairabbas5480

    @shubairabbas5480

    6 ай бұрын

    Same here I am also trying to start my design journey from the Development

  • @mrgalaxy396
    @mrgalaxy3969 ай бұрын

    Frontend dev here, I love having a "big picture" overview of things I am curious about but don't really have the time to go in depth to learn. Feels nice to understand the very basics at least and to know how to explore further if needed. You sound like a really positive person by the way, reminds me a bit of the lovely designer I work with in my team. Cheers.

  • @cryptobullish
    @cryptobullish10 ай бұрын

    Yeah you win the internet today with this brilliantly clear, concise and actionable video! I’d like to request a complete guide or a walkthrough on your workflow for planning videos like this from idea, concept, and basically your entire decision process for the filtering what content to include, animations, transitions, tools and etc 😅🙏🏼

  • @DarkSkillzX
    @DarkSkillzX4 күн бұрын

    This video is the literal definition of a gold mine, Thank you so much

  • @user-qc5uq3mq5u
    @user-qc5uq3mq5u10 ай бұрын

    This is a gem. Thank you a lot for putting the work into this

  • @bilal_0_ahmed
    @bilal_0_ahmed10 ай бұрын

    I took a class in HCI and I absolutely loved this video. It covers most of what someone would deal with. Of course, it's not everything but more than enough to get started. Keep up the good work!

  • @NECOdes
    @NECOdes10 ай бұрын

    what a great year, I discovered Hyperplexed then I found your channel and I went through all your videos, high quality content, keep it up!

  • @corey9313
    @corey93133 ай бұрын

    This was incredibly helpful, goes over every bullet point you need to master and goes into detail on things you better master

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

    That's what these course videos should be. Simple, straightforward, engaging, motivating and with humour. Love it!

  • @PingsGolf
    @PingsGolf10 ай бұрын

    This was a very well done video. I'm not really into designing, but I do some backend web dev projects occasionally. This was so informative and concise, good humor, and great editing!

  • @ieatnoodls
    @ieatnoodls10 ай бұрын

    Straight to the point and feels pretty comprehensive from start to finish :) This really made the distinction - workflow wise - between UI and UX more clear for me! I wonder if in the real word there are more UX iterations for different types of UI Designs too, also how much animations and transitions play a part in UX

  • @shalunu
    @shalunu10 ай бұрын

    Love your videos!! I'm learning development but really enjoy seeing how passionate you are in UI/UX in all your videos, wish you the best!

  • @vtshreeram
    @vtshreeram5 ай бұрын

    You absolutely nailed it in under 7 minutes! Fantastic job, and I appreciate the engaging voice and visuals you produced. Thank you, and keep up the awesome work!

  • @x13244231
    @x1324423110 ай бұрын

    I was expecting a video that making fun of some expensive "online design course", but it's turn out to be quite useful and easy to understand for UI/UX design beginner Love it

  • @bloootz
    @bloootz10 ай бұрын

    I usually hate design ux but you made it look so simple. 10/10

  • @huyngxyz
    @huyngxyz10 ай бұрын

    Love your video style and humor, makes it super enjoyable to watch! This video is super valuable for those starting ui/ux and developers

  • @VitorVelosoSA
    @VitorVelosoSA5 ай бұрын

    Im super impressed on how many info you gathered in just 7 minutes. This will help me a lot. Thank you!

  • @Lazdinger
    @Lazdinger10 ай бұрын

    That is beautiful. Ui/Ux is so overlooked sometimes by developers. Especially UX. JavaScript laden frameworks has become anathema to UX, me thinks.

  • @dabbinohio
    @dabbinohio9 ай бұрын

    “Back in the 1800s we used paper”❤❤

  • @ux_riddhi

    @ux_riddhi

    Ай бұрын

    😭😭😭🤣🤣

  • @vince-1337
    @vince-1337Ай бұрын

    I found the last month, my favorite design inspiration, stacksorted, and now the youtube channel of the creator of the website, with legendary tutorials. Your work is awesome, keep it up!

  • @g1sbi
    @g1sbi10 ай бұрын

    I've been using your website before I found this video, so it was a pretty fun crossover. I'm a frontend dev with no design background, so your website + quick video really helps out a lot. Thanks!

  • @blaise558
    @blaise55810 ай бұрын

    comment for the algorithmn

  • @Magnogen

    @Magnogen

    10 ай бұрын

    Algorithmicomment

  • @maxstribrny1165

    @maxstribrny1165

    10 ай бұрын

    Count me in

  • @Aratolotl
    @Aratolotl10 ай бұрын

    Really good tutorial. Fast-paced, concise and engaging. Not loosing time listening to back stories, long drawn out intros, and other time consuming tactics. Subbed and belled.

  • @henrythomas7112
    @henrythomas711216 күн бұрын

    Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!

  • @humanharddrive1
    @humanharddrive110 ай бұрын

    Thanks. I appreciate that you mentioned the useful resources like the font scale preview and the wireframing views

  • @umerlaraib-or5sm
    @umerlaraib-or5smАй бұрын

    youre literally amazing .. your videos are not boring to watch and we laern so much from them....please keep creating videos like this !!!!!!!!!!!!!

  • @uifry
    @uifry9 ай бұрын

    Absolutely! I completely relate to the sentiment. Starting in UI/UX design can be overwhelming, but having a resource that hones in on the essential 20% is a game-changer. It's like a compass, pointing you in the right direction and helping you focus on what truly matters in the majority of design scenarios. Understanding this core 20% not only jumpstarts your journey but also prevents getting lost in the sea of information out there. This video seems like a practical entry point, giving you a solid foundation while also providing a reality check about the challenges and excitement ahead.

  • @ride-time
    @ride-time10 ай бұрын

    I'm a designer looking to brush up on my UI skills and this was a great watch. So much super helpful info packed into a short, punchy vid! I did have to pause it a bunch of times to get a good look at some of the sites you were referencing though. Looking forward to having a play around in Realtime Colors and Spline.

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

    That was EXACTLY what I needed to learn, presented in an efficient and fun way. Thank you :)

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

    thank you! this was so well explained! you know what they say those who understand the material can summarize it in very short times, and that's you!!!

  • @mjeditxofficial7340
    @mjeditxofficial734026 күн бұрын

    This tutorial is just mind blowing. Thank you so much 🙌💖

  • @luisclovis09
    @luisclovis0910 ай бұрын

    I am new to design. I knew there was a method to the madness, but you, with your previous colours website, and now with these wonderful new tools, really are painting a landscape of the subject in my mind. I'm developing for functionality at this time. When it comes the time to make things beautiful, i know where to come for more info. Wish you the best!

  • @HeIsGreaterThanUs
    @HeIsGreaterThanUs7 ай бұрын

    Few videos I have watched were so informative, brief, concise, entertaining, and short! I will probably watch again.

  • @gioeuresti6321
    @gioeuresti63214 ай бұрын

    Thank you so much! I had actually used stack sorted before so it was cool seeing your design process.

  • @JiffySpongeChannel
    @JiffySpongeChannel10 ай бұрын

    Your videos are always to the point, packed full of value. and nicely put together!

  • @ceciliaw1065
    @ceciliaw10654 ай бұрын

    This video turned out to be so much more helpful and informative than I expected, thank you!!!!

  • @ibrahimsuleiman403
    @ibrahimsuleiman4034 ай бұрын

    Short but packed with so much to learn. Very engaging. Thank you

  • @varadkodgire2219
    @varadkodgire221910 ай бұрын

    man i was looking for such content its hard to find channel with such straight up details this was best ui design video ever i watched

  • @guilhermemachado2619
    @guilhermemachado261910 ай бұрын

    Thank you so much, I'm really lost in this world of design and your videos helps me find the way

  • @mr.sharingan2945
    @mr.sharingan294510 ай бұрын

    Your videos are so great like it changed my whole mindset about colour palette and design . 💁and here is all you need to know about design

  • @kartik_jh5942
    @kartik_jh59429 ай бұрын

    I am trying to make my shift from from frontend dev to UI/UX this was very helpful thank you. Continue doing whatever you are doing because I'm subscribing.

  • @rrrrrrrrush
    @rrrrrrrrush10 ай бұрын

    this simplicity is a big skill! thanks for sharing.

  • @HU5T1E
    @HU5T1E10 ай бұрын

    Hey....You're really good at this. Super concise and accessible explanations, funny, good voice, great production. Good stuff all around mate

  • @lored6811
    @lored681110 ай бұрын

    love the channel and the charm of the speaker, gives me fireship vibes

  • @LearnDM4Free
    @LearnDM4Free6 ай бұрын

    Really great work! Clear, concise and to the point. Good stuff!

  • @julianzenker824
    @julianzenker8242 ай бұрын

    That was the most helpful and especially time effective video i ever watched! Thank you so much :)

  • @maxkipchumba7604
    @maxkipchumba76048 ай бұрын

    Bless up. Learned so much over such a short period of time.

  • @invysible
    @invysible10 ай бұрын

    the only UI/UX design course you'll ever needed

  • @groove_operator8662
    @groove_operator86624 ай бұрын

    Wow! I would have loved for you to see the delight on my face when I typed in the website name to see it all come together. Amazing work!

  • @TomasBeing
    @TomasBeing10 ай бұрын

    Thanks for this! Great refresher to get my mind thinking in the UI/UX this morning

  • @TheIshkrish
    @TheIshkrish6 ай бұрын

    This was really informative and helpful to dive right into the process. It lends itself well to early discovery of concepts you can spend more time learning about. A great precursor to get going!

  • @krovomess
    @krovomess2 ай бұрын

    This video is so simple and explanatory, 7 minutes of greatness, I hope every day you have is awesome❤

  • @muhtadiridwan2560
    @muhtadiridwan25604 ай бұрын

    It's amazing how a 7 min video got insane amount of INFOS. THANKS A LOT QUEEN

  • @amaankhan333
    @amaankhan3335 ай бұрын

    WHAT AN ABSOLUTE USEFUL OF A VIDEO HAVE I JUST WATCHED. NOW THIS IS WHAT YOU CALL A COURSE. I'm genuinely amazed.

  • @luis96xd
    @luis96xd5 ай бұрын

    Amazing video, everything was well explained and illustrated, thanks! 😄

  • @itsme-zn6lt
    @itsme-zn6lt5 ай бұрын

    This is a great video, captures all the basics you need to start your journey.

  • @LivesDoVini
    @LivesDoVini7 ай бұрын

    Your videos are not only informative but also incredibly enjoyable!

  • @Nomadjackalope
    @Nomadjackalope10 ай бұрын

    I don't know why I haven't come across a video like this before. Thank you! Finally the principles that make the rest work.

  • @MauriceKindermann
    @MauriceKindermann10 ай бұрын

    This is the kind of course I have time for. Aaaaand done. That was awesome. Thankyou!

  • @valentinkrajzelman4649
    @valentinkrajzelman464910 ай бұрын

    the information density in this video is impressive, really nice

  • @vojtaborsky
    @vojtaborsky10 ай бұрын

    this was perfect, you just earned many new subs! very high quanity, thanks a ton!

  • @aarondcmedia9585
    @aarondcmedia95856 ай бұрын

    This was good, looking forward to seeing some of your other videos.

  • @Exploragrapher
    @Exploragrapher3 ай бұрын

    Best crash course I've seen so far. Many thanks.

  • @omarezeldin4620
    @omarezeldin462010 ай бұрын

    Your channel will grow. Keep it up!! Also, I was searching for something like this and I watched it after uploading by 1 hour. Great Job 👏👏👏👏👏

  • @danielelaprova4119
    @danielelaprova41198 ай бұрын

    Great video. I would like to add my 2 cents: - be consistent when choosing colors. For example, clickable elements should be of same color, which is different from non-clickable elements color; - (ux writing) When displaying error messagges, alway provide meaningful informations according to the context of the error. For example, instead of simply display a 404 error, tell the user why the resource isn't there anymore, and help them find it - always include accessibility features, for example alternative text descriptions for images

  • @fizakhatri6505
    @fizakhatri650510 ай бұрын

    It really helped me. I appreciate your effort and creativity, thank you so much!!!!!!

  • @gamelabpc6591
    @gamelabpc65919 ай бұрын

    Your sub count is gonna be like crazy ...fell in love with your channel in after watching UI/UX design course ...great stuffs...keep it up ❤

  • @juliusbulius64
    @juliusbulius6410 ай бұрын

    Your videos are great and so is the work that you are doing. Keep it up! Also love all the cats in the video!

  • @manasraut9825
    @manasraut98255 ай бұрын

    Best straight to the point video. Thanks 👍

  • @Imf44
    @Imf4410 ай бұрын

    i really like your videos! especially the pacing and editing style (also the cats lol), very epic!!

  • @rishabh4893
    @rishabh48935 ай бұрын

    amazing, concise and informative video. Thank you so much for this

  • @TheinfoBaron
    @TheinfoBaron24 күн бұрын

    I can't have been more impressed with a 6 minute video in my life. I'm more of a backend developer guy...but having the need to build my own websites, and limited resources to hire UI/UX designers, I sought a crash course. You did more than just that. Arigato :)

  • @TonyoPet
    @TonyoPet6 ай бұрын

    Literally, all you need to know to get started! Great great great job!

  • @matickovac
    @matickovac8 ай бұрын

    This is brilliant, congrats and thanks for making this video. May the algo be with you.

  • @princetwumasiasamoah3764
    @princetwumasiasamoah37648 ай бұрын

    Impressive video, you just summarized the entire UI/UX experience process. I will save this video and use it as a guide

  • @Xanohana
    @Xanohana10 ай бұрын

    I've been having zero to no luck finding a graphic design job but been very interested in UI Design as I've done kind of like wireframes for friends and i wanted to dive into it as i started to love it a lot. But i have no clue in how to present it on my portfolio. But this has given me a thought process of what i can show. Looking forward to more.

  • @chrisberg5964
    @chrisberg59649 ай бұрын

    Thank you! I'm a Mechanical Engineer enrolling in a UX/UI graduate program but I didn't really even know what it was before watching this. This made me excited though!

  • @nyagah243
    @nyagah2432 ай бұрын

    This video found me just at the right time. I've been doing backend dev mostly and am now fullstack 😅

  • @MCNeko6554
    @MCNeko65549 ай бұрын

    Thank you for the resources! Very handy and better than the ones I had been using.

  • @MP-ny3ep
    @MP-ny3ep3 ай бұрын

    I can only imagine how much work you must have put into this video. Oh my god ! It's amazing.

  • @Nenes9500
    @Nenes95008 ай бұрын

    pretty nice website you made there! thank you for this, i'm probably gonna need it later

  • @Tharushi_SM
    @Tharushi_SM8 ай бұрын

    This is so good. Thank you, ig you could please make more like this. Perhaps a walkthrough a few essential applications for UX/UI designing like Figma for full stack development maybe.

  • @Noelciaaa
    @Noelciaaa9 ай бұрын

    I'm a designer and knew about the good practices but not about all these useful tools! Thank you, that's been very helpful

  • @zinvor123
    @zinvor1233 ай бұрын

    I hated the title but am in love with the content. THANk YOU.

  • @lunareclipse363
    @lunareclipse3632 ай бұрын

    FYI having only a dark theme is inaccessible (especially for people with astigmatism), for websites browsers now have the "prefers-color-scheme" @media query in CSS that lets you write a stylesheet that automatically switches the theme based on the user's preference

Келесі