Could you guys do video on composition and layout for web design? Basically where to place things on the webpage how to create flow and rhythm throughout the webpage that makes sense how to layout images and text in a unique way ?
@@memegod6340 I saw those , he really didn’t go in depth with layout and composition and how you can layout information and images in a different way or unique ways but I’ll watch him again
Fortunately, there are no rigid laws for design. The minimalist option of the hamburger menu, for example, makes perfect sense for design-oriented presences. In a functionality-oriented website, people may find this extra click annoying. However, my experience is that people are more bothered by Information overload than an extra click. I put the main use case in the center and let the rest be hidden by clicking or scrolling. This strengthens focus.
I actually just realized yesterday that I'm now an intermediate Web Designer 🙂... Had to clear up all my old work and leave just the new ones. Also, I noticed atleast 9 of these mistakes in my own before you pointed them out so I'm definitely improving well.
There are caveats to the drop shadows on text. One, if going for a retro 80s looks, a neon drop shadow on text fits the theme. Second, sometimes a toggle switch can contain a single character on either side (ex. $ vs %). The unselected side definitely looks better with a light drop shadow, like 15% and 12 blur.
Not sure that burger menu is a mistake in desktop view. Burger menu could be clever when you want to force your user to navigate by scrolling or what you want. I already test a landing page with and without, the result was surprising. Better conversion with burger menu than without. I think it depends about the construction of your selling tunnel an type of website.
I would argue that sometimes having secondary or supportive content in burger menus clean up that first scroll and invites the users to the primary cta. My recommendation would be hybrid where you have 2 key links in top header clearly visible and less significant content links in the hamburger. That ways you keep clear of clutter that allows users to focus on your primary cta. But allow supportive links visibility as options for those who aren’t completely sold on the product and may want to explore.
I cannot agree with the mobile menu on desktop views - I prefer it very much as most sites, in my experience have more than 5 menu items, followed by submenu items and for me, fullscreen menus are the way to go. Also because header images mostly do not fit with menus as well and a then needed header area for the menu - seperated, Also lately screens are very low in height and also for this mobile menus are the best. Because if users search for something they can decide wether to scroll down and watch the pages or watch the menu full screen without distraction of moving slideshows or other blinking elements. Just for me. With three or five menu items it is still an option for me but these cases are very rare - thanks for thoughts anyway.
Agreed. Although I think there is a valid argument on very simple sites to have a generic horizontal menu to speed up navigation, on any site that has some bulk to it, you are going to end up with more problems. A hamburger menu also doesn't need to be a simple slide in list of links either; it slides into the whole screen which on desktop gives you a lot of space to experiment with additional contextual information. Also, on smaller sites the navigation is almost superfluousness since the homepage provides most of the information and the appropriate call to actions to guide 90% of the traffic to the correct internal pages.
How about you reference the "DATA SHOWS" in description? I agree with these mistakes, but I have yet to find official data to debunk my clients of their bad design taste.
Start looking through NN or IDF data. I've found that oftentimes a client will simply say, "okay" if presented with something as basic as a Medium article.
I clicked on you gear and book recommendation link but bitly is showing awWarning. "This URL has been flagged by Bitly's systems as potentially harmful." Please have a look and fix your link. Thank you!
the hamburger thing cant be repeated enough. I've heard people say its bad for usability for years and i still see it on so many sites. Hijacking or changing how scrolling works is also annoying
@@Spacecookie- Figma isn't a classic layout software (like Indesign or Illustrator). It is a wireframe and prototype tool to design/develop websites and mobile interfaces.
Could you guys do video on composition and layout for web design? Basically where to place things on the webpage how to create flow and rhythm throughout the webpage that makes sense how to layout images and text in a unique way ?
There is a course ran segal made. Its a free basic webdesign course. There are 21 Videos and tbh he is doing gods work with this channel
@@memegod6340 I saw those , he really didn’t go in depth with layout and composition and how you can layout information and images in a different way or unique ways but I’ll watch him again
Fortunately, there are no rigid laws for design. The minimalist option of the hamburger menu, for example, makes perfect sense for design-oriented presences. In a functionality-oriented website, people may find this extra click annoying. However, my experience is that people are more bothered by Information overload than an extra click. I put the main use case in the center and let the rest be hidden by clicking or scrolling. This strengthens focus.
Finally someone who said it, couldn't agree more!
Thank you for these tips!
I actually just realized yesterday that I'm now an intermediate Web Designer 🙂... Had to clear up all my old work and leave just the new ones. Also, I noticed atleast 9 of these mistakes in my own before you pointed them out so I'm definitely improving well.
This is so simple and direct to the point! I love appreciate this kind of format! Thank youuu!
Big THUMBS UP for this video. Fantastic and Helpful.
wow ..man became a fan of yours ..expecting more videos on this series so that we can take care of this type of mistakes in future designs.
Concise, short and awesome!
There are caveats to the drop shadows on text. One, if going for a retro 80s looks, a neon drop shadow on text fits the theme. Second, sometimes a toggle switch can contain a single character on either side (ex. $ vs %). The unselected side definitely looks better with a light drop shadow, like 15% and 12 blur.
That was actually so useful. Thanks! Do you have links to any of this data you refer to?
Yo big thanks for the video
Not sure that burger menu is a mistake in desktop view. Burger menu could be clever when you want to force your user to navigate by scrolling or what you want. I already test a landing page with and without, the result was surprising. Better conversion with burger menu than without. I think it depends about the construction of your selling tunnel an type of website.
I would argue that sometimes having secondary or supportive content in burger menus clean up that first scroll and invites the users to the primary cta. My recommendation would be hybrid where you have 2 key links in top header clearly visible and less significant content links in the hamburger. That ways you keep clear of clutter that allows users to focus on your primary cta. But allow supportive links visibility as options for those who aren’t completely sold on the product and may want to explore.
Wow..more of these please
great tips.... disagree completely on the hamburger menu tho especially when trying to create a clean hero with emphasis on the messaging.
Great advise! Love your channel!
So helpful thank you 🙂
I cannot agree with the mobile menu on desktop views - I prefer it very much as most sites, in my experience have more than 5 menu items, followed by submenu items and for me, fullscreen menus are the way to go. Also because header images mostly do not fit with menus as well and a then needed header area for the menu - seperated, Also lately screens are very low in height and also for this mobile menus are the best. Because if users search for something they can decide wether to scroll down and watch the pages or watch the menu full screen without distraction of moving slideshows or other blinking elements. Just for me. With three or five menu items it is still an option for me but these cases are very rare - thanks for thoughts anyway.
Agreed. Although I think there is a valid argument on very simple sites to have a generic horizontal menu to speed up navigation, on any site that has some bulk to it, you are going to end up with more problems. A hamburger menu also doesn't need to be a simple slide in list of links either; it slides into the whole screen which on desktop gives you a lot of space to experiment with additional contextual information.
Also, on smaller sites the navigation is almost superfluousness since the homepage provides most of the information and the appropriate call to actions to guide 90% of the traffic to the correct internal pages.
What microphone 🎤 are you using?
Flux, I'd really like to see how this website would look like on mobile. It's not a trivial task to convert hero sections to mobile.
simple but great advice
How about you reference the "DATA SHOWS" in description? I agree with these mistakes, but I have yet to find official data to debunk my clients of their bad design taste.
Yasss
Start looking through NN or IDF data. I've found that oftentimes a client will simply say, "okay" if presented with something as basic as a Medium article.
Great content. Thank you.
I clicked on you gear and book recommendation link but bitly is showing awWarning. "This URL has been flagged by Bitly's systems as potentially harmful."
Please have a look and fix your link. Thank you!
the hamburger thing cant be repeated enough. I've heard people say its bad for usability for years and i still see it on so many sites. Hijacking or changing how scrolling works is also annoying
I have this on my current site. Changing asap haha
Is that indesign which is being used?
It's figma
@@oNoline92o Thank you. I'm not currently up on the latest design and layout software.
@@Spacecookie- Figma isn't a classic layout software (like Indesign or Illustrator). It is a wireframe and prototype tool to design/develop websites and mobile interfaces.
I genuinely thought the hamburger thing was a trend
I wouldn't say the hamburger menu is a web design mistake. It's a hotly debated topic for sure, but that doesn't make it a mistake. UA-cam has one.
Ok 😀🤘🏼
Doesn't feel like common mistakes. I'd call it 10 amateur mistakes to be frank.
i see it a lot on professional websites though
Izzy, grow out your beard!
Who is making all these noob mistakes? 🤣
That was actually so useful. Thanks! Do you have links to any of this data you refer to?
I want to know too