Only Noobs Build Beautiful Websites

Поделиться
HTML-код
  • Опубликовано: 29 авг 2024

Комментарии • 491

  • @monnocatto
    @monnocatto 5 месяцев назад +274

    IMO the amazon website is not a good example of UX focused design, it's way too cluttered with messy information and it's often unclear where you will find the info you're actually looking for. Using only access counts as a metric of how good the website is can also be quite misleading, as the market presence of the brand behind the website will have a much bigger influence than the design of the website itself (as long as it is decently functional of course).
    Also I think your argument on "content is king" is kinda mixing the responsibilities a little bit. "Displaying" content in a clear, useful and user-friendly manner is the designer's responsibility, "having" content is not, it depends on what the company has to offer. Just take the craigslist example, sure it may get a lot of daily accesses, while being very ugly, but that is because the "service" behind the website is popular and widely used, it doesn't mean that the website is the best it could be. A company's website can play a large role on establishing the brand image, an ugly website will not help with that, in fact it might even make the company seem sketchy. Overall I do agree with your argument that user experience is much more important than anything else in a website, but I wouldn't say that looking good does not matter at all. For example, craigslist does have pages for the region I live, but there's barely anything in them. Why? Because here we have other similar services, with better advertising, better branding and better looking websites, which don't lose at all in functionality. It's all a game of knowing what to focus on where. UX will always be first, but don't neglect UI entirely.
    Also friendly edit just to say these are all simple suggestions, don't mean to sound like an angry criticist '^^

    • @whosajid
      @whosajid  5 месяцев назад +15

      Oh wow. Thanks for adding this. I missed a lot of points in this video.

    • @Trendi_Vibes
      @Trendi_Vibes 3 месяца назад +10

      ​@whosajid but bro, as you talked, I am still with you are right more beautiful website takes more time to load and it is way complex to make it responsive

    • @cmdaltctr
      @cmdaltctr 3 месяца назад +11

      yes, but I think they did they investigation and research, with metrics and analytics and study of visitor interaction, the website serves to serve millions of types of customers/visitors. It works for everyone - that's the key. Its like wearing a custom designed clothes and general designed clothes, both do its job. But the latter fit most of us and sells more.

    • @Trendi_Vibes
      @Trendi_Vibes 3 месяца назад

      @@cmdaltctr that's the correct 👌

    • @monnocatto
      @monnocatto 3 месяца назад +6

      @@cmdaltctr yet the general designed clothes are still designed to be pleasing to the eye. no one likes to wear a trashbag

  • @unadventurer_
    @unadventurer_ 5 месяцев назад +256

    I've been a designer for many years. Worked as freelance and in agencies, and this video touches on so many incredibly important points and straight up facts that newer designers should understand sooner than later.
    Function over form.
    Really really great video, dude.

    • @whosajid
      @whosajid  5 месяцев назад +4

      Thanks dude :)

    • @wlatol6512
      @wlatol6512 5 месяцев назад +5

      I guess many websites listed in the beginning of the video get many visitors not for being ugly but functional but due to the fact that companies behind them are popular and maybe don't have alternatives at all. If your service is already old and trusted then I think you will get your visitors even with a less beautiful website, but think about it that way - if a company decides to get their website a beautiful update while keeping or increasing user experience level then the only bad thing that may happen is company spending more money for the website development. But in my opinion the main purpose of art as a whole and design specifically is to make USER experience better. I get the whole beautiful != comfortable but it doesn't mean that a web page couldn't have a great look and still be very comfortable to use and serve it's purpose. (The thing is just that I find the websites in the beginning of the video not beautiful, ugly even and to me specifically they are not that functional either.)

    • @whosajid
      @whosajid  5 месяцев назад

      @@wlatol6512 True

  • @blockshift758
    @blockshift758 5 месяцев назад +158

    >Finds the ugliest website ever
    >Find out the entirety of internet will disappear if the website disappear.

    • @whosajid
      @whosajid  5 месяцев назад +15

      lol

    • @plumpus1634
      @plumpus1634 3 месяца назад +3

      Why would the entire internet disappear if a website disappears? Am I missing something or did you just accidentally swapped the words

    • @legendrags
      @legendrags 3 месяца назад +13

      @@plumpus1634 youre just missing something

    • @plumpus1634
      @plumpus1634 3 месяца назад

      @@legendrags Read his comment, he literally says the the internet would disappear IF his website disappears. Clearly he swapped them

    • @legendrags
      @legendrags 3 месяца назад

      @@plumpus1634 he never said IF "HIS" website disappears. there are some websites that are needed. without them there aint much internet

  • @user-ul5ly8eq6z
    @user-ul5ly8eq6z 5 месяцев назад +459

    Bro, the websites you showcased are functional websites where people visit it to use, and they are just flat designs and the design decisions are made for that purpose only. The award winning websites are built to showcase their works, or about a brand(their focus is to impress users why to chose their brand), or explain a story or information in a visually stunning manner, or creating more inspirational ideas, passion projects that can make way for the future Web 4.0. I am too not a professional developer, but I am an UX designer and I know where to make what kind of designs. So both Flat designs and More flashy designs have different purposes and they have to be used only for those scenarios only and please don't mock award winning website designers or developers for that.

    • @whosajid
      @whosajid  5 месяцев назад +129

      I am sorry, but my intentions are not to mock anyone. The video is for new devs who got caught up in the trap of dribble and Instagram. I know product websites are simpler and brand/landing page designs are flashy.
      I absolutely agree with you that design for the purpose. I truly believe in the theory of "Form follows Function". At the end of the video I clarified that if you are a pro dev/designer you can create something extraordinary.
      Thanks for your constructive feedback. I will try to do better next time.

    • @russianotter
      @russianotter 5 месяцев назад +52

      ... am I stupid or is this not exactly what he's saying in the video?

    • @alfrazahmed8062
      @alfrazahmed8062 5 месяцев назад +30

      @@russianotter you're not stupid, this is indeed what the video is saying.

    • @violettracey
      @violettracey Месяц назад

      Thanks!

    • @ofibao8212
      @ofibao8212 Месяц назад +2

      Some people sure know how to be dense, huh?

  • @niwashlarc4599
    @niwashlarc4599 17 дней назад +38

    This video gives out the wrong message. The point you're trying to make is that "UI" shots in Dribbble designs look cool but functionally impractical. But what ends up conveying here is that good looking designs are a sin. And the examples you've shown here are websites that have existed for years if not decades. And these websites like Indian Railways are actually used cuz there is no other alternative. If I want to book a ticket to travel in a train, I must use indian railways even if its shit. These sites are used for so many years that even a minor design revamp can cause huge uproar cuz users are so used to that style of design for years and they are not ready to learn a new usage pattern. But showing these as examples and creating a new product with those same old ugly UI will cause more problems for the business. No user would be ready to use a new product that looks like its straight out of 90s with no CSS.

    • @whosajid
      @whosajid  17 дней назад +3

      I agree, should have done a better job. Never thought that anyone would watch me rant.

    • @kornflakesss
      @kornflakesss 5 дней назад +1

      ​@@whosajid lol what 😂

    • @3_smh_3
      @3_smh_3 4 дня назад +2

      > And these websites like Indian Railways are actually used cuz there is no other alternative. If I want to book a ticket to travel in a train, I must use indian railways even if its shit.
      It's shit not because of how it conveys needed information. Indian sites disable a lot of browser features which make them shit.
      Besides, a lot of examples shown here have done slow changes over the years. Stop blaming users. Users are quite adept at adapting to new designs unless you majorly reshuffle the UI components. Like putting a logout button on the top-left because your artistic vision called for it.

    • @JohnSmith-op7ls
      @JohnSmith-op7ls День назад +1

      Good looking designs for the sake of looking good are a sin, and the more beautiful a site looks to the average person, the worse it probably is in terms of functionality and making money.
      Good design gets out of the way, it’s not there to be stared at and admired, that’s what art is for. Yes, you can combine some level of art but the more you do, the less it’s about function.
      And yes, designers will stare and admire good design, but that’s not the purpose of the function, just a subjective perspective outside of that.
      So when people say good design is beautiful, they’re looking at it from the perspective of a designer admiring the end result, not the perspective of a customer having a hassle free buying experience, or a user being able to get complex things done easily, or a business making more money.

    • @warrenarnoldmusic
      @warrenarnoldmusic День назад

      ​@@JohnSmith-op7lsdesign is art wth yall talking about, otherwise why are all websites not black and white or same colour. It is all art that brings identity, the trick is to balance art and functionality thats the desl

  • @heroniite
    @heroniite 16 дней назад +18

    This video is seriously lacking in good takes. I'd argue that websites with visually stunning designs, including animations, transitions, and an overall interactive experience, are far more likely to attract repeat visitors who actually use them. The examples you showcased are from brands that have dominated the market for years, with massive, loyal customer bases that aren't reflective of the broader landscape. A well-designed site can be both beautiful and easy to use, striking a perfect balance between aesthetics and functionality. It's worth noting how often people prefer working with visually appealing websites, even when their backends and functionality are subpar, rather than dealing with ugly, cluttered sites that are 50 times more functional.

    • @whosajid
      @whosajid  16 дней назад +4

      Yeah I agree. I should have been more obvious that it's not beautiful, it's "beautiful". You know the crisp and mouth watering designs we see on dribble. On a stunning mockup, with no consideration for end users. They just exist as Art.

  • @jawad_youtube
    @jawad_youtube 5 дней назад +6

    As a new dev I was struggling with my web design skills. This video gave me the confidence that I don't need to design something too fancy, I just need to design simple, user-friendly, functional websites.

  • @Captain.Mystic
    @Captain.Mystic 5 месяцев назад +74

    Id be fine with beautiful or functional websites if they used more colors than white, black, "like this" red, "do this" blue, "buy now" green, and whatever their increasingly corporatized logos color is as their ENTIRE color pallette.

    • @whosajid
      @whosajid  5 месяцев назад +10

      so true, lol

    • @monsieurLDN
      @monsieurLDN 9 дней назад

      Is there another option? I have a black and broken white color pallet

    • @GotMyTowel42
      @GotMyTowel42 2 дня назад

      @@monsieurLDNjust use more colours

    • @JohnSmith-op7ls
      @JohnSmith-op7ls День назад +1

      Because businesses exist to make money, not impress random people with how colorful of a site they can make. If you want art, go look at art.
      It’s like complaining that farm equipment isn’t more colorful and beautiful, it’s not made for that.

    • @Captain.Mystic
      @Captain.Mystic День назад

      @@JohnSmith-op7ls Farm equipment is beautiful and id be fine if websites were treated more like farm equipment too instead of soulless husks.
      If theyre going to take half a gigabytes worth of code and advertizements out of my bandwidth,slow my computer to a crawl, steal my data, sell me subscription services, and make it as hard as possible to actually interact with the data by filling the site with everything BUT the shit i want to see, whenever i feel like opening the news that day, then they could at least be more creative about it. If not, they can either deal with a half decent css file, turning the website into a tool rather than a marketing platform, and cut 90% of their design budget or deal with the fact i have adblock, rss, scrapers, and custom css without trying to ban me from every site for having them enabled, before then proceeding to try and sell me back the functionality they took away.
      Calling these focus tested pieces of garbage designed to sell you the idea of "accessibility" the same as an actually functional tool or plugin, let alone industrial equipment is a joke.

  • @goksshn5046
    @goksshn5046 5 месяцев назад +69

    this will be medical for some frontend developers without designing skills, like me

    • @whosajid
      @whosajid  5 месяцев назад +4

      Thanks a lot

    • @aberba
      @aberba 27 дней назад +3

      It's not about design skills, it's about not making websites like artwork without looking at it from a UX perspective. All the best designing a crappy site. The top sites are well designed, they're just not artwork. "Beautiful" is an imprecise word

    • @entx8491
      @entx8491 25 дней назад +1

      Wat? That makes no sense. I'll stop watching this now, it's not for me.

    • @qualiside
      @qualiside 8 дней назад

      ​@@entx8491 Cringe

    • @JohnSmith-op7ls
      @JohnSmith-op7ls День назад

      Medicinal

  • @nathanlamaire
    @nathanlamaire День назад +1

    There's also one point to mention. Beautiful and flashy websites are maintenance nightmare. Unless the effects are simple enough to perform modularly, making all cohesive flashy animations and layouts only adds extra lines of possibly confusing codebase that will become impossible to organise. It can also break your website if you don't integrate it with forwards/backwards compatibility in mind. Turning off JavaScript will tell you right away of how broken most websites can be.

  • @Its-InderjeetSinghGill
    @Its-InderjeetSinghGill 19 часов назад +1

    Bro you opened my eyes, even though I am not a frontend dev but when I see those dribble designs, I started thinking that way which is completely wrong and impractical.

  • @rumble1925
    @rumble1925 День назад +2

    Working with junior designers is painful due to this. Every interaction is so ”big”, solutions to ux problems are convoluted.

  • @macksnotcool
    @macksnotcool 2 месяца назад +8

    I'd argue that large companies hire people who design boring websites because they see boring websites as more common and therefore more profitable.

  • @outlawsyl
    @outlawsyl 21 день назад +4

    To be fair there are a LOT of websites that are ugly and non functional, more than there are websites that are beautiful and non functional. I wouldn't define "ugly" as "minimalistic" though, usually those websites have weird artistic details that are just non untuitive, like big jpg images used as main buttons to sub-pages. I think optimization is the most important for good traffic, and that includes accessibility, things like translation, readable colors even to colorblind people, maybe even blind/deaf accessiblity

  • @VulpesAllium
    @VulpesAllium День назад +1

    Usually the sites with stylish UI are more inconvenient... especially the ones where rectangles have rounded corners and a combination of dark greys and pastel-colored highlights.

  • @nustaniel
    @nustaniel Месяц назад +10

    RUclips is a beautiful website. It's well laid out. It has nice little animations. Google has a beautiful simple website. The search bar looks nice and inviting. It's polished. Netflix is a beautiful website. As is HBO's Max website. You can make a beautiful website that is still functional. Simplistic design is also beautiful. But.. these are also established sites to be fair. They weren't that beautiful once upon a time. Look at how RUclips once looked.
    And there's obvious contrarian websites to your claim that functionality is all that matters. Amazon has an awful user experience design, it is cluttered and cumbersome to navigate, but they're a massive company because it has been around since the times when the web was overall a much more ugly and cluttered place, since users are used to it, don't go around changing what isn't broken - that'll only upset your massive user base (like every RUclips redesign ever). I also think Facebook is pretty ugly, but it too has been around for so long that it doesn't matter. The users are already on the service, and since everyone else is, that's where your parents are going to go and sign up too, and not some new startup that looks nicer, even if they were a superior service in terms of user privacy and features. Think about it; How do you dethrone a website with 3 billion users? The top sites are at the top because they've been around for so long that it no longer matters if they are easy to navigate or on the eye. They already have the users. This applies to Craigslist too btw. It went up in 1995 if I recall right. A year before a very basic first implementation of CSS was there to style elements with.
    I do think functionality is the main thing to strive for and what should be the main focus of your design. Absolutely, that is very well said in the video. Is your site easy to navigate. Is it simple enough to not be distracting? Is your eyes drawn to the right locations without needing to seek to find what you are after? How much of an impact does beautifying it have on the user's time spent moving around the site. A ton of animations is only going to become annoying if you want to get from A to B on a site to do something, especially when they are longer than at most 0.3s.
    Still, we can have beautiful design as well as functionality. And to say you can't make a responsive beautiful website that looks good not only on your PC but also on your smartphone is a bit silly. That's perfectly doable. It's absolutely not impossible nor that overly complicated if you keep it in mind during your design phase. And you can absolutely optimize a beautiful website to not take long to load. What are you even on about. A bad developer might not optimize, but a good one will. How long does Netflix take to load for you? How about RUclips? Think about all the graphics these sites are serving you at any given time. Icons, thumbnails, user profile images, video, etc. These sites are relatively well optimized to load on your devices quickly.
    ___
    Btw. recommending fonts without even mentioning that you either will have to embed them by serving them from your domain or rely on third-party sites like Google to push them into your page is a bit of an oversight. You can't expect the users to have those fonts installed on their system. If you want to be safe and not deal with embedding or importing a font from a third-party service, "Arial, sans-serif" is one of the safer combinations.
    Your color section is also fundamentally missing the point of using color to draw attention to certain things. Look at what Netflix is coloring in their brand red. Sign In. Get Started. Your Plan Trip button isn't standing out. It's lost in the rest of the design. It all looks washed out and there's nothing that makes my eyes lock in on important elements that you want the user to engage with. You'll want to make sure calls to action, such as Plan Trip is immediately standing out.

    • @whosajid
      @whosajid  28 дней назад +2

      Great points that I certainly missed.
      Btw it's not beautiful it's "beautiful", you know the designs we see on dribble. Check the beginning of the video.

  • @awabqureshi814
    @awabqureshi814 5 месяцев назад +11

    You really compiled all the things I learnt on my first front-end job into one video. This is great for new devs!

    • @whosajid
      @whosajid  5 месяцев назад +1

      Great to hear!

  • @ToluDare.
    @ToluDare. 23 дня назад +13

    no, I HATE THE AMAZON WEBSITE!!! idk if im the first to say it but it sucks. Its too wordy and feels like im still in the 2000s. I find it complicated and just disappointing but yh i get what you mean in functionality but still....

  • @Madiane03
    @Madiane03 5 месяцев назад +78

    damn i watched that whole video in full screen and assumed the whole time that it was a at least 30k subscribers design youtuber and i scroll down only to see "996 view", damn ! you are amazing

    • @whosajid
      @whosajid  5 месяцев назад +9

      Thanks for watching, and putting a smile on my face ❤️.

    • @sayyidsanjidlalukk6556
      @sayyidsanjidlalukk6556 5 месяцев назад +4

      This comment hit me hard. I expected a lot more visibility too. @whosajid Nicw work man.

    • @whosajid
      @whosajid  5 месяцев назад +1

      Thanks@@sayyidsanjidlalukk6556

    • @siteantipas6837
      @siteantipas6837 11 дней назад

      Now it's at 76k views, and I have been super inspired.

  • @magnusm4
    @magnusm4 5 месяцев назад +22

    It's funny how modern and professional design platforms are characterized by simple shapes and single basic colors.
    Windows XP had the shaded curved logo design and lower activity board.
    Today it's a single color with a simple 2D shape and no drawn shader or anything.
    Everything has become flat. Somehow that's professional and the modern trend of design for everyone to follow.

    • @whosajid
      @whosajid  5 месяцев назад +1

      Yeah, but the user experience has gone up. I mean, it's easier to use modern apps and websites compare to the Websites from the 2000s.

    • @Fasteroid
      @Fasteroid 5 месяцев назад +10

      I would argue since Windows 7, UX has gotten worse. Modern UI philosophy in Windows 10 and onwards has been to make everything bigger and reduce the amount of information on screen. This leads to important settings being hidden away in layer after layer of submenus, making it even harder for the average user to stumble upon them.

    • @whosajid
      @whosajid  5 месяцев назад +3

      @@Fasteroid yeah, that's a fair point. Windows 10 UI is not that user friendly. Everything is hidden in layers upon layers.

    • @TunaIRL
      @TunaIRL 5 месяцев назад +2

      ​@@FasteroidThe new search basically solves all of that

    • @designator7402
      @designator7402 5 месяцев назад +3

      ​@@TunaIRL When it works, which it often doesn't. Typing in the exact name of an app only for the search bar to default to searching for it on bing, then having to delete half of the word for it to refresh and find the actual file I want is something that happens to me almost daily.

  • @t.t.o.p
    @t.t.o.p 9 дней назад +3

    the best video I've seen in my life about design, and "design is not art" was like a punch in the stomach

  • @denisdeseneaza1724
    @denisdeseneaza1724 5 месяцев назад +25

    1:35 why is the hub higher than Twitter 😭

    • @whosajid
      @whosajid  5 месяцев назад +6

      Hahah

    • @user-nx9gw9ej7l
      @user-nx9gw9ej7l 5 месяцев назад +6

      It's much more useful.

    • @harsh_g2543
      @harsh_g2543 3 месяца назад

      @@user-nx9gw9ej7l 😏

    • @soumen_pradhan
      @soumen_pradhan 29 дней назад

      ​@@user-nx9gw9ej7lTwitter is catching up, though.

    • @GregorianMG
      @GregorianMG 21 день назад +1

      The hub provides an excellent services, probably lol.

  • @t.t.o.p
    @t.t.o.p 9 дней назад +2

    number 8 best website in the world 00:45

    • @l-....-l
      @l-....-l 9 дней назад

      look at the number 4 best website in the world too😂

  • @jomo2483
    @jomo2483 2 дня назад +1

    Beautiful design is intentional design. Without too much fluff. Flowers are colorful for a reason. Male birds have beautiful plummage for a reason.

  • @afriendlyfox
    @afriendlyfox Месяц назад +2

    Through the entirety of this video, I was baffled by you insisting that simple/usable and beautiful are opposites. They are the same thing to me. I am a programmer, not a designer, but I do need to make a portfolio website and the first thing I needed design for is to make it readable and navigable.
    That's what beautiful design is, not all of this animating mess that I see on every other website nowadays.

    • @whosajid
      @whosajid  Месяц назад

      Yeah, I was saying beautiful in quotes. Like the designs on dribble. Love your perspective.

  • @tegathemenace
    @tegathemenace 4 месяца назад +7

    Great point. But these are mostly established brands that people would go through hoops to patronize.
    Being visually daring as a startup isn't that bad a wager

    • @whosajid
      @whosajid  4 месяца назад

      100%

    • @yyyd6559
      @yyyd6559 3 месяца назад

      As a startup you want to ship fast

  • @karthiksandiri2476
    @karthiksandiri2476 5 месяцев назад +10

    hello @Sajid You just drew a solid THICK LINE between content-visual websites and more functional websites, this video is very beneficial for those who are stepping in as new developers and designers, most of the beginners and mid-level developers and designers are getting confused because of these thin lines between 2 category websites, now you clear very extraordinary way. thanks, mate. ☕🍻

  • @033_subhodiproy3
    @033_subhodiproy3 8 дней назад +2

    Joke of the year: Beautiful websites don't respond to various screen sizes

    • @AGI-Bingo
      @AGI-Bingo День назад

      Damn how is this still an issue, are we really in the 2020s ??!

  • @MrStrangerr2002
    @MrStrangerr2002 5 месяцев назад +5

    Most practical website design tips shared under 20 min, Thank you!

    • @whosajid
      @whosajid  5 месяцев назад

      Cheers mate !

  • @miteshbhagwant4615
    @miteshbhagwant4615 2 дня назад +2

    Loved this video, amazing content Sajid.

  • @akza0729
    @akza0729 6 дней назад

    The reason their design is simple is often there's no better alternative. For example Indian Railways, Amazon and all. There aren't any better alternatives.
    Design is art. It's an art that makes users comfortable and feel friendly towards using a product on their own terms rather than making them feel overwhelmed by excessive information and confusing the overall engagement to retain the user for more ad revenue by holding the service as a hostage.

  • @ChristopherJohnson-ID
    @ChristopherJohnson-ID 7 дней назад +1

    I think the first mistake of the "beautiful" design aesthetic is its visual/sensory bias. It prioritizes wonder and "delight" (overused marketing word) and mostly ignores information architecture, functionality, and user experience. An effective design shouldn't draw attention to itself, it should just work. When it does, a different, more authentic beauty can emerge, putting users in "the zone." But I think that there's a place for these beautiful, impractical creations: they open our eyes to new possibilities. It's kind of like the relationship between haute couture and the retail clothing industry. Haute couture dreams and pushes boundaries, while retail is all about moving inventory.

  • @everybot-it
    @everybot-it День назад +1

    this hit hard.... can't say I agree 100%. But definitely 90% (slight overgeneralizations). Good rare example of inconvenient truth that challenges, and changes my mind.

  • @Adam_Hassini_01
    @Adam_Hassini_01 5 месяцев назад +9

    Great video thanks!
    I believe complex and fancy website designs are most suitable for portfolios, magazines, and studios where visuals are key and the goal is to impress visitors. However, for service-oriented or content-focused websites, simplicity is key for clarity and effectiveness.

    • @whosajid
      @whosajid  5 месяцев назад +3

      You said it man.

  • @ugashanth3897
    @ugashanth3897 2 дня назад +1

    Such a great video. this video is like a mini course for web and mobile design, so much valuable points are given on designing usable products. Now I can share this video to the clients who're expecting their product to be designed similar to the screenshots on dribbble. Thank you again for such valuable content

  • @yoyobrohello181
    @yoyobrohello181 5 дней назад +2

    The best video on design i have seen . Love your content . I got addicted to it

  • @uracline-techspace312
    @uracline-techspace312 5 месяцев назад +2

    as a web developer who don't really know much about design, I think I have learnt a lot in this video alone💯💯

    • @whosajid
      @whosajid  5 месяцев назад

      Glad to hear that!

  • @minditbest8609
    @minditbest8609 5 месяцев назад +2

    this is a great video, I am always biased towards crazy designs because of my art hobby but you give me a new perspective to see my profession.

    • @whosajid
      @whosajid  5 месяцев назад +1

      UX above everything

  • @reecenward
    @reecenward 5 месяцев назад +8

    how tf do you only have 58 subscribers (now 59 XD ) this is amazing!!!!!!!!

    • @whosajid
      @whosajid  5 месяцев назад

      Thanks a lot:)

    • @qu_entin
      @qu_entin 3 месяца назад +1

      Just discovered this channel and I am probably subscriber #5041 :)

  • @iJuniChiro
    @iJuniChiro 10 дней назад +1

    You can build good-looking websites as long as you keep the product objective, functions and user experience in mind. First the functionality and then the aesthetic.

  • @DemystifyingDesign
    @DemystifyingDesign 5 месяцев назад +1

    Been thinking about this idea for a while, your video encapsulates my thoughts on the topic quite well! Although most of the flashy designs are just agencies trying to flex for clients, the true value in design comes from it's ability to make another human's life just a little bit easier.

    • @whosajid
      @whosajid  5 месяцев назад +1

      Well said!

  • @prasad2897
    @prasad2897 21 день назад +1

    This was a really helpful and informative video and I agree with all the points you made except the last one where you said Ask the customer if they want a website, this is fundamentally a wrong choice to make as a UX researcher during the research phase, You should ask them their problem and their expectations but never ask what kind of product they want. Let me explain why by a example, let's say I'm making a messaging and gaming social media app ( discord ) the majority of users might say they want a native desktop application as what gamers really like, but this would be infeasible as you have to make the mobile and webapps as well for the people who don't want to download it. Making a web app and then porting it to a native app solves all the problems that might have showed if you started by coding a native app itself then having to recode the same app for websites. I think another better example would be the case of Adobe apps, People really love native apps for designing and we are hating the shift from local to cloud and web based apps for this software. Here the consumers will clearly want native app ( as it's faster, more private and runs offline ) but the business model is clearly making a lot of money on web model ( Since you can't distribute pirated software as it's cloud based ). There are many many reason why you should never ask customers what they want and I listed a couple of them, Hope that helps

    • @whosajid
      @whosajid  21 день назад +1

      I was not talking about these technical decisions. I am saying, maybe your audience doesn't even need that app in the first place. If there is not a strong need for your website/app, don't build it.

  • @t.mollov566
    @t.mollov566 3 месяца назад +2

    probably one of the most underrated videos out there! amazing video!

  • @FireyDeath4
    @FireyDeath4 3 месяца назад +2

    I'm a noob and I don't even know how to build a beautiful website LOL
    Problem is, website and UI layout is also something I find really hard, especially since pretty much my only experience in it was making a few documents, a bunch of Scratch games, a few pages that don't need a lot of it, and Obliskate (which doesn't even function adequately yet)
    Also I think you're just naysaying responsive beauty :P
    I'm sure it can be pulled off if someone is artistic and considerate enough

    • @whosajid
      @whosajid  3 месяца назад

      Building a beautiful Website possible?
      Marketing/landing pages sure. A complex and functional web app, highly doubt it.

  • @exgeeinteractive
    @exgeeinteractive Месяц назад +1

    Form should always follow function. You can design for aesthetics, but only after you've laid out the structure and foundation. Then there's the issue of usability, accessibility, etc. Balancing everything out takes years of experience and knowledge.
    Sure, there are a lot of pretty looking websites, but they're mostly geared towards a niche audience and customers.
    Study or invest time in learning UX, (even if you're focused on UI) it might save you headaches along the road and make your design approach more extensive and meaningful. Don't do something because it looks nice, do it because it serves a purpose or solve a user need. If your client doesn't approve a section in your design, set your ego aside, and revisit user research and data. Rinse, repeat.
    This has been eye opening to me years ago before stepping into UX. One day, I've visited websites of product and UX designers and was amazed on how much usable and user-centric their designs were. The designs were literally so easy to use and navigate.
    Luckily for me, I was able to set aside my bias and ego and never looked back since then.

    • @whosajid
      @whosajid  Месяц назад

      I can tell, you know what you are doing. Very insightful!

  • @mathavan7209
    @mathavan7209 9 дней назад +1

    -Bro but as a new designer I need skills on designing good looking websites, after that when I get into the company i will learn about these
    -But actually you are spitting facts, anyways freshers should learn to design a beautiful website to develop their own knowledge and skills.
    -thanks for sharing these information.

    • @whosajid
      @whosajid  9 дней назад

      As a new designer you should be focused on design principles, right.

    • @mathavan7209
      @mathavan7209 9 дней назад

      @@whosajid yes bro

  • @nuggets5787
    @nuggets5787 2 месяца назад +1

    I saw this video in the past and I saved it. For days I have been looking for where I saved video. I am glad I found it again!

  • @nefariousquotes
    @nefariousquotes 5 месяцев назад +14

    Functionality = true beauty

    • @whosajid
      @whosajid  5 месяцев назад +2

      Yeah functional and user friendly

  • @antonchigurh4125
    @antonchigurh4125 4 месяца назад +3

    This was insanely informative! Subbed.

    • @whosajid
      @whosajid  4 месяца назад

      Glad you enjoyed!

  • @Mr.BinarySniper
    @Mr.BinarySniper 9 часов назад +1

    Design does matter. but I hate over designing thats you mentioned as "Beautiful"

  • @MoinkAndKilo
    @MoinkAndKilo 11 дней назад +1

    This was exactly what I needed to hear, I can't explain how perfect this was for me.

  • @user-uz9me3nb6n
    @user-uz9me3nb6n 21 день назад +1

    I just wanna confirm to fellow devs that this video is 100% valid, i know that because im both a front end dev and a UX/UI designer. For many years i tried to chase beautiful websites only to end up with a non-functional website that ends it up in the trash bin. leave the out of galaxy animations and design for branding on Dribbble or Behance (just the design, not to code it). for web apps to generate traffic and income you will need to drop all of that

  • @Choose1or2_
    @Choose1or2_ 5 месяцев назад +1

    The words you said are totally correct. Here i found you the best ever content creator on youtube with purity ...

    • @whosajid
      @whosajid  5 месяцев назад

      Oh wow, thanks!

  • @widny31
    @widny31 5 месяцев назад +1

    sometimes youtube decides to show me such useful and fun to watch bangers like this. Simple and very informational

  • @mkevincodes
    @mkevincodes Месяц назад +2

    Bro, I gotta re-watch this until I understand perfectly everything that you said, this is a very good Wallah. +1 subscriber

  • @vedqiibyol
    @vedqiibyol 18 дней назад +1

    I think you argument could rather be summed in: Efficiency > Ergonomics > Beauty

  • @christianwhite6980
    @christianwhite6980 28 дней назад +1

    I really appreciated this youtube video. I've learnt a lot and gained some value from it. I look forward to seeing more content like this.

  • @GOD_HAND_GAMING
    @GOD_HAND_GAMING 5 месяцев назад +5

    this video is absolute fantastic... hats off!!!

    • @whosajid
      @whosajid  5 месяцев назад

      Thanks 😊

  • @saadsohail4690
    @saadsohail4690 2 месяца назад +1

    As always Sajid bhai banger of a vid, with to the point and concise info. Can't begin to explain how much your channel has helped in making me a better web dev

  • @cristeen
    @cristeen 5 месяцев назад +2

    Thanks for this video, loved it. And I would like to request the 'divisible by 4 rule' video please. 😁

    • @whosajid
      @whosajid  5 месяцев назад

      I am glad you liked the video. I will try to make a video that digs deeper into the "divisible by 4 rule". However, it's pretty common in the industry. If you wanna go down a rabbi thole, Search "4 pt grid system".

  • @yahyashafqat7352
    @yahyashafqat7352 5 месяцев назад +2

    I guess a distinction between beautiful and artsy needs to be made. Just because a website is beautiful doesn't mean it's not easy to use. I do agree, most of these "beautiful" websites are terrible for ux. I as a user dont even know what to do. But if done right, it can be the best experience there is. I feel like hitting the the right balance is difficult, but not impossible

    • @whosajid
      @whosajid  5 месяцев назад +2

      Indeed. But check the start of the video where I showed what I mean by "beautiful". Newcomers often take inspiration from dribble. And we all know what those designs will do if implemented.

  • @codesaif8075
    @codesaif8075 27 дней назад +1

    Amazed with the video you took out me from design trap thank you now i can work without much worrying about the frontned. Please make these types of videos these are the vidoes no one is making

  • @honkhonkv2236
    @honkhonkv2236 3 месяца назад +1

    Very nice video! Also if you're a noob at design, like me, you can try to recreate the design offered by "frontend mentor challenges", some are free some aren't but you don't really need the figma anyway, i made a lot of the paid ones just by looking at the screenshots!

  • @nuaphonkmetal
    @nuaphonkmetal Месяц назад +1

    imagine if a new woo commerce website had Amazon's layout. I don't think it would do very well. Amazon has a big brand image, so they can get away with bad design. Smaller brands have to make up for that with good ui. Keeping things straight forward and accessable is important while also keeping the design simple. Now, that's what creates a good user experience.

  • @markmusili2624
    @markmusili2624 3 дня назад +1

    I'm not even done with the vedio and I've learnt very important things

  • @SheeceGardazi
    @SheeceGardazi 2 дня назад +1

    I learn something new each time i watch this

  • @ABNS_
    @ABNS_ 20 часов назад +1

    You saved my life bro.. thanks ♥

  • @RudraMalvankar
    @RudraMalvankar 5 месяцев назад +1

    Bro Best Knowledge Provided - A good Design websites are good but the thing with functional websites are they are made faster and deployed to the market quicker to than those with more design which require more time , Amazing Video

    • @whosajid
      @whosajid  5 месяцев назад

      Yes, definitely

  • @aminansar5294
    @aminansar5294 3 месяца назад +1

    I think the sites you are talking about work more like webapps or apps, and for these types, obviously your point is correct. But when it comes to designing landing pages, you do need to make them interesting and aesthetically pleasing.

  • @headexplode2741
    @headexplode2741 Месяц назад +2

    This is such an amazing video. All useful information in one video with no filler information. I always had trouble visualizing while building a page from scratch without designers' help. As a frontend developer my mind just expanded and now I can make design decisions while building my projects. Keep up the good work and keep making videos like this.

  • @oussaBay
    @oussaBay 3 месяца назад +1

    this chanel is the discovery of the year for me , keep up the good work

  • @electrolyteorb
    @electrolyteorb 5 месяцев назад +2

    Agreed Word for word
    Ps: any new designer should try Refactoring UI by Steve Schoger and Adam Wathan (Tailwind guys)

    • @whosajid
      @whosajid  5 месяцев назад

      Great suggestion 👍

  • @davidanieland
    @davidanieland 5 месяцев назад +1

    The core observations are still really important, but there’s an essential distinction between sites that facilitate an opportunity for beautiful design and those which are primarily providing a function. Most of the top sites in the world function in-and-of-themselves as the product that the service provides. A site can focus more on aesthetic when its purpose is to promote and spread awareness about the company, product, or offering that is not directly provided by the website itself. It also means it’s not a site that’s meant to be a reoccurring destination like Amazon, Google, RUclips, etc. I also noticed you didn’t mention the presence of adult content sites and the fact that they have the most page visits as well as the lowest bounce rates. The conversation isn’t about the fact that they have better functionality than Google or Amazon. It’s about the site itself providing the service and experience that fulfills the visitor’s “needs.”

    • @whosajid
      @whosajid  5 месяцев назад +1

      Very thoughtful. And I agree that content websites are a bit beautiful than product websites.
      I didn't exclusively mention adult content sites, as regular businesses and devs are not going to build a site in that category. However, I did mention the most important pillar of a website -Content. The USP if you will.

  • @ToluDare.
    @ToluDare. 23 дня назад

    ahh thanks!! CRUSHED my dream of becoming a web designer in 18 Minutes😍😍

  • @auguststas7770
    @auguststas7770 3 месяца назад +2

    Soo quality content, If i speed it up, its like knowledge verrryyyyy fast.

  • @mustafatahir1448
    @mustafatahir1448 22 дня назад

    Just checked Shein's website and you were right it looked hideous but it served its purpose. How can web design clients understand this? "They just want their website to POP"

    • @whosajid
      @whosajid  22 дня назад

      Talk their language: Money. Explain why this will not work for their r users → less engagement → less revenue

  • @Aclipsiya
    @Aclipsiya 5 месяцев назад +1

    I am not even from software background but i watched this video , the storytelling was wonderful

    • @whosajid
      @whosajid  5 месяцев назад

      Wow, didn't expect this. Thanks a lot:)

  • @eopbooksummaries4677
    @eopbooksummaries4677 3 дня назад +1

    Thank you so much for this video. It's a game changer

  • @xq7564
    @xq7564 Месяц назад +1

    Damn, I never really comment on videos but your videos made me do it. I am currently a student and your videos literally taught me more things than my teachers did for a whole year lol.

  • @dgundz
    @dgundz 5 месяцев назад +1

    yaw you are right i have been working on a website for a month and when i tried it on mobile it was completely broken and this is my first time working on a web project .

    • @whosajid
      @whosajid  5 месяцев назад +1

      Now you know:) Best of luck with your website.

    • @dgundz
      @dgundz 5 месяцев назад +1

      thank you bro @@whosajid

  • @dukkcc2
    @dukkcc2 4 месяца назад +2

    what if you keep the entire layout of a website (like youtube) then just apply a different design style, so it's still the same but just looks a bit better

    • @whosajid
      @whosajid  4 месяца назад

      Interesting idea. You should create one and share it. Could be a fun experience.

  • @sdtqwe4ty7742
    @sdtqwe4ty7742 22 часа назад

    In the 90s we had websites just as beautiful via flash. And flash itself was considered sluggish and bloated. But any fifty dollar prepaid smartphones today struggle to run them?
    How's that possible? Browser's are so insanely slow.
    GameCube rendered millions of polygon's 60hz but a simple interactive website with images struggles to run. I was so insanely embarrassed when Brave used to have a timer on the address bar Cutting the bloat of ad trackers. If I understand correctly ad trackers means your essentially loading 30 different websites in one. Now that makes more sense.
    But the Brave browser was blocking them... and the fact that you noticed , usually a webpage of simple image and text loading 🤦‍♀️

  • @titangaming600
    @titangaming600 19 дней назад

    I only started not noticing how beautiful websites like yt and google are after trying my own

  • @shanzayaziz2131
    @shanzayaziz2131 Месяц назад +2

    RUclips recommended your video, and it's the best thing this platform has done.
    Your videos are awesome and are really helpful for people like me who are no designers. They're filled with valuable and actionable tips and tools.
    Keep doing the amazing work bro! Thank you

  • @X7cF4
    @X7cF4 5 месяцев назад +2

    great vid. tbh the UIs you called functional are still very bad. One of the best UIs ive seen for functionality and purpose is the ableton live 12 UI.

  • @8andre3
    @8andre3 11 дней назад

    From 14:35 on, you switched the primary and secondary colors. The content was dark green (the real primary color) and then it went the lighter green

  • @user-im5hb6zf5r
    @user-im5hb6zf5r 3 месяца назад +1

    Great Video, i just try to make website and to much focus on the design while it make the web slower and too complicated for user. will definitely redesign it to make it more useful and generate good traffic.

  • @antukin5469
    @antukin5469 3 месяца назад +1

    THIS IS THE VIDEO I REALLY NEED RIGHT NOW. THANKS !

  • @Mr.SkeletonVi
    @Mr.SkeletonVi 24 дня назад +1

    Well its make sense now, i always look up to dribble for inspirations to create beautifull websites, until i realise i try to visit Real industry websites like Nike, Raw Fury, Steam, Microsoft it comes up to my mind they not like the designs on dribble with fancy layouts,until i watch this video and make sense now

  • @speoxe
    @speoxe 5 месяцев назад +1

    To me the best example is Amazon when you click on other links such as refund, it’s still the old ui design

  • @phoneix24886
    @phoneix24886 4 дня назад +1

    This is an accurate analysis.

  • @user-pr7xw4up3m
    @user-pr7xw4up3m 3 месяца назад

    I cannot describe my feeling after watching this video!! Wow, damn it, I can't believe you're a normal person who posted a video. You're really cool and amazing. You made me feel confident. I made this video my first pillar for building and designing my website. Thank you and I wish you success.

  • @shiytp
    @shiytp 4 месяца назад +1

    It's funny that designers can make just as much money as developers just by drawing one frame of a flashy app UI in Figma with no accessibility or interaction in mind (most UI/"UX" shots I see on Dribbble immediately fails most accessibility guidelines). These industries are wild.

    • @whosajid
      @whosajid  4 месяца назад

      I get your point, But most professional designers do much more than that. It's the newcomers who go wild on Dribble and Instagram.

  • @humptydumpty9205
    @humptydumpty9205 2 месяца назад +2

    Who are you???!! Teach us your ways master please ** aggressively bangs credit card**

    • @whosajid
      @whosajid  2 месяца назад

      A regular guy, not a master. Thanks 💝

  • @DatBossTV
    @DatBossTV Месяц назад +1

    All of the examples you showcase at the beginning of the video are web APPS. Web Applications are highly dynamic, usually involve some sort of database of information, and yes those absolutely should be consistent, responsive, quick and easy to navigate, etc.
    Web SITES on the other hand are static displays of information. Often times they are marketing pages or portfolios or landing pages for products. Those ABSOLUTELY should be both beautiful AND functional. The purpose of a web SITE is often to tell some sort of story. A web APP is completely different. The requirements and end users are completely different and as such should be approached differently. Each has a purpose and a place.

    • @whosajid
      @whosajid  Месяц назад

      Agree, I am talking about UIs here. And consider beautiful in quotes like this: "beautiful". The video will make more sense.

  • @sg5sd
    @sg5sd 5 месяцев назад +2

    Finally someone touched on this topic

  • @mesportslounge
    @mesportslounge 17 дней назад

    Damn should've thought about this earlier but atleast I haven't deployed. Beautiful designs are only good for ur resume just to impress recruiters and showcase my soft skills and problem solving.❤

  • @philippruizlozano
    @philippruizlozano 8 дней назад

    And I was asking myself why internet looks so boring nowadays...

  • @bizudamarasengan
    @bizudamarasengan 5 месяцев назад +2

    Offcourse they are in the top, but they don't solve problems they create them.

  • @uslolmemes5272
    @uslolmemes5272 26 дней назад +1

    every beginner should watch this video