I agree with a lot of them but some of those are very partial. So if we follow ALL those rules we end up with the same boring websites everywhere. Design is in constant evolution and it'll only do you a disservice ignoring designs just because you don't like it.
Look. İf you want the thing work simplesty is the key. İf you want it to be good looking the UX will decrease. This is something about humans we don't like changes. Just because iphone13 looks like iphone12 this doesn't mean it's boring this means it works !
It's funny, your statement implies websites aren't supposed to be boring. Websites are devices to provide information, written, and visual. that information is about the company and the information is for the client or potential client to learn via the website. Before websites, there were books, pamphlets, and brochures, none I have seen be very exciting. Websites are meant to provide boring information for a company. Website designers are the ones that get bored and decided to spice it up and so it began. The exciting website. bells and whistles, and animated this and flashing that, well, in the e-commerce space the average bounce rate is around almost 50%. A business person comes to a site strictly for business-related information, boring information. he encounters your exciting website, and he bounces, onto the site that gives him the information he needs without all the eye candy. The 50 matter.
I would disagree, you can have very unique and great looking websites while still following them, heres some for example: www.emyth.com/ neoreach.com/ Its up to you if you want to follow them or not, but most if not all of them have us user experience reasons to back it up - its not just because I dont like it. Its about finding how far you want to push usability to stand out, I have a bias wanting to promote the former.
Following all these rules don't mean you'll have a boring website, you'll just have to do more reasonable work to make it not boring and still serve its purpose, making it special at the cost of serving its purpose is lazy... how's avoiding these things will make a website boring? It's like asking an architect to make a house not boring by ignoring the main reason it's called a house...
While I agree with many (if not all), it is the be handled subjectively. If you are making a website that is more fashion over function, then do whatever you want to achieve it. If you want a Henry Ford-esque guide to an effective user experience, this is the list to follow. It’s not sexy, but it works.
Would love an updated list that takes into account ADA compliance requirements. Several of these reference design choices that don’t meet WCAG 2.1 (2.2 is being finalized soon, too). As designers, it’s our job to make content accessible to all. Thank you for taking steps to move the community forward.
Absolutely. It depends on your goals. If it's a normal contact form, 1 is fine. If you're going to be emailing them regularly and want to have a casual hello with their first name after it, separating first and last name is essential.
Agree, there is a lot of names where I am not sure if its first name or last name and if you contact you client or customer you don't want to address him/her with first name, it is unprofessional, unless it is part of your branding a you speak to everyone with their first name. But again you must known what is the first name.
You do make good points, but a lot of these seem like they stem from a belief that there's a set 'correct' way to make a website. While there are certainly 'incorrect' ways, some of which you did touch on, there's also shades of gray within all this. I think you demonstrated this bad/good approach best with your point about not using emojis in your design, since it doesn't look professional - maybe, but not everything in life is 'professional', there are brands out there that may benefit from the goofiness of a crying laughing emoji. There are also brands that may benefit from a mostly eyecandy website, since websites aren't always about being a cold conversion funnel, building brand image is not a thing you can really always box with the same old tired 'we're a company that does things for these clients, contact us' layout. Contact buttons aren't always bad, too. You may not care much about leads, in which case a simple button taking the user to their mail client is perfectly fine. Context matters, and context varies, vastly.
I was looking for a comment like this, I definitely agree with you! I study graphic design and even though this video had some useful tips, some other ones really hurt creativity. It really depends on the target audience and the goal of the websites. Sometimes it's better to go for a more interactive website which can retain users attention for longer or to switch something up with the goal of leaving a long lasting impression, than to go for a traditional website. Yes, users may not be used to some of these features but technology and design is progressing and newer generations are getting used to them already, so why stay behind if we want to appeal to them?
Hey, could you make the exact list but with opposite areguments? I think id'd be fun to see the completely different ouput with a different perspective. Great content btw. Thank you as alwyas
You know, I've been designing web pages since the '90s. And I've never been comfortable with all the flashiness of these newer designs. Seemed to take away from what a website is truly meant to do. And I was told I was being old-fashioned and maybe shouldn't even be in the business of web design. But now I know that it wasn't me all along. It wasn't me. IT REALLY WASN'T ME!!! Great video.
You actually expressed that view amongst your colleagues? And they screamed heretic to you and said why are you even there? You are brave sir, people have been executed for lesser offenses. kidding. You didn't know they were anti-standards, well now you know, and there is a term for them, "faddists". They fall in love with the latest fad. They go out and learn and use it in their designs. Doing that is like an addiction. I do that only reluctantly because you really need to keep up with the latest techniques. But, with your people, it sounds like a religion, to actually question your love for design, because you hold certain thoughts, and imply you don't belong. That my friend is called intolerance, something you'd never expect to find in a design/development shop or department. Well, now we know.
i actually find hover menus annoying. Cause sometimes Im trying to reach something else but it gets in the way. I think so,e of these are fine for portfolio because you are trying to show off what you do and flashy can get the client’s attention
I totally agree!! We visit websites to purchase or get product information as quickly as possible, not to be amused by the "WOW!" kind of Cool design. Why are so many "web desinger" misunderstood? Right?
I think it means that when you scroll it moves to the next section to keep it fully align with the screen. In another video, he mentions this. (I think it's the homepage video)
Missing scrollbars are a particular pet peeve of mine. Also, this video demonstrates the difference between creative minded and business minded designers. Creatives can make a site too stylish and unintentionally missout on sales opportunities
WOW just WOW!!! Love this and If you listen with the right ears you will know that he just summerized 3 yrs of university studies of design, graphic design and psychology. PLUS biz strategies and how to increase ROI!! Dude you are probably a lot more intelligent than people give you credit for!!! I see you!!! Can't belive I found you just now!!!
Really good video, I learned a lot and I am glad that someone has put to words some of my own bugbears. 3:02 , I will say one thing though 'Don't mess with web design standards' - The reason we have standards and that they change is because people messed with what considered standard at that time, and they were found to be better. If someone didn't mess with standard when websites first becamse available on touch screen, imagine all the 2004 styles header navbar content footer pages we would have to try to click through on portrait mode
Doesn't activating the navigation dropdowns on hover take out control from the user? I know it is a common practice, but not sure if it is the better option. This might be more evident with megamenus.
Tbh this is one ive recently had some updating beliefs on, im still unsure about it. I would say that because hover is still very common I would stick to using that. The problems with hover (like accidentally getting out of box boundaries in a sub-dropdown) can be solved with some thought and proper spacing. My thoughts so far!
I laughed out loud at the point, "You're not special just because your logo is placed on the right side." By the way, great insight. I agree with some parts and disagree with others.
Haha, this is wonderful! GOLD! 🏆 and I love how salty you sound at some of these design elements (flaws…) I see some folks taking every point personally, which I think is a necessary, because in general you’re pretty on the money. Thank you for the great content
I usually found that: less is better. Add the necesarry, but don't add things because you can. Try to do the most with the most simple and basic. If you your content is a title, some text and a couple of images, use a standard format that anyone can follow. Focus in choose a good font, make sure the aligment and contrast is okay, make the spacing consistant, choose a good color pallete, etc. Is not "what can I add to this" but instead" what's needed?" Ask yourself: how can I do it in a way that is simple, elegant, and standard.
In Tip 15, what about the 'hover tunnels' that get created ??? You did mention it in the header video when you said, we can make it 'click' rather than Hover to avoid the hover tunnel issue, please highlight on this ?
Tbh, you cant be like a BlackBerry in Apple era. No doubt some mistakes are actually very crucial, but you can't just say what arent to be done on a website. Based on the client, the website and the information they show UI/UX changes. So all of them arent applicable all the time. And for me personally, some of the mistakes that you've mentioned, they are from your perspective. So you cant address these mistakes will make a bad UX for people (surely it might for some of them), but since it's from your POV, you will not like such websites. You cant assume everyone to be/think like you.
It would be much better if this video had the mistakes fixed after pointing them out. Maybe you can make a video like that where you take 10-15 points from this video and show us how what you suggest s actually better (I do think majority of it was rightly called out btw). Thanks for educating us, man.
I think the exception to this (or rathere these 50) rule is for portfolio websites for web designers who actually want to exhibit their skillset and how they have the technical expertise to push boundaries their potential client would possibly want
What do you mean by ‘push boundaries’ if it doesn’t have a good Ux? Sometimes it’s just ego, some designers are more worried trying to demonstrate their hyper creative skills to their competitors instead to their potential clients.
I totally agree with @romarina2687. If your client can't navigate your site easily they are probably gonna jump ship and find someone who's site is more user friendly and easy to use. The high end clients aren't really impressed by how unique your site is while making a dogwater UX. The clients just wanna know that you have a certain amount of social presence and want some proof that you can do what you claim to do. The more coginitive load it is for the user, the quicker they are gonna get out of the site. Your portfolio isn't a drama or a movie. Understand why and what kind of users are coming to your site and how they navigate it. A poor UX just feels like the designer doesn't even know his/her users and how can clients place their trust on someone like that?
0:37 Rare accessibility recognition for "very little people"; as web developers, we must realize that people such as Warwick Davis and Peter Dinklage also use the web. I agreed with 100% of the 50 points you made, and may I offer an additional point that makes my blood boil? And it's one that I never see anyone mention, and that's aggressive text truncation. Notorious offenders include the Apple help forums, which force the user to click "show more" on every single response, regardless of length - even a reply that spans only three sentences! And of course there are the ubiquitous phrases of anything longer than five words that get the ellipsis treatment (sometimes impossible to expand!). TH-cam itself is notorious for this one, forcing users to click a video just to see the entire title. This problem also plagues side menus and drop-down options (BitBucket and JIRA are egregious offenders, often concealing crucial information). What's a few extra bytes of text in an age of streaming content!? Let me read the text, FFS! 😡💨
In another video you said it's okay to use the click to show dropdown as someone cannot mistakenly get out of focus. And clicks are better for retaining focus and not lose focus of active dropdown. Which is the good one now?
Splash pages serve a purpose, not just another entrance. Most of the time, a splash page is being used as a lead magnet by affiliate marketers or someone who doesn't own the content on the final destination page. These are marketers trying to grow their email list, not designers adding an extra step just for the fun of it, lol.
I hear and obey. You are only too true. It's funny I think what you have said, but I see it so much I think that it is the norm, well apparently the norm is not the standard. Understood. I am happy to adopt standards and simplicity. It saves a lot of time researching how to do dat. Now I know wanting to be normal is OK. I went to school to learn web design and have been inundated every with these design atrocities ever since I graduated. What you have said is the proper way. If you want to have some real fun, find the Fortune 5000 sites that use cinematography types elements in their websites. I believe to set themselves apart, and to be "advanced". I figure anyone that goes to that site just wants the information, not to see a show. great video.
I'm sorry but can you explain the number 50 for me pls. I don't know whether he means that "smooth scrolling" is a mistake or "smooth scrolling" is the standard that designers shouldnt f*ck with??
Hey, not sure if you still need the answer but 'h' is headers. h1 is the biggest text on the page, followed by h2, h3 etc. 'Vague h1' means that the biggest header text (often the most important message you need to deliver to the customer) is vague, or in simpler words doesn't quite say anything and is just yet another cliche that wastes the user's time (as many websites do). What one should do instead is appreciate the user's time and come up with a proper H1 that shows the outcome of what it would look like if the user used your product or services or basically why they should even care to read further or what you are all about, respecting their time and offering them real value.
Excellent video and I agree with most of the information presented but should you not practice what you preach? On my 13-inch Mac, your website is a victim of the illusion of completeness. Also, you might wanna do a contrast accessibility check.
I agree with maybe 50% of them but your opinion is not ubiquitous. Maybe take a poll next time and see where the vast majority of people fall on these techniques before condemning them.
@@thewebsitearchitect Haha! No, I disagree with the need for a home link as part of the main navigation. I did test this with quite a few people and all of them just clicked on the logo whenever they thought they needed to go back to the homepage.
@@kelindrawn Its defeinely becoming more and more fundamental knowlege, but I beleive its still best to keep in there for people who arent tech-savy or used to using the internet as much as we do. The people you tested probably didnt include your grandmother, and thats the exact type of person I like to add the homepage link in for. Its definetly not one of the most important of the 50 mistakes, so I am on your side - its not really a big deal.
@@thewebsitearchitect Does it not also boil down to the question wheter or not there is content available that is exclusive to the homepage? If so then yes, a way to go back there needs to be available and it needs to be obvious as well. If not, I think even my grandmother would pick the destination directly from the main nav :)
@@kelindrawn Personally I think it boils down to just providing more value. It would better to have it then not have it, if you were to remove it then the likely reason why is because you thinks it looks better without it but that's sacrificing UI for UX which I'm not for. I found this (cherry picked) article: www.evolvemarketingteam.com/blog/web-design/yes-your-website-still-needs-a-homepage-button-or-link/ with this quote to try to convince you: “Having a home button in sight at all times offers reassurance that no matter how lost I may get, I can always start over, like pressing a reset button or using a ‘Get out of jail free’ card.” - Steve Krug
As someone who's actively and deliberately studied info architecture, user experience, accessibility, and design, I find that this list is a bit too extreme. I hate most of the same things but following this list to the tee will result in a 2016 Bootstrap 3 generic corporate site that is indistinguishable from any other without using garish color palettes or extravagant and gaudy typefaces. Not all of them are inherently evil and if you want to make a website stand out and convey any feelings at all you have to break the big standard mold. It's a game of balance if you're using more than one or two of the more subjective ones, you should probably reconsider and scale it back. If you're consciously and carefully using one in a particular context in which it adds enough value to offset the detriment (depending on your audience and brand, a detriment to one might be a boon to others) then that helps give the site and brand more memorable or engaging. Most people don't understand the actual, and justified rational for these guidelines so they just grab anything that is uncommon and flashy.
Personally, I think the default scrollbar is unattractive and sticks out from the page. For example, there's a very beautiful, stylish, and consistent dark-themed website, but on the right side, there's that bright, ugly, white-based scrollbar.
This man is annoyed by literally everything that happens on the internet, and he tells me to absolutely never do anything remotely creative. I'm not a fan of the message this video might send to new designers & developers. Not every website is a funnel.
Also, please don't make pop-ups telling me I can get a gazillion percent off or whatever if I sign up for your crappy newsletter before even going 10 seconds into the site.
Heres a case study that shows the positive impact on clicks having home in your navigation has: theadminbar.com/should-you-include-a-home-link-in-your-website-navigation/
You think people don’t know about logo clicking brings you home? I just redesigned our website and I took home away. I thought it was very well known that clicking the logo bring you home. Our logo is pretty big. Thoughts?
Depends on who your target demographic is. If it’s a younger or more tech-savvy group then they would usually figure out the logo brings you back to the home screen. Although if you want to attract a broader, older or less technical group, then it couldn’t hurt to add a “Home” button in the navigation.
Sorry to say but I strongly disagree with many of them! Sometimes you need be creative if you are in an industry where you are hired on the basic of your skills. Definitely, one should know on which project they need use these creative skills. Saying to stop using them is just isn't right!
I agree with a lot of them but some of those are very partial. So if we follow ALL those rules we end up with the same boring websites everywhere. Design is in constant evolution and it'll only do you a disservice ignoring designs just because you don't like it.
Look. İf you want the thing work simplesty is the key. İf you want it to be good looking the UX will decrease. This is something about humans we don't like changes.
Just because iphone13 looks like iphone12 this doesn't mean it's boring this means it works !
It's funny, your statement implies websites aren't supposed to be boring. Websites are devices to provide information, written, and visual. that information is about the company and the information is for the client or potential client to learn via the website.
Before websites, there were books, pamphlets, and brochures, none I have seen be very exciting.
Websites are meant to provide boring information for a company. Website designers are the ones that get bored and decided to spice it up and so it began. The exciting website. bells and whistles, and animated this and flashing that, well, in the e-commerce space the average bounce rate is around almost 50%. A business person comes to a site strictly for business-related information, boring information. he encounters your exciting website, and he bounces, onto the site that gives him the information he needs without all the eye candy. The 50 matter.
I would disagree, you can have very unique and great looking websites while still following them, heres some for example:
www.emyth.com/
neoreach.com/
Its up to you if you want to follow them or not, but most if not all of them have us user experience reasons to back it up - its not just because I dont like it. Its about finding how far you want to push usability to stand out, I have a bias wanting to promote the former.
Following all these rules don't mean you'll have a boring website, you'll just have to do more reasonable work to make it not boring and still serve its purpose, making it special at the cost of serving its purpose is lazy... how's avoiding these things will make a website boring? It's like asking an architect to make a house not boring by ignoring the main reason it's called a house...
@@the180degreerule3 I love you.
While I agree with many (if not all), it is the be handled subjectively. If you are making a website that is more fashion over function, then do whatever you want to achieve it. If you want a Henry Ford-esque guide to an effective user experience, this is the list to follow. It’s not sexy, but it works.
Would love an updated list that takes into account ADA compliance requirements. Several of these reference design choices that don’t meet WCAG 2.1 (2.2 is being finalized soon, too). As designers, it’s our job to make content accessible to all. Thank you for taking steps to move the community forward.
I was just thinking this. A follow-up plus update would be great. I wonder if he still hates smooth scrolling...
I was thinking the exact same!
I agree having less form fields is generally better, though having both first and last names is valuable and probably worth keeping for many
On a contact form it’s not necessary. On a user profile form, yes.
I agree too especially with international customers.
It makes it easier when you contact them especially when the form creates an account in your CRM.
Absolutely. It depends on your goals.
If it's a normal contact form, 1 is fine. If you're going to be emailing them regularly and want to have a casual hello with their first name after it, separating first and last name is essential.
Agree, there is a lot of names where I am not sure if its first name or last name and if you contact you client or customer you don't want to address him/her with first name, it is unprofessional, unless it is part of your branding a you speak to everyone with their first name. But again you must known what is the first name.
the thing is it's not universal, and it's unclear what to do with middle names
Great video. My views…
2003: make it more animated, more unique, more multimedia.
2023: make it more like Craigslist
You do make good points, but a lot of these seem like they stem from a belief that there's a set 'correct' way to make a website. While there are certainly 'incorrect' ways, some of which you did touch on, there's also shades of gray within all this. I think you demonstrated this bad/good approach best with your point about not using emojis in your design, since it doesn't look professional - maybe, but not everything in life is 'professional', there are brands out there that may benefit from the goofiness of a crying laughing emoji. There are also brands that may benefit from a mostly eyecandy website, since websites aren't always about being a cold conversion funnel, building brand image is not a thing you can really always box with the same old tired 'we're a company that does things for these clients, contact us' layout. Contact buttons aren't always bad, too. You may not care much about leads, in which case a simple button taking the user to their mail client is perfectly fine.
Context matters, and context varies, vastly.
I was looking for a comment like this, I definitely agree with you!
I study graphic design and even though this video had some useful tips, some other ones really hurt creativity. It really depends on the target audience and the goal of the websites. Sometimes it's better to go for a more interactive website which can retain users attention for longer or to switch something up with the goal of leaving a long lasting impression, than to go for a traditional website. Yes, users may not be used to some of these features but technology and design is progressing and newer generations are getting used to them already, so why stay behind if we want to appeal to them?
I definitely agree with you! The emoji comment was so shallow.
Hey, could you make the exact list but with opposite areguments? I think id'd be fun to see the completely different ouput with a different perspective. Great content btw. Thank you as alwyas
You know, I've been designing web pages since the '90s. And I've never been comfortable with all the flashiness of these newer designs. Seemed to take away from what a website is truly meant to do. And I was told I was being old-fashioned and maybe shouldn't even be in the business of web design. But now I know that it wasn't me all along. It wasn't me. IT REALLY WASN'T ME!!! Great video.
You actually expressed that view amongst your colleagues? And they screamed heretic to you and said why are you even there?
You are brave sir, people have been executed for lesser offenses. kidding.
You didn't know they were anti-standards, well now you know, and there is a term for them, "faddists". They fall in love with the latest fad. They go out and learn and use it in their designs. Doing that is like an addiction.
I do that only reluctantly because you really need to keep up with the latest techniques. But, with your people, it sounds like a religion, to actually question your love for design, because you hold certain thoughts, and imply you don't belong. That my friend is called intolerance, something you'd never expect to find in a design/development shop or department. Well, now we know.
Get ready to be replaced by AI very soon !
@@munigoutham4371 Soon is relative, it could be another 50 years before ai takes off to the point of 100% not needing people to program anything.
Thank you for this. I've been stuck with designing rather than creating content to my site. More power to you
i actually find hover menus annoying. Cause sometimes Im trying to reach something else but it gets in the way. I think so,e of these are fine for portfolio because you are trying to show off what you do and flashy can get the client’s attention
I totally agree!! We visit websites to purchase or get product information as quickly as possible, not to be amused by the "WOW!" kind of Cool design. Why are so many "web desinger" misunderstood? Right?
Thx for the video, can you elaborate more about the smooth scrolling? I think a small amount won't hurt.
I think it means that when you scroll it moves to the next section to keep it fully align with the screen.
In another video, he mentions this. (I think it's the homepage video)
Missing scrollbars are a particular pet peeve of mine. Also, this video demonstrates the difference between creative minded and business minded designers. Creatives can make a site too stylish and unintentionally missout on sales opportunities
WOW just WOW!!! Love this and If you listen with the right ears you will know that he just summerized 3 yrs of university studies of design, graphic design and psychology. PLUS biz strategies and how to increase ROI!! Dude you are probably a lot more intelligent than people give you credit for!!! I see you!!! Can't belive I found you just now!!!
Really good video, I learned a lot and I am glad that someone has put to words some of my own bugbears. 3:02 , I will say one thing though 'Don't mess with web design standards' - The reason we have standards and that they change is because people messed with what considered standard at that time, and they were found to be better. If someone didn't mess with standard when websites first becamse available on touch screen, imagine all the 2004 styles header navbar content footer pages we would have to try to click through on portrait mode
All I can say is, "Say it louder for the people in the back!" Such good tips!
More like "shout it louder for the people in the front". (Yeah, if only they wanted to listen… :q )
You got my sub in the first few minutes. Couldn't agree more. Thank you for being straight up and not kowtowing to all the design nerds.
Doesn't activating the navigation dropdowns on hover take out control from the user? I know it is a common practice, but not sure if it is the better option. This might be more evident with megamenus.
Tbh this is one ive recently had some updating beliefs on, im still unsure about it. I would say that because hover is still very common I would stick to using that. The problems with hover (like accidentally getting out of box boundaries in a sub-dropdown) can be solved with some thought and proper spacing. My thoughts so far!
Very well done, you did a good job on this video, great advice to follow. The content was great and the commentary was not obnoxious and immature.
Good content! Didn’t get the last problem ) Too smooth and no animation at all?
I laughed out loud at the point, "You're not special just because your logo is placed on the right side." By the way, great insight. I agree with some parts and disagree with others.
Bro like all of these 50 points are legit. U da man
Fantastic! I wish more designers understood what you’re trying to get across.
Haha, this is wonderful! GOLD! 🏆 and I love how salty you sound at some of these design elements (flaws…)
I see some folks taking every point personally, which I think is a necessary, because in general you’re pretty on the money.
Thank you for the great content
I usually found that: less is better. Add the necesarry, but don't add things because you can. Try to do the most with the most simple and basic. If you your content is a title, some text and a couple of images, use a standard format that anyone can follow. Focus in choose a good font, make sure the aligment and contrast is okay, make the spacing consistant, choose a good color pallete, etc. Is not "what can I add to this" but instead" what's needed?" Ask yourself: how can I do it in a way that is simple, elegant, and standard.
In Tip 15, what about the 'hover tunnels' that get created ??? You did mention it in the header video when you said, we can make it 'click' rather than Hover to avoid the hover tunnel issue, please highlight on this ?
Tbh, you cant be like a BlackBerry in Apple era. No doubt some mistakes are actually very crucial, but you can't just say what arent to be done on a website. Based on the client, the website and the information they show UI/UX changes. So all of them arent applicable all the time. And for me personally, some of the mistakes that you've mentioned, they are from your perspective. So you cant address these mistakes will make a bad UX for people (surely it might for some of them), but since it's from your POV, you will not like such websites. You cant assume everyone to be/think like you.
It would be much better if this video had the mistakes fixed after pointing them out. Maybe you can make a video like that where you take 10-15 points from this video and show us how what you suggest s actually better (I do think majority of it was rightly called out btw). Thanks for educating us, man.
I think the exception to this (or rathere these 50) rule is for portfolio websites for web designers who actually want to exhibit their skillset and how they have the technical expertise to push boundaries their potential client would possibly want
What do you mean by ‘push boundaries’ if it doesn’t have a good Ux? Sometimes it’s just ego, some designers are more worried trying to demonstrate their hyper creative skills to their competitors instead to their potential clients.
I totally agree with @romarina2687. If your client can't navigate your site easily they are probably gonna jump ship and find someone who's site is more user friendly and easy to use. The high end clients aren't really impressed by how unique your site is while making a dogwater UX. The clients just wanna know that you have a certain amount of social presence and want some proof that you can do what you claim to do.
The more coginitive load it is for the user, the quicker they are gonna get out of the site. Your portfolio isn't a drama or a movie. Understand why and what kind of users are coming to your site and how they navigate it. A poor UX just feels like the designer doesn't even know his/her users and how can clients place their trust on someone like that?
This guy managed to list everything that make me angry about websites.
I love it
Some of it its pure your opinion stop making your your own opinion like everybody else's
Very little is, alot of is factual UX best practices. Care to share some specific examples you found biased?
Salty Elementor user detected.
@@thewebsitearchitect I enjoyed your points. It reminds me of a book 'Don't make me think'. I forget by who, read it a long time ago.
0:37 Rare accessibility recognition for "very little people"; as web developers, we must realize that people such as Warwick Davis and Peter Dinklage also use the web.
I agreed with 100% of the 50 points you made, and may I offer an additional point that makes my blood boil? And it's one that I never see anyone mention, and that's aggressive text truncation. Notorious offenders include the Apple help forums, which force the user to click "show more" on every single response, regardless of length - even a reply that spans only three sentences! And of course there are the ubiquitous phrases of anything longer than five words that get the ellipsis treatment (sometimes impossible to expand!). TH-cam itself is notorious for this one, forcing users to click a video just to see the entire title. This problem also plagues side menus and drop-down options (BitBucket and JIRA are egregious offenders, often concealing crucial information). What's a few extra bytes of text in an age of streaming content!? Let me read the text, FFS! 😡💨
Thank you bro!
Could you make a video about a clean website project structure as dev?
In another video you said it's okay to use the click to show dropdown as someone cannot mistakenly get out of focus. And clicks are better for retaining focus and not lose focus of active dropdown. Which is the good one now?
Awesome! I couldn't agree more. Unless it's a video game, all these animations are annoying. Thank you!
That's when graphic designers switch to web design!
that is revolution
Sticky menus that don’t have a background color. Did you forget ?😅
Great video lots of info in a short time, thank you!!
What is wrong with smooth scroling? It makes is so much easier to follow the flow on the screen when scrolling.
OMG! THANK YOU! UX should be the number one thing ure designing for.....!!!
Splash pages serve a purpose, not just another entrance. Most of the time, a splash page is being used as a lead magnet by affiliate marketers or someone who doesn't own the content on the final destination page. These are marketers trying to grow their email list, not designers adding an extra step just for the fun of it, lol.
Hope this video can help new web designers to avoid making the mistakes on making websites.
Who hurt you?
Some of it are great & understandable, but some of it is also a little bit .. outrageous~
This TH-cam comment section didn't have a label. It had a placeholder :p
What is smooth scrolling??????????????????????????????????
i just got a lot of information from this random ass dude being funny asf! love it bro! thanks for the tips (dropped a sub) 😂
you should have milions of views dude..
I hear and obey. You are only too true. It's funny I think what you have said, but I see it so much I think that it is the norm, well apparently the norm is not the standard. Understood. I am happy to adopt standards and simplicity. It saves a lot of time researching how to do dat.
Now I know wanting to be normal is OK. I went to school to learn web design and have been inundated every with these design atrocities ever since I graduated. What you have said is the proper way. If you want to have some real fun, find the Fortune 5000 sites that use cinematography types elements in their websites. I believe to set themselves apart, and to be "advanced". I figure anyone that goes to that site just wants the information, not to see a show. great video.
What do you mean stop using right alignment? What about Arab people?
I will do everything that you stopped ❤
Absolutely brilliant. Love number 50
I'm sorry but can you explain the number 50 for me pls. I don't know whether he means that "smooth scrolling" is a mistake or "smooth scrolling" is the standard that designers shouldnt f*ck with??
@@thangduc7183 He's saying smooth scrolling is annoying and slow.
what is "conversions"?
Please what is vague H1, I can not find explanation to understand it. As mistake 22.
Hey, not sure if you still need the answer but 'h' is headers. h1 is the biggest text on the page, followed by h2, h3 etc. 'Vague h1' means that the biggest header text (often the most important message you need to deliver to the customer) is vague, or in simpler words doesn't quite say anything and is just yet another cliche that wastes the user's time (as many websites do). What one should do instead is appreciate the user's time and come up with a proper H1 that shows the outcome of what it would look like if the user used your product or services or basically why they should even care to read further or what you are all about, respecting their time and offering them real value.
PART TWO PLZ 😅
You mean 50 more mistakes?
Excellent video and I agree with most of the information presented but should you not practice what you preach? On my 13-inch Mac, your website is a victim of the illusion of completeness. Also, you might wanna do a contrast accessibility check.
Honestly I always believe the future of websites is simpler and slick designs and not flashy designs
Im not sure about hover drop down menu most dropdown menus opens on click nowadays
I agree with maybe 50% of them but your opinion is not ubiquitous. Maybe take a poll next time and see where the vast majority of people fall on these techniques before condemning them.
I agree with 49 of them 🙃
You've peeked my interest, which one? Better not be smooth scrolling.
@@thewebsitearchitect Haha! No, I disagree with the need for a home link as part of the main navigation. I did test this with quite a few people and all of them just clicked on the logo whenever they thought they needed to go back to the homepage.
@@kelindrawn Its defeinely becoming more and more fundamental knowlege, but I beleive its still best to keep in there for people who arent tech-savy or used to using the internet as much as we do. The people you tested probably didnt include your grandmother, and thats the exact type of person I like to add the homepage link in for. Its definetly not one of the most important of the 50 mistakes, so I am on your side - its not really a big deal.
@@thewebsitearchitect Does it not also boil down to the question wheter or not there is content available that is exclusive to the homepage? If so then yes, a way to go back there needs to be available and it needs to be obvious as well. If not, I think even my grandmother would pick the destination directly from the main nav :)
@@kelindrawn Personally I think it boils down to just providing more value. It would better to have it then not have it, if you were to remove it then the likely reason why is because you thinks it looks better without it but that's sacrificing UI for UX which I'm not for. I found this (cherry picked) article: www.evolvemarketingteam.com/blog/web-design/yes-your-website-still-needs-a-homepage-button-or-link/ with this quote to try to convince you: “Having a home button in sight at all times offers reassurance that no matter how lost I may get, I can always start over, like pressing a reset button or using a ‘Get out of jail free’ card.” - Steve Krug
"You're not... PPPePPPsi" sent me💀
i actually like half of these effects, no mater whatever you say, sometimes anti design looks amazing
Indeed it can look amazing, but how's the user experience?
Whats wrong with smooth scrolling i use that for everything lol
Is this still the same site? hahaha I love your content!!!
As someone who's actively and deliberately studied info architecture, user experience, accessibility, and design, I find that this list is a bit too extreme. I hate most of the same things but following this list to the tee will result in a 2016 Bootstrap 3 generic corporate site that is indistinguishable from any other without using garish color palettes or extravagant and gaudy typefaces.
Not all of them are inherently evil and if you want to make a website stand out and convey any feelings at all you have to break the big standard mold. It's a game of balance if you're using more than one or two of the more subjective ones, you should probably reconsider and scale it back. If you're consciously and carefully using one in a particular context in which it adds enough value to offset the detriment (depending on your audience and brand, a detriment to one might be a boon to others) then that helps give the site and brand more memorable or engaging.
Most people don't understand the actual, and justified rational for these guidelines so they just grab anything that is uncommon and flashy.
You hit every nail square on the head.
Wow...Great video!!
Excellent.
Okay I found 3 on my design and have gotten rid of them I owe you a drink.
smooth scrolling is cool 🤘
We don't want your kind around here lol
I can understand 49 of those points, but not Smooth scrolling 😢
2:42 3:45 3:58 4:03 4:10 6:08 7:43
I just had a conclusion that you hate Storytelling-type of website?
No estoy de acuerdo con algunos, y hay otros que son algo cuestionables. Pero la mayoría son muy acertados.
not everything made sense indeed.
Personally, I think the default scrollbar is unattractive and sticks out from the page. For example, there's a very beautiful, stylish, and consistent dark-themed website, but on the right side, there's that bright, ugly, white-based scrollbar.
Great video
"50 Website Design Mistakes" aka.: Sometimes less is more!
Give us an example?
He gave 2 lol
"eye candy shit" Love it :D
Man, I wish I found you a month ago!
😂😂😂 Why do I love this video though. Yeah man. "STOP"
Summery of the video: Stop building website.
*Stop building Shitty Websites 😉
More vids plz🔥
Uhm... yellow/gold links on white bkgrd? White text in a yellow/gold button? Dude... Google ADA compliance.
You forgot popups, popups make me want to shoot my computer
If im reading something and another screen suddenly pops up and blocks what im reading, i leave the website immediately
I do not agree with all it really comes down to demographics. Most is great and i took some
This man is annoyed by literally everything that happens on the internet, and he tells me to absolutely never do anything remotely creative. I'm not a fan of the message this video might send to new designers & developers. Not every website is a funnel.
Yeap. For him, a Website should be a Powerpoint presentation.
Also, please don't make pop-ups telling me I can get a gazillion percent off or whatever if I sign up for your crappy newsletter before even going 10 seconds into the site.
48/50 total agreement. However smooth scrolling is fun and “Home” has no place in my nav
Heres a case study that shows the positive impact on clicks having home in your navigation has: theadminbar.com/should-you-include-a-home-link-in-your-website-navigation/
I agree with some of the points but Follow all of them and get ready to be replaced by AI very soon (may be you are already replaced).
had a good laugh 🤣
You think people don’t know about logo clicking brings you home? I just redesigned our website and I took home away. I thought it was very well known that clicking the logo bring you home. Our logo is pretty big. Thoughts?
Depends on who your target demographic is. If it’s a younger or more tech-savvy group then they would usually figure out the logo brings you back to the home screen.
Although if you want to attract a broader, older or less technical group, then it couldn’t hurt to add a “Home” button in the navigation.
Yeah f😂cking smooth scrolling is the worse
Well I'm making so mam many mistakes
Sorry to say but I strongly disagree with many of them!
Sometimes you need be creative if you are in an industry where you are hired on the basic of your skills.
Definitely, one should know on which project they need use these creative skills.
Saying to stop using them is just isn't right!
? Unlimited -- you didn't study - any CALCULUS - or circuit!
Why shouldn't be playing sounds automatically??
Don't say "don't' repeatedly because the more I hear don't, the less I want to hear about don't, so just don't, or don't. I don't care.
Who even likes smooth scrolling? Where are these people that enjoy using smooth scrolling?
Simplicity is better