Awwward Winning Websites Gone Wrong
ฝัง
- เผยแพร่เมื่อ 21 ก.ย. 2024
- bit.ly/4bTD5zu 👈 Design & code like me. Use "UI2024" for 25% Off!
-- Appeal to popularity; one of the most common logical fallacies. Just because a website won an award, does not mean it's a great website. In this vid, we'll take a look at 9 different examples of how awwward.com "site of the day" winners get things wrong.
The websites referenced:
- www.infty.global/
- www.omegawatch...
- superpower.com/
- view-source-cu...
- www.lyon-beton...
- wildeweide.nl/en/
- manifesto.itso...
- newpeace.jp/
- yuenye.com/
-- Also, if you're one of the designers who built a website above, don't take much offense. Most of these examples are great, with just one aspect that throws things way off.
#uiux #uidesign #awwwards
- - - - - - - - - - - - - - - - - - - - - -
Subscribe for NEW VIDEOS!
Learn UI/UX: designcourse.com
My personal FB account: logodesi...
Coursetro FB: coursetro
Coursetro's Twitter: / designcoursecom
Join my Discord! / discord
^-Chat with me and others
- - - - - - - - - - - - - - - - - - - - - -
Who is Gary Simon? Well, I'm a full stack developer with 2+ decades experience and I teach people how to design and code. I've created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.
Now, I focus all of my time and energy on this channel and my website Designcourse.com.
Come to my discord server or add me on social media and say Hi!
All of the websites shown are linked in the description. Check em' out for yourself! There's a lot of really cool stuff happening in all of the examples, but there's just 1 or 2 things that REALLY throw them off either in terms of bad UI, or bad UX!
had fun watching this, some of my clients would definitely think this would increase conversions, a headache ... the waste of time put on all these fireworks and bling blings.. and users don't even know where to start their journey.
Also putting a massive video in the hero section ruins the website performance score which measures how fast it takes to render the first screen.
That first one, with the flickering, is down right dangerous. Due to risk of seizure (WCAG 2.3).
must say, these scroll-whilst-content-happens-on-screen websites are a pain in the ass to navigate and to develop. I hate them so much.
You're right man. The only awwwards designer I've seen that respects design principles is 'Gil huybrecht'.
It seems that this trend, when creativity prevails over usability, is now popular for some reason
nah, those awards are like this since 2008
It should not be a trend, it should be the norm. There's a place for both, but trying to fit an essentially creative field in a sanitized utilitarian box is how you get stale and boring design that will keep actual usability from evolving beyond the current mold. Not everything has to be about conversions and a cynical push to sell product.
@@cpurizumuworked for print for decades. People want easily consumable information and quick access to the path they want to take.
There should be a balance between the two.
Came here after a year or so, Gary is JACKED!!!
OMG I was about to comment the same thing and saw your comment 😛
but how can I win an awwward if I don't use three.js and have a 3min intro, custom scroll, and a website that is only 300MB in size?
there's also the second category: janky website overpriced by an agency on webflow
why you wanna win this :S
@@Rensoconese To get paid by exposure :3
The award-winning designers themselves know that the focus is generally not on the simplified user experience, but on an experience that is different from the conventional one, the “creative” experience. The focus of these sites most of the time is not conversion, but rather showing a message or simply showing something to people, which is why many sites like this are for agencies, portfolios, or for commercial purposes, where the focus is not conversion. It is obvious that the effects do not follow UX “standards”, but the way you say it seems like you are completely ignorant in the area, who just made a video just to promote your course and shake up the bubble by trying to make this video viral.
My eyes are bleeding alright. Sometimes they're doing too much while doing very little.
Man, you jump started my UI path and after only a month I got my first gig finished today! thanks a lot, I was determined to work as a freelancer and being my own boss and you helped. Money worth spending!
I wish you could have a course solely for Framer though.
I'm going with the Bell Big DeVoe philosophy on this one. "Never trust a big butt and a smile."
Keep it simple. Keep it functional.
I was about time some one said it out loud!
This and websites that in 2024 still have a loading screen at the beginning...
@DesignCourse For months your videos went missing from my feed. And I'm Subscribed.
That's because I was not doing a good job with my thumbs and content in general. I'm back.
The same situation we encountered with early websites, where web developers wanted to showcase all their skills on every page, is happening again. Back then, we had flashing banners, running text, and countless elements crammed into every pixel. Today, the tools are far more advanced, but the approach remains the same.
Sure, it takes some skill to design and build these types of websites, but I’m not entirely sure how this fits into the world of performance- and conversion-optimized, accessible, user- and content-first websites.
Cool? Yes.
Usable? Hmm…
That said, many of these award-winning websites are primarily created to show off. They’ve achieved their goal, so, in that sense, they’ve done what they set out to do.
If I scroll my mouse and the page does anything other than move the content up the screen I press the back button. I don't want to scroll for ages just to zoom in on your product. I'm expecting the screen to move up, so don't bring things in from the side either! I fully appreciate that I am probably being an old man shouting at a cloud here.
There's over design and then there's this.
the main reason for this excessive scrolling is probably that the site was optimized for continuous scrolling on mac (vs integer wheel).
This is why I use scroll snapping on all my websites. It turns the whole thing into a vertical slide-show, which some consider boring, but at least it only takes three or four 'ticks' from the scroll wheel to get through the whole thing.
Looks like they competing in who will make as much designes/animations on the page as possible
It’s not real sense websites. It’s just a sport.
a lot of these feel like people are trying to turn landing pages into product trailers…. i wish they could just have a product trailer in video but still let the landing page be a landing page lol. i don’t have seizures but i get motion sickness easily and these trends are hell…
I dont know JS yet, but I have a question: are most of these gorgeous effects (bad UX, but impressive) hand-coded, or it is a library where the designer only applies to the site?
we are in a situation where the web is actually full screen video
Almost all web design awards sites are complete jokes. Unusable eye candy only appreciated by other over-designers.
Finally someone talk about this
UX > UI 😉
Why don't those website integrated auto scroll feature for it.
Thing with that video bg site, that doesn't scroll smoothly is 'cause the dev(s) were Mac-only, so their touchpad/magic mouse simulates accelerated/velocited scrolling, like the Lenis/Locomotive do for us - the good 'ol Windowsers :) So to me it feels more like a bit of a ignorance during the development.
Every experienced business owner knows this won't ever convert. Compare it to an old-school LP you can make in 3 hours and this artistic mumbo-jumbo will loose at least 3x in conversion rates guaranteed. So that's just art. It's beautiful, and designers know how much work it takes to make it done so we can highly appreciate the effort. But unless it's sold in galleries as art - it's 100% useless.
Show us award winnings websites gone right.
How to overdo scrolling animations
when everyone is abusing gsap, video and random effects the creativity is dead
Do you actually scroll with the middle finger? Pretty controversial technique IMO!
I didn't know there was an alternative. Maybe it's my early FPS gaming days
These websites deserve a middle finger.
I'm sure you can record a whole day of video content just shitting on Awwwards sites, really terrible junks of eye-candy (no, eye irritants) being "awarded"...
I completely disagree with most of the examples discussed. What's more, the author’s tutorials are boring and lack of creativity. Ale the time the same or similar layout. I would suggest more humility in criticizing such designs.
These sites appear to be created to showcase interesting UI. To criticize their UX seems a bit misplaced? Or maybe I'm missing something.
He's a TH-camr web designer what do you expect? He's not on that level so he's a hater instead.
I do understand where his criticism is coming from, and they are mostly valid points imo.
What is frightening however is how a lot of the viewers parrot what he said without thinking about the objective of the design, and use the criticism raised as an "own" against any visual work that isn't a cookie cutter basic template landing page with a GenAI hero and six CTA buttons.
@@tjalfeholmquist interesting UI is one thing, outright sabotaging the experience is another.
@@TheMarouuu totally, I'm just jealous. It's not like I made a course that shows how to design and implement these types of UIs/interactions.
@@DesignCourse I won't comment past this since I'm not here to hate on you, because at the end of the day I respect making money any way you can, and while your web design skills are mid in my opinion, you are undoubtedly a VERY successful TH-camr, and at the end of the day you're a more successful TH-camr than I am a web designer.
With that being said, there's no such thing as "these types of UIs/Interactions". That's a course selling tagline. Just don't be a hater my dude. Recognise when people excel in their craft and try to push the boundaries.
It all depends on your goal. Not all website have to be 100% the best UX-wise, etc.
Sometimes the "shock" or "creative" value is more valuable than a good UX. It all depends on the goals, the market, etc.
I do agree that having to scroll a hundred times is probably bad 99/100 times and it should be done better, but I think that overall this video is simplifies these topics too much.
I know you’re an awesome guy, but… speaking shitty comments towards the projects AND promoting your own courses…. It’s not good UX, bro
A lot to unpack here..
1. "speaking shitty comments", huh? I'm giving my personal opinion about some bad UI/UX practices. I'm not attacking the designers themselves.
2. "AND promoting your own courses". If people like what I have to say, perhaps they like how I teach. How is this at all bad UX/unethical/negative?
Since when did this channel become so negative lol
Since when is sharing wisdom negative? You do know that just because something exists, and you like it, doesn't make it relevant? Or were you fed entitlement to your opinion as a child?
Information like this for people who actually want to make money and be a business are gold. Because Lord knows a client will take the prettiest thing you give them then get mad months later when it's not converting.
My dude, stick to mid tutorials, you're not on that level.
bold stuff coming from a guy who doesn't use grids smh