11 UX Tips for Successful Navigations (in 7 minutes!)

Рет қаралды 37,493

Күн бұрын

bit.ly/3h3g41s - Take my UI Design Bootcamp Now!
-- Want to learn UI/UX? designcourse.com
-- Today, we're going to go through 11 essential UX, UI and accessibility tips that pertain to navigations. If you can nail these 11 tips, you will have a very usable and accessible navigation!
0:00 - Introduction
0:17 - Tip #1
0:38 - Tip #2
1:10 - Tip #3
1:35 - An Awesome Offer
2:16 - Tip #4
2:35 - Tip #5
3:05 - Tip #6
3:37 - Tip #7
4:33 - Tip #8
5:25 - Tip #9
5:55 - Tip #10
6:36 - Tip #11
7:04 - Closing Thoughts
Let's get started!
#ux #ui #navigations
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesigner
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!

Пікірлер: 69

@DesignCourse 3 жыл бұрын

What'd I miss? What are some other essential navigation tips!?

@sulaimandev 3 жыл бұрын

You missed "Hello What's up"

@DesignCourse 3 жыл бұрын

@@sulaimandev I'm changing... morphing into some sort of different organism.

@SamhD440 3 жыл бұрын

Any considerations for color blindness? Maybe using other differentiating styles such as an underline, weight, or icon to show the active page rather than only font color.

@L0lliGing3rPopz 3 жыл бұрын

What about a dashboard? The navigation is usually on the left side. Is that alright? Also how do I contact you to review my ux/ui designs privately?

@robsonjunqueiradarosa3063 3 жыл бұрын

What about side menu?

@damercy 3 жыл бұрын

Gary's looking cool with this long hairstyle!

@KevinPowell 3 жыл бұрын

8th! 😉

@thor-thegodofthunder1181 3 жыл бұрын

Respect 🙏🏻

@ne9835 3 жыл бұрын

👌

@swoorp 3 жыл бұрын

gary saying shut up to himself 00:10

@dan110024 3 жыл бұрын

The length of this style of video is great. Just the right amount of time for when you stop to eat or something.

@MobiusCoin 3 жыл бұрын

Fantastic advice. Love the stuff about accessibility. It's often overlooked.

@antio1753 3 жыл бұрын

I love these quick and clear tips !

@codingrachel Жыл бұрын

One of the most helpful videos I've found on navigation. Thank you so much.

@soc1a 2 жыл бұрын

You absolutely rule. I pick up at least one skill I carry into my work after each video, much appreciated!

@maurycy_gnc 3 жыл бұрын

Yo Scrimba actually adjusts the subscription fee based on your country's currency's purchasing power. For me, being Polish, that's AMAZING

@PsychosomaticAlchemy 2 жыл бұрын

Very clear and helpful. Thank you

@franceslim9561 3 жыл бұрын

Great Video !! Hope can share more about UX !!

@weblearner9611 2 жыл бұрын

Nice video! Thank you very much

@dantharx 3 жыл бұрын

Great information as always! The only item that would concern me would be the two home links adjacent to each other (accessibility issue). I totally understand about the studies. So many times accessibility struggles with either aesthetics or preferred functionality.

@kelbygarside2651 3 жыл бұрын

Thanks for making this content, some really useful tips that a lot of people forget to consider. Especially number 8, the only comment I would make about this is to add the subtext 'menu' whilst a few years ago there was a bit of research done about the discoverability of burger menus and adding the word 'menu' improved people finding the menu by quite a bit.

@martiananomaly 2 жыл бұрын

Your videos never fail to impress!

@TechnicalSudipYT 3 жыл бұрын

Love your tips, gary.

@bhupan1 3 жыл бұрын

Thank you, all are awesome points, it would have amazing if you have added 3-4 more tips and solution for 12. Large primary navigation/Large secondary navigation 13. Use of Icons on navigation 14. Secondary/Tertiary navigation behaviour on small devices 15. Navigation with more than one search filters and their behaviour on small devices

@ashikmahmud4076 3 жыл бұрын

Enjoyed 😀

@Mayank-lf2ym 3 жыл бұрын

Sir we need more this type of videos

@alexradu1921 2 жыл бұрын

I see Gary as a Peter McKinnon of web development.. that's actually really awesome, with his vibrant vibes and really really useful tips

@SeanHoltWebDesigner 3 жыл бұрын

You're my hero.

@lisandrofilloy5126 2 жыл бұрын

You're the boss!

@requenz_ 3 жыл бұрын

Good tips!

@wibowomuhmmad 3 жыл бұрын

Thanks bro

@bransonS 3 жыл бұрын

Liking the shorter intro! Nice choice

@rickharold7884 3 жыл бұрын

Cool. Thx

@justingolden21 3 жыл бұрын

awesome timing was just working on a navbar in figma

@Bunny-oi7ud 3 жыл бұрын

that was epic!

@randyafzal 2 жыл бұрын

Thanks for changing background scean.

@thearaav6670 3 жыл бұрын

Great 👍 sir! What you are teaching is what I am looking for?

@Trazynn 3 жыл бұрын

Very good. So many KZfaqrs spend minutes on an introduction that's already covered by the video title.

@chefbennyj 3 жыл бұрын

Hey! ya know what? I'm subscribed, and I have the bell icon clicked, but I wasn't told about the Kevin Powell design thing. I got notified a month later. That's the pits man 😶

@thehellberg 3 жыл бұрын

Btw a big fan love ur vids

@thehellberg 3 жыл бұрын

Thanks for the heart ❤️

@rezarahman1782 3 жыл бұрын

Font size you prefer for nav links?

@Mayank-lf2ym 3 жыл бұрын

Sir which software you are using for making your video slides?

@blazi_0 3 жыл бұрын

Also make your navigation bar position sticky , so that the visitor can easily reach it without scrolling top of the page just for nav bar.👍

@uberdrivebye5582 3 жыл бұрын

That's funny, only gave yourself 11s for the introduction. Great vi....😋

@Maxiow 3 жыл бұрын

Sticking navigation to the left doesn't necessarily sound like bad design as long as the icons that represent each section of the page are clear and easy to read, but I do agree that being "way too creative" could be harmful to the UX.

@Ainigma 3 жыл бұрын

i'm 100% sure that you animate this with Adobe Xd in Prototype View :D

@atharvamogade 3 жыл бұрын

Hey, what did you use to make this presentation? Is it FIGMA?

@danielmontes9730 2 жыл бұрын

For a simple project I made 7 different nav systems that web design use. I done research on navigation and realize, yes there is 7 way.

@josephnetherland880 2 жыл бұрын

I like your channel so I've decided to bombard it with comments.

@sanaraheem5000 3 жыл бұрын

Can anyone explain the tab part.. I didnt understand it is it only understandable only by css coders..

@philtheprince1 3 жыл бұрын

I wish you would've talked about mobile navigation as well! But awesome tips regardless :)

@alexjohnson8955 3 жыл бұрын

Just message Mr Stephen on WhatsApp he will put you through

@hellfishii 3 жыл бұрын

1:35 HAHAHAHAHAHAHA 🤣🤣🤣🤣🤣🤣🤣🤣 I'm dying rn

@JoshAndrettiFitness 3 жыл бұрын

Your hair looks glorious here.

@thehellberg 3 жыл бұрын

Make sure the color of the text matches the background for camouflage XD

@krishnadaskp21 3 жыл бұрын

Also change your button positions randomly for an element of surprise

@thehellberg 3 жыл бұрын

@@krishnadaskp21 Might as well randomize the rotation of the logo

@hasanfares5774 3 жыл бұрын

All advices are great, one thing I am not a fan of is sticking to trends all websites look the same these days no creativity anymore

@kvncnls 3 жыл бұрын

Concerning tip #9 on nav location, what do you think about the nav being at the bottom of the screen on mobile? Heatmaps on mobile devices show our thumbs can only reach so far haha. Would menus/nav bars be considered more user-friendly if they were at the bottom?

@tavirosu25 2 жыл бұрын

Bottom navbars on mobile are equal or inferior to top ones. Users, in a mobile browser, use the top bar A LOT as that's where you input the website link. In a mobile app you don't have an input field at a top. Also keep in mind if you want to do the bottom nabar, style it like a mobile app navbar and have it sticky. Also make space for it within the scroll down content!