Тёмный

50 Website Design Mistakes (And Why) 

The Website Architect
Подписаться 60 тыс.
Просмотров 96 тыс.
50% 1

Опубликовано:

 

30 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 307   
@WeirdSnakeGal
@WeirdSnakeGal 2 года назад
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.
@blazi_0
@blazi_0 Год назад
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 !
@chrismachabee3128
@chrismachabee3128 Год назад
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.
@thewebsitearchitect
@thewebsitearchitect Год назад
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.
@the180degreerule3
@the180degreerule3 Год назад
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...
@thewebsitearchitect
@thewebsitearchitect Год назад
@@the180degreerule3 I love you.
@sucoder
@sucoder 5 месяцев назад
Notes of the video: * Using sliders: They are ineffective and very few people will see the content beyond the first slide. * Auto-playing sliders: They do not promote a good user experience. * Making users click to see the navigation: If the navigation can fit on one screen, put it on the screen. * Center aligning everything: Especially text that has more than three lines, it becomes annoying to read. * Using justified text alignment: The inconsistency between the spacings of each word makes it harder to read. * Using right alignment for text: Same reason why you shouldn't use center alignment. * Splash pages: They make users work extra to get to the website content. * Slow-loading animations: They make it impossible to quickly scan a website for content. * Hiding the scroll bar: It creates a bad user experience. * Styling the scroll bar: The scroll bar is meant to be a consistent feature to navigate websites. * Horizontally scrolling marquees: They are annoying to look at and difficult to read. * Changing the background color of the website as you scroll: It takes away from the content and it's distracting. * Customizing the cursor: It confuses users. * Forcing users to click a dropdown in the navigation for it to appear: It should appear on hover. * Turning the entire website into a vertical slider: Scrolling should be consistent from website to website. * Using emojis: It looks unprofessional. * Not following web design standards: There's a reason why they exist. * Wasting time with time-consuming opening messages. * Wasting time with long menu animations. * Making the hamburger icon button not look like a hamburger icon. * Using vague h1s on the home page: It's bad for user understanding and SEO. * Using typewriter text changing effects: It's annoying and hurts user experience. * Horizontal submenus: Users expect them to be vertical. * Making the color of your call to action the same color as everything else on your website. * Sticky menus that don't have a background color. * Having separate first and last name fields for forms in small to medium size forms: Combine the two fields into one full name field. * Horizontal scrolling websites. * Small home pages: The home page should be informative enough. * Center aligned text forms: They should always be left aligned for better usability. * Having a menu that just has icons in it: New users shouldn't have to think to be able to use a menu. * Square buttons: People expect buttons to be wide. * Forms without labels. * Hero sections that span the entire height of the screen: It creates a false impression that the website doesn't have more content. * Link in the description to read more about it: If your design is so unintuitive that it requires you to tell me to scroll then your design has failed. * Websites that automatically play sound. * Making users hover over something to see the titles. * Logos that don't have the name of the company in it. * Navigation should always be at the top. * Vertically aligning text: This is another example of sacrificing ux for ui. * Not having the home link in the navigation. * Unloading content with an animation to only have to load it back with more animation. * Preloaders for the making of this video. * Home pages that are just slideshows. * Interrupting vertical scrolling for horizontal scrolling. * Overlays that aren't opaque enough to be able to clearly read the text in front of it. * Text over background always. * Not putting links in the footer. * Overusing visual effects. * Smooth scrolling.
@syedzaid2115
@syedzaid2115 Месяц назад
Can you please add a link of each mistake as reference
@rowankelling
@rowankelling 16 дней назад
Thank you!!
@ajdrag
@ajdrag 2 года назад
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.
@chrismachabee3128
@chrismachabee3128 Год назад
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.
@munigoutham4371
@munigoutham4371 7 месяцев назад
Get ready to be replaced by AI very soon !
@10tailedbijuu
@10tailedbijuu Месяц назад
@@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.
@guacamolen
@guacamolen Год назад
To put it in a paraphrase from Jacob Nielsen: "No one cares about your splash screen. Users just want to get in, do what they need to, and get out as quickly as possible." Most of these (if not all) sins against web design just add flair at the cost of user efficiency. Good list, I approve.
@Avarn388
@Avarn388 Год назад
As a recent boot camp graduate and looking to build a portfolio website; thank you for these tips. They are really helpful.
@PpainX
@PpainX 24 дня назад
Update
@ILoveWordPress
@ILoveWordPress Год назад
I agree with all but one of these. #15 is actually a big accessibility "pain point". People got used to dropdowns on hover, but technically it should be on click. This is one of those things that got adopted even though it's an incorrect pattern.
@alanbloom20
@alanbloom20 Год назад
I was thinking this same thing during the video. I think I agree with the majority of his points, except for the point about hover on menu.
@64revolt
@64revolt Год назад
Hard to hover on a phone heh.@@alanbloom20
@mrrebelbunny5316
@mrrebelbunny5316 9 месяцев назад
exactly hover drop downs suck, they close if you accidently move your more and open when you don't want them to open
@junimeme5626
@junimeme5626 9 месяцев назад
Agreed. Click drop downs are much more predictable.
@okaybossiamonyoutubeakkskd
@okaybossiamonyoutubeakkskd 7 месяцев назад
also you can't hover while using phone, tablet etc @@junimeme5626
@DeveloperGio
@DeveloperGio 19 дней назад
I’m glad someone has made a video showing this. Modern web design has become such a headache for users to use. A website should be a simple, informative experience that is eye catching, but it’s easy to over do it. Just because a website is basic in its traditional layout doesn’t make it bad; the product or service you’re promoting is more important than the design.
@user-1312
@user-1312 Год назад
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.
@TheSorips
@TheSorips Год назад
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?
@Videosuser
@Videosuser 4 месяца назад
I definitely agree with you! The emoji comment was so shallow.
@Asxish
@Asxish 2 года назад
I love your straight forward explanation, and same for me, these annoys me a lot, where I've to think twice where the button is , what the site really stands for, and literally the pre loading shit, i don't have that much of time to wait for couple of minutes for the site to load it's stuff. I really liked your explanation, would really love to see more content in the future,till then lemme watch some of your old ones.
@susanherda
@susanherda Год назад
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.
@interculturalcommunication3889
I was just thinking this. A follow-up plus update would be great. I wonder if he still hates smooth scrolling...
@juliaafowler
@juliaafowler 10 месяцев назад
I was thinking the exact same!
@Adam-yf3ss
@Adam-yf3ss Год назад
Great video. My views… 2003: make it more animated, more unique, more multimedia. 2023: make it more like Craigslist
@theq937
@theq937 Год назад
I agree having less form fields is generally better, though having both first and last names is valuable and probably worth keeping for many
@Adam-yf3ss
@Adam-yf3ss Год назад
On a contact form it’s not necessary. On a user profile form, yes.
@jiggythibs
@jiggythibs Год назад
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.
@interculturalcommunication3889
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.
@marekgabik2898
@marekgabik2898 2 месяца назад
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.
@abhilashaabbytandon5799
@abhilashaabbytandon5799 Месяц назад
the thing is it's not universal, and it's unclear what to do with middle names
@catchnote2
@catchnote2 Год назад
Yes a Part 2 please. I seriously enjoy learning from your videos. I find them to be the best. Thanks
@bx5815
@bx5815 Год назад
Thank you for this. I've been stuck with designing rather than creating content to my site. More power to you
@EternalAwait
@EternalAwait 3 месяца назад
Came across some of your videos while trying to design my own website. I agree with everything you say and can't believe more web designers don't realize the negatives of their designs. Thanks for the knowledge
@ReQiLine
@ReQiLine 11 месяцев назад
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!!!
@HeyQuinton
@HeyQuinton Год назад
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.
@stevend2748
@stevend2748 22 дня назад
Good stuff. The one i don't agree with is "Having a HOME link in the navigation" because not everyone knows the logo serves that purpose. I'd say unless you're designing for old people or less tech-savvy it's pretty standard. I'd say if anything put HOME in the footer.
@TomiOnDesign
@TomiOnDesign Год назад
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
@marvinwaleed
@marvinwaleed 8 месяцев назад
Fantastic! I wish more designers understood what you’re trying to get across.
@hans-joergwahmkow2621
@hans-joergwahmkow2621 Год назад
I was hoping there was at least one I couldn't agree on. But you nailed it 100%.
@nhwhn
@nhwhn Год назад
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
@MusicToMyEar1005
@MusicToMyEar1005 Год назад
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?
@user-pe9qg3hg3k
@user-pe9qg3hg3k 2 месяца назад
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
@gregjerry4110
@gregjerry4110 4 месяца назад
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
@MattBiddick
@MattBiddick 3 месяца назад
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.
@_tanzil_
@_tanzil_ 11 месяцев назад
Every piece of advice you've provided is incredibly helpful and valuable. Your tips are so skillfully structured that breaking even one of them could lead to a significant misstep. Thank you for sharing this exceptional content. I'm delighted to become one of your subscribers. ❤
@AtomicPixels
@AtomicPixels Год назад
Literally none of these are “bad” or “wrong”. This entire video is made up of personal preference with zero data attached, while ironically treating every design choice like an accident that should’ve wanted to be a Wordpress blog built to accomplish the legible text award.
@thewebsitearchitect
@thewebsitearchitect Год назад
I encourage you to check out this article www.nngroup.com/articles/hamburger-menus/, which outlines precisely how one of the mistakes I mentioned in the video is bad or wrong. It's a cherry-picked example, but I believe 95% of the mistakes in the video directly hurt user experience.
@ripnephils148
@ripnephils148 5 месяцев назад
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.
@thefreshprince-t4m
@thefreshprince-t4m Год назад
I feel you brother, I feel you. You're not alone. I will do the mathematics based on your advice and create a personal website for myself.
@thefreshprince-t4m
@thefreshprince-t4m Год назад
I love web development.
@Manu-und-die-Puschel
@Manu-und-die-Puschel 10 месяцев назад
Super clear and agreed on all aspects. Simplicity sells. Fancy stuff disturbs your eyes.
@mirt3327
@mirt3327 3 месяца назад
As a web developer I agree with all of them. Touché
@shannons1886
@shannons1886 Год назад
I'm binging all of your videos right now. So pissed at YT for not showing me content like this instead of the kiddie meme crap. Ok, rant over. Thanks for the value.
@S.A.M.7
@S.A.M.7 Год назад
I am torn here... Personally, and a lot of other people I talk to, prefer a unique design over the same one. Half of this boils down to making it look like every other website. I don't think that makes any impact on someone if they don't remember your website because it looks the same as the other one they just clicked. Some of these mistakes, I think are bad because they were executed poorly. Though, I think these ideas make things that people would remember you or your product. I think it's a matter of balance.
@thewebsitearchitect
@thewebsitearchitect Год назад
The answer is to make your website unique enough to be remembered yet familiar enough to easily use. Just because there's a 50-odd things you shouldn't do to your website, doesn't mean you can't create a great, unique, rememberable, and easy to use website.
@ChadLudemanPhilly
@ChadLudemanPhilly 2 дня назад
Very helpful and concise! Thanks.
@LangitAmaravati
@LangitAmaravati 10 месяцев назад
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.
@drewkantos
@drewkantos Год назад
I needed this so badly, it's going in my Saves.
@anilsuyal
@anilsuyal 3 месяца назад
Loved watching - stop wasting my time, great session! Thank you so much.
@sahedalomsumit
@sahedalomsumit 5 месяцев назад
I agree. Make the website easy to use don't make it harder for unique design.
@Kellhound32
@Kellhound32 9 месяцев назад
"Instead of having to hide how slow your website is...." LMFAO. This is fantastic. I am showing this to my web design class. Thank you!
@FaisalAhmad-dl1eg
@FaisalAhmad-dl1eg Месяц назад
I will do everything that you stopped ❤
@jerkov420
@jerkov420 6 месяцев назад
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
@romarina2687
@romarina2687 4 месяца назад
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.
@kevn7464
@kevn7464 4 месяца назад
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?
@goldenknowledge5914
@goldenknowledge5914 2 года назад
Bro like all of these 50 points are legit. U da man
@leimaniax
@leimaniax 3 месяца назад
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
@FV_Om
@FV_Om 29 дней назад
It was great, Brief and usefull . Thank you ❤🎉
@moroccan_iracer257
@moroccan_iracer257 Год назад
Thx for the video, can you elaborate more about the smooth scrolling? I think a small amount won't hurt.
@jiggythibs
@jiggythibs Год назад
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)
@tryingtobebetterr
@tryingtobebetterr 3 месяца назад
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.
@tarabooartarmy3654
@tarabooartarmy3654 2 года назад
All I can say is, "Say it louder for the people in the back!" Such good tips!
@bonbonpony
@bonbonpony 2 года назад
More like "shout it louder for the people in the front". (Yeah, if only they wanted to listen… :q )
@MrN020
@MrN020 Год назад
I use justified and smooth scrolling 🙈 ill change it now
@Adam-yf3ss
@Adam-yf3ss Год назад
That so much wisdom has only 10K views … it’s a crime.
@Azarath26
@Azarath26 Год назад
you should have milions of views dude..
@PirateOfTheNorth
@PirateOfTheNorth 5 месяцев назад
Isn’t it boring if every website online has the same structure?
@dichoseadepaso
@dichoseadepaso 6 месяцев назад
This guy managed to list everything that make me angry about websites. I love it
@johnkarlneri5259
@johnkarlneri5259 8 месяцев назад
Some of the designs are suitable for portfolio presentation, but when it comes to business, I agree that they may not be appropriate.
@courtneyatkinson1503
@courtneyatkinson1503 5 месяцев назад
OMG! THANK YOU! UX should be the number one thing ure designing for.....!!!
@abdulwahab2179
@abdulwahab2179 Год назад
So if these sites are doing wrong, then why they are trendy on Awwwards. Come on man in Industry the one person prospective doesn't matter. Industry survives with trends and opinion of many peoples.
@humility0is0a0virtue
@humility0is0a0virtue Год назад
OMG please make a part 2!!!!
@TokyoXtreme
@TokyoXtreme 5 месяцев назад
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!). RU-vid 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! 😡💨
@johnallen5999
@johnallen5999 10 месяцев назад
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.
@BlueBusssss
@BlueBusssss 7 месяцев назад
Wouldn’t separate fields for first name last name benefit uploading lists to mailchimp and other email platforms? Seems like that is more important.
@to_ru_kw
@to_ru_kw 4 месяца назад
Separating them is the way to go if you’re connecting user data to a CRM platform. If it’s just a small business contact form, then I think merging the fields is fine.
@PsychoDude
@PsychoDude Год назад
What do you mean stop using right alignment? What about Arab people?
@cofiekelvin8955
@cofiekelvin8955 2 года назад
Sticky menus that don’t have a background color. Did you forget ?😅
@wt4509
@wt4509 Год назад
Great video lots of info in a short time, thank you!!
@deogenesabejuela7016
@deogenesabejuela7016 5 месяцев назад
Most are correct. but if all web designers and developers will avoid all your website design mistakes, I feel like all websites will become boring and not modern. Other users or visitors appreciate modern and interactive websites. But you have most of the points correct.
@kevn7464
@kevn7464 4 месяца назад
There are quite a lot of websites that follow most if not all of these rules and are doing great as businesses. For example take github, stripe,microsoft, apple,etc. Even apple uses animations only on their products page and in a way where the UX is still good and not over the top. I believe lots of website designers just want to stand out so much and kind of blow their trumpet that they design this insanse looking website when it's usually not the purpose of the website.
@theroboticscodedepot7736
@theroboticscodedepot7736 3 месяца назад
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.
@alienwithsunglasses5604
@alienwithsunglasses5604 2 года назад
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.
@thewebsitearchitect
@thewebsitearchitect Год назад
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!
@lindisopaj
@lindisopaj 12 дней назад
In the intro You mentioned the ”Standards” of UX/Design… You got any good sources for that? I want to learn the rules
@lanceforrest8828
@lanceforrest8828 Год назад
I agree with everything said here. Get creative on your own site. Not a clients
@markusrichterfotografie7484
Thanks for the helpful video. What exactly does „smooth scrolling“ mean and should it be used or not?
@thewebsitearchitect
@thewebsitearchitect Год назад
Smooth scrolling is something people add to a website to alter the way the scroll works when using the scrollwheel on your mouse. It feels as if your scrollwheel is on ice when scrolling. The scrollwheel is a feature that should be consistent across websites. Its one of the most important features people use in a browser to view a website, and hence why you should'nt go changing peoples control of it.
@Hashigo007
@Hashigo007 11 месяцев назад
agree with most but some of these feels like you're just butt hurt about something, contrast is a thing and sometimes to stand out would be a good thing as opposed to a bad one when pulled off correctly, it's better to say that it is not for just anyone to try to pull off these stunts
@s.w.6977
@s.w.6977 Год назад
I have to say I severely disagree with #44 in the context of websites selling cars or other expensive, configurable goods. The #1 factor for good conversion there is not a fast UI, it's having a 3D configurator where people can set up "their" car. Those things take time to load. If we're talking about just loading a video for a background I agree completely, though.
@leonardowijayanto8769
@leonardowijayanto8769 6 месяцев назад
Some of it are great & understandable, but some of it is also a little bit .. outrageous~
@sucoder
@sucoder 5 месяцев назад
Summery of the video: Stop building website.
@kevn7464
@kevn7464 4 месяца назад
*Stop building Shitty Websites 😉
@Noritoshi-r8m
@Noritoshi-r8m 8 месяцев назад
Fenomenal tips. We need to care more about UX
@avataros111
@avataros111 4 месяца назад
Awesome! I couldn't agree more. Unless it's a video game, all these animations are annoying. Thank you!
@peterwgood
@peterwgood Год назад
Absolutely brilliant. Love number 50
@thangduc7183
@thangduc7183 6 месяцев назад
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??
@GrantGryczan
@GrantGryczan 3 месяца назад
@@thangduc7183 He's saying smooth scrolling is annoying and slow.
@rl6382
@rl6382 Год назад
Can you do a video on things we SHOULD implement cutie? Thanks ahead
@okaybossiamonyoutubeakkskd
@okaybossiamonyoutubeakkskd 7 месяцев назад
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 ?
@osayieseosa
@osayieseosa Год назад
Honestly I always believe the future of websites is simpler and slick designs and not flashy designs
@prajwalnegi22
@prajwalnegi22 Год назад
i actually like half of these effects, no mater whatever you say, sometimes anti design looks amazing
@thewebsitearchitect
@thewebsitearchitect Год назад
Indeed it can look amazing, but how's the user experience?
@Nybis
@Nybis 2 года назад
Some of it its pure your opinion stop making your your own opinion like everybody else's
@thewebsitearchitect
@thewebsitearchitect Год назад
Very little is, alot of is factual UX best practices. Care to share some specific examples you found biased?
@gustavorings
@gustavorings Год назад
Salty Elementor user detected.
@jpww1814
@jpww1814 Год назад
@@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.
@kaustubhpaturi4801
@kaustubhpaturi4801 8 месяцев назад
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.
@ferb1131
@ferb1131 Месяц назад
Smooth scrolling? You mean just scrolling without any fancy effects? Or does this mean something else?
@Anteater23
@Anteater23 8 месяцев назад
2:42 3:45 3:58 4:03 4:10 6:08 7:43
@nikandthepartz
@nikandthepartz 12 дней назад
a great vid. ty
@amuchiemarvellous4533
@amuchiemarvellous4533 Год назад
Wow...Great video!!
@davidessien3617
@davidessien3617 Месяц назад
Every single thing you mentioned here have been problems for me visiting sites. I just close them and move away.
@dee23gaming
@dee23gaming 24 дня назад
Same. The moment I see one of these silly modern websites, I'm immediately put off, because it's the same crap I see everywhere. I would honestly prefer an early 90s or early 2000s website design.
@gonzaloparrague4202
@gonzaloparrague4202 Год назад
Great video, better ending
@uriellatagnipes2792
@uriellatagnipes2792 8 месяцев назад
Hope this video can help new web designers to avoid making the mistakes on making websites.
@katerinash1853
@katerinash1853 2 месяца назад
Good content! Didn’t get the last problem ) Too smooth and no animation at all?
@FootballerThe10
@FootballerThe10 Год назад
I didn't get #50. Can somebody please explain? What is wrong with smooth scrolling?
@agungbharata
@agungbharata Год назад
i love this video... thank you for your research..
@bryanmok7999
@bryanmok7999 8 месяцев назад
great tips, thanls a lot. but i dont quite understand the last one (tip 50). can you explain a little more?
@marmont8005
@marmont8005 7 месяцев назад
Thank you bro! Could you make a video about a clean website project structure as dev?
@tictac1020
@tictac1020 Год назад
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.
@forinda
@forinda Год назад
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?
@mustaphamessaoudi9386
@mustaphamessaoudi9386 2 месяца назад
That's when graphic designers switch to web design! that is revolution
@BloxC0r
@BloxC0r 5 месяцев назад
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) 😂
@chrilleswybrandt9640
@chrilleswybrandt9640 8 месяцев назад
What is wrong with smooth scroling? It makes is so much easier to follow the flow on the screen when scrolling.
@NadavJulius
@NadavJulius 2 года назад
PART TWO PLZ 😅
@sucoder
@sucoder 5 месяцев назад
You mean 50 more mistakes?
Далее
The 5 Design Principles (But in Web Design)
11:07
Просмотров 74 тыс.
50 MORE Web Design Mistakes (And Why)
9:11
Просмотров 10 тыс.
ХУДШИЕ ВЫБОРЫ в США
13:20
Просмотров 570 тыс.
ФИКСИМ БАГ
00:42
Просмотров 49 тыс.
The Perfect Website Checklist: 7 Must Haves
12:14
Просмотров 52 тыс.
6 UI Hacks I Wish I Knew As A Beginner
11:11
Просмотров 836 тыс.
Everything About Website Navigations
16:20
Просмотров 102 тыс.
Why Beautiful Websites Don’t Convert
12:57
Просмотров 206 тыс.
Fixing Bad Website Design In 5 Minutes
9:14
Просмотров 80 тыс.
When Uniqueness Kills User Experience
8:34
Просмотров 10 тыс.
How to Properly Layout A Website (For Beginners)
14:50
Просмотров 633 тыс.
Complete Course On Layout Design (MASTER LAYOUT)
21:04
Просмотров 717 тыс.
8 advanced rules of minimal Web Design
21:38
Просмотров 8 тыс.
ХУДШИЕ ВЫБОРЫ в США
13:20
Просмотров 570 тыс.