The Best Homepage Layout In Web Design (Supported by UX)

Поділитися
Вставка
  • Опубліковано 25 вер 2024

КОМЕНТАРІ • 212

  • @marzoval9551
    @marzoval9551 Рік тому +175

    I wholly believe in optimizing website designs and layouts for the best user experience, but I also believe that designers should try new things without fear of their ideas being called "mistakes" or "stupid". Today's optimal designs for maximum click-through rates may very well be different in a decade, but we won't know if the design community as a whole condescendingly shames others for experimenting outside the norm. We didn't get to where we are today without making "stupid mistakes" along the way.

    • @AlThePal78
      @AlThePal78 Рік тому +6

      I agree with this for making a portfolio page. However, I believe that the majority of people in a site like what he is saying, want some familiarity. I hate the Veteran Assistant pages they cumbersome and different menus everywhere. I seen sites like that too, give me some familiarity

    • @donnysashari
      @donnysashari Рік тому +5

      You can see the whole this channel are about to roast awwwards winner because of it's all "mistakes" and "stupid".

    • @felipe1876
      @felipe1876 Рік тому +2

      I think you are right. Also, today we have this pattern. The video is from 2 years ago and I feel it is this way things moves. When a designers try new things, as you said, and that thing became popular we shift to that direction and a new pattern is more dominant. I super enjoy fancy layouts and out of box stuff, but when I am looking for services, damn, I just need that KISS. Keep it simple

    • @diggee172
      @diggee172 Рік тому +1

      Interesting point. It is important to know your audience. I’m over 50and I feel that a lot of designers don’t take poor vision into account. I use my iPhone but not for browsing or making purchases. Pho e screens are just too small for me. I use my iPad or laptop

    • @shuccle6161
      @shuccle6161 11 місяців тому +1

      familiarity is ideal for most things in the niches he mentioned. this layout is intended for certain markets.

  • @guacamolen
    @guacamolen Рік тому +65

    As a UX designer, I agree completely.
    (Granted, always some wiggle room depending on actual user needs instead of best practices, but this is basically spot on.)

  • @estycki
    @estycki 2 роки тому +57

    I found your other video when I googled "sliders suck" and you provided a great brief explanation. I came up with a similar formula for home page layouts that's been working incredibly for speed and conversion... but alas clients want the slider revolution because their competition had a "wow gimmicky slider that made the page take 15 seconds to load." Keep it up, your videos are nailing it.

  • @larsondavis8155
    @larsondavis8155 2 місяці тому +1

    I got here from layout design video. Dude.
    How much better anything I design will be. Thank you. Thank you. Thank you.

  • @elishajimenez6682
    @elishajimenez6682 2 роки тому +41

    This video is really good and I don't understand why it doesn't have many views but literally you gave me a wonderful advice and I'm so thankful for it!!

    • @LuckySainz44
      @LuckySainz44 Рік тому +2

      Probably because its UX and not Wix?

    • @ozonehephzibah6949
      @ozonehephzibah6949 Рік тому

      I was also wondering why

    • @ocaptainnc
      @ocaptainnc Рік тому

      @@LuckySainz44 UX stands for "User eXperience." Wix is a website provider. You would use Wix (or Squarespace, etc.) to implement your website using these UX principles.

  • @chrisfigley
    @chrisfigley Рік тому +16

    Lots of comments about the type of website layout depending on the application...and I agree. However, he clearly states in the first 30 seconds or so that this is what works best for local, service based businesses and in my experience this is true. You can still have some design creativity withing the constraints, and in the case of most small service based businesses they just need something that achieves ROI. The goal is not to win design awards or reflect the creativity of the business. It is to move potential clients to take some action and place as few barriers in their way as possible.

    • @AtomicPixels
      @AtomicPixels Рік тому

      Yeah this channel is a massive vomit of misinformation and random opinions about why everything should look identical to the opinions he just pulls out of a hat

  • @bucklogos
    @bucklogos Рік тому +9

    Amazing breakdown. I was completely intimidated designing my own website at first, but I'm going section by section and applying your tips and it's working. It looks completely custom, but inspired by your workflow too. So excited to start my own business.

  • @betomegarcia
    @betomegarcia Рік тому +204

    90 percent of users (on my sites) are on mobile devices, why do designers insist on showing designs on desktop?

    • @WingRaidCoach
      @WingRaidCoach Рік тому +11

      Because they can be vague and not have to speak specifically to what matters. Not saying this user is doing so, but it seems to be the way things are going.

    • @hellovagim
      @hellovagim Рік тому +38

      I think it also depends on the target audience too. If the website is targeted to consumers (b2c) then maybe it’s more important to focus on mobile. On the other hand if I’m the website is for another business (b2b) they might better off focus on desktop website.

    • @WingRaidCoach
      @WingRaidCoach Рік тому +6

      @@hellovagim data doesn’t support that any longer from what I’ve seen

    • @fltngmmth
      @fltngmmth Рік тому +52

      modern layouts should be responsive from the start. shouldnt matter what device is viewing the application

    • @WingRaidCoach
      @WingRaidCoach Рік тому

      @@fltngmmth this ^^^

  • @ravinderramini
    @ravinderramini 6 місяців тому +1

    I've been creating websites for my clients for 7 years now, and even though I'm not an expert in the technical aspects, I've been following certain strategies since day one. It's great to see that my approach has been successful, as it ensures that when a regular person visits a site, they can easily learn about the products and services offered. Your video has further validated the effectiveness of my work, and I couldn't be more thrilled about it!

  • @paulhorn24
    @paulhorn24 Рік тому +2

    „your website is not a movie trailer, so stop trying to make it one!“ Ha ha, that‘s so true and spot on observation! Too many websites are like a teaser to a cinema-movie.

  • @georgekyalo1804
    @georgekyalo1804 Рік тому +1

    Since i started watching your videos which is less than five, I am doing better layouts than before. Thanks for the great help

  • @careercoachmandy
    @careercoachmandy Рік тому +10

    I love the simplicity of this and I'm totally using this for my website. Thank you.

  • @MicaelAngeles
    @MicaelAngeles Рік тому +3

    So I've just watched this and I just realized how similar this is to the original layout that I did for the company I'm still working with, but ever since the higher ups messed with it and it's now an utter garbage. Thanks to this video though this made me more confident that I was doing the right thing ever since.

  • @marija1337
    @marija1337 7 місяців тому +1

    Software engineer + Designer here! Just found out your channel and I absolutely love your straight to the point approach and explanations. Great job!
    Do you have some tips for mobile layouts and design? For example how to convert a desktop home page to make it useful and responsive on mobile? Some best practices? Since 80% of visitors nowadays are mobile users and google does mobile first indexing, I think this topic is really important.

  • @probabilitiesdontdefineyou
    @probabilitiesdontdefineyou Рік тому +4

    Best content right here. Whatever's stopping you from creating more videos, I hope you get around it. Best tutorials I've seen in over a year.

    • @kohai-kun9261
      @kohai-kun9261 Рік тому +2

      Might be how dogmatic he sounds.
      Comes across as extremely condescending -- the first half of the video (along with a couple points thereafter), it sounds like he's essentially just saying "do what everyone else does. Creativity bad and if you disagree you're stupid."
      His delivery makes me want to do the opposite of what he's suggesting, even if I can acknowledge that most of the advice is alright.

    • @probabilitiesdontdefineyou
      @probabilitiesdontdefineyou Рік тому

      @@kohai-kun9261 I experienced it differently because I'm the new kid in the class. Learning some fundamentals. From which one day I hope to express my creativity. Without confusing my users.

  • @tiger_gaze
    @tiger_gaze Рік тому +5

    Well kind of, it's a good website because of it's common user sense and would easily make a good impression. But business-wise, the website should also 'make punch' and create 'noise' through every scroll and screens so breaking a common user sense is also a good idea. I mean if you want to make slider make it fancy

  • @shehubhossen8083
    @shehubhossen8083 Рік тому

    this is the most important video i ever see. Other big youtuber even did not say something like that. Thank you for it.

  • @slamsandwich19
    @slamsandwich19 7 місяців тому +1

    I was literally taking notes while watching this

  • @aydanlalonde9242
    @aydanlalonde9242 11 місяців тому +2

    Just a thought - I think it would be cool if you did an updated version of this video every year. The web (UX/UI) design industry has changed a lot over the last 2 years with new technologies trying to make websites have more immersive experiences. We know, the principles of design are timeless but I would be interested in (1) getting your opinion, in a yearly round-up video, if these trends or evolutions enhance the UX of websites/web principles and can be implemented as new standard practices or if the direction of these immersive websites are missing the mark, despite creating these amazing experiences.
    And, if these new websites that are being produced today are missing the mark, what elements do you think they got right and what would be your approach/ solution. Personally, sometimes I think these new animated websites have a lot of fluffy and there could be a conversation to be had about why going back to basics supports a stronger UX journey and conversion

    • @nathan-sg7cu
      @nathan-sg7cu 10 місяців тому +1

      Sure. But see what works, same old patterns. :) Check the UX designers who commented on this, they basically agree completely with TWA.

  • @carguy1979
    @carguy1979 6 місяців тому

    This is pretty solid. Thanks! Sending it to our print designers that want to make "artsy" web pages ... for an insurance company. LOL.
    3:14 reminds of the term "Mystery Meat Navigation" from the days when some websites were designed in Flash. If you have to guess how a site works, it sucks.

  • @timecircle8420
    @timecircle8420 Рік тому +4

    I really love your content! You’re amazing! You should be so proud of yourself with the way you explain and present information.
    I’m in my late 30s and couldn’t really grasp website design until I’ve watched a few of your videos.
    I’m thinking about my layout, elements, classes, IDs, and styling before I even touch my computer.
    It’s a deeper understanding of engineering websites.

  • @AstonJay
    @AstonJay Рік тому +1

    Yes! Thank you! I HATE those full-page sliding homepages! I immediately click off of a page like that

  • @codismith1903
    @codismith1903 2 роки тому

    haha, I didn't expect you to say, "So what makes a shitty homepage?" LOL CRACKED ME UP!

  • @mrs.quills7061
    @mrs.quills7061 Рік тому +6

    I really appreciate this I’m redoing my art portfolio and will also be transitioning to my own little online shop to sell my art stuff so it’s good to hear feedback on what works. I have a slider on my homepage, but it auto plays different artwork 😅 and doesn’t take up the whole page. I get what you mean though with the PowerPoint look, I often feel those sites run horrible on mobile and they’re trying too hard. Like I just want to get to the point I don’t need all this fluff. I feel that’s what they are fluffy and filled with unnecessary things.

  • @KuroManX
    @KuroManX Рік тому

    Very good content, I have seen a trending in many documentation or online services using this approach, also they put a FAQ, so people will have their common questions answered without leaving the page. Also guys, this is a starting point, not a must follow.

  • @Yes-bm4vn
    @Yes-bm4vn Рік тому +2

    I don't necessarily agree with everything being said but I 100% agree that some websites are too chaotic. I can tolerate it if those are websites of the brands that are known for being "futuristic" but it is still important to know limits. This kind of a website can turn into an absolute hell from an accessibility standpoint. People with a vestibular disorder may have a hard time going through websites full of animations. If you don't want to be ignorant but still want to make your website flashy at least make it possible to disable/limit the motion of elements.

  • @fredirecko
    @fredirecko Рік тому +1

    It doesn't matter if you are right or wrong. I just like that you have a strong opinion which is something most people lack in these kind of videos.

  • @adilbek.ermekov
    @adilbek.ermekov Рік тому

    You have 6.3K subscribers. While your views are 63K
    Very underrated

  • @ILoveWordPress
    @ILoveWordPress Рік тому

    "Websites are not Powerpoint presentations. " - I will steal this quote.

  • @lisadixon6617
    @lisadixon6617 4 місяці тому

    I can't thank you enough for all the videos you make!

  • @FabioFonseca
    @FabioFonseca Рік тому

    Hello, I really enjoyed your video. Please take my gratitude home for a video with such high-quality content. Congratulations from Brazil!

  • @lindelamhlanga4597
    @lindelamhlanga4597 Рік тому +1

    And because you're right, doesn't mean I'm wrong. Who decides? Preferences bro.

  • @alfiskywalker4398
    @alfiskywalker4398 Рік тому

    "A Website is A Website, so stop trying to make it a powerpoint presentation" . I Was laugh when u said this 🤣🤣🤣🤣. Thanks for your advices👍👍

  • @svarka777
    @svarka777 6 місяців тому

    Cool video for beginning, I'm a beginner, Thanks

  • @malcolmcolindixon
    @malcolmcolindixon 2 роки тому +1

    Thanks some great advice for a non-designer but programmer like me, subscribed.

  • @AmitPatil-s7c
    @AmitPatil-s7c 7 місяців тому

    nice and useful video. simple and clear and one of the best visual video. easy to understand

  • @omercengiz8507
    @omercengiz8507 7 місяців тому

    Great explanation. Thanks for sharing. I watched you for the first time and subscribed. Very high quality video

  • @letithemp
    @letithemp Рік тому +1

    been researching for months and this videos sums it all up, thanks a lot! :)

  • @blablablablab
    @blablablablab 9 місяців тому

    Solid points. I agree with your vision for mistakes and how to do strucure right and usefull

  • @bleuberrystains1186
    @bleuberrystains1186 Рік тому +1

    This content is gold. You deserve more recognition. Please keep doing what you're doing, I learned so much from this video.

  • @ZombieRofl
    @ZombieRofl Рік тому

    The truth has been spoken. One little question about the first two containers. What about the first like you said, and the second WHY you need the service instead of prices right away?

  • @jennyjamalcherfan3409
    @jennyjamalcherfan3409 5 місяців тому

    Logo on the top left
    Visible navigation
    Cta button sign it , log in top right

  • @TNcFlipbook
    @TNcFlipbook Рік тому

    Appreciating Your Support

  • @carolinavilladangos8722
    @carolinavilladangos8722 Рік тому +1

    Excelent !! easy to follow easy to understand , clear , brief...

  • @TifferDesign
    @TifferDesign 4 місяці тому

    Amazing information, your are so clever, you won another subscriber.Thanks for all the info.

  • @birthing4blokes46
    @birthing4blokes46 Рік тому

    I'm a newbie and this video is very helpful. Thank you

  • @jevgenisuija
    @jevgenisuija Місяць тому

    Looks quite reasonable, subscribed!

  • @mystohayko274
    @mystohayko274 Рік тому

    Im not so experienced in this but my best clicking respect this for buisness model and learning / e-learning websites. And a second page to detalled offers you don’t want them in the front. Using A.I.D.A for the texting part. And of course the big plus is the convertibility on mobile devises but now days even no-code apps do it good

  • @cametochina
    @cametochina 19 днів тому

    Appreciate your business bro

  • @mr.anderson5393
    @mr.anderson5393 8 місяців тому

    Thank you very much for the tutorial. How do you go about implementing this on a blog site?

  • @emilradu8498
    @emilradu8498 Рік тому +3

    This video is really good and you gave me a wonderful advice to change my first page. I thank you for it!

  • @AdesanyaAyodejiCeg
    @AdesanyaAyodejiCeg Рік тому

    ver very vey good video man, i still don't know why you don't have many views. But man keep on creating more videos, keep it up!

  • @EamonnCottrell
    @EamonnCottrell Рік тому

    Very clearly explained. Agree with your breakdown; thanks for the video!

  • @haley2486
    @haley2486 2 роки тому +17

    I like a lot of your suggestions for generating good layouts, however, I would like to know what data you have to support the layouts you believe are mistakes. They may very well be ineffective, but I believe it could vary based on the user, the problem you're trying to solve, and the goal.

    • @fltngmmth
      @fltngmmth Рік тому +2

      its all opinion hon… a very persuasive opinion… opinion nonetheless

  • @raulbarriga7416
    @raulbarriga7416 Місяць тому

    So the example layout he talks about is for a single page website & not a multi page website?

  • @n8han1
    @n8han1 Рік тому

    I really enjoyed all of your videos! I'm working on a startup that is going to sell (at first) a single hardware product. It would be very interesting to know whether your recommendations would differ for more product based sites. The biggest problem I'm facing is whether to put all of my product info on my homepage, or keep the homepage shorter, and put all of my product info on a product-page. That last one would be the mistake of 'barely having a homepage'

  • @LightlyLilyAsmr
    @LightlyLilyAsmr Рік тому

    Thanks for this. I have a website for a local business with a side navigation and I've been struggling with it because I feel like it looks too different. I think the site looks cute, but cute might not help the goals for their website.

  • @RoRo-gu9ug
    @RoRo-gu9ug 3 місяці тому

    This was exactly what I needed.

  • @aramaldarraji3852
    @aramaldarraji3852 2 роки тому

    This is the video that I was looking for.

  • @eucalyptech
    @eucalyptech Рік тому

    Great insights for Homepage layout, thank you !

  • @yannalaplageable
    @yannalaplageable Рік тому

    No Bullshit, good advice, well documented, bravo !

  • @tocj
    @tocj 7 місяців тому

    Bro sounds like a strict teacher telling you the right thing to do 😭😭😭😭

  • @AlThePal78
    @AlThePal78 Рік тому

    your website isn't tinder so stop making people swipe that is so funny lmao great video

  • @vanshjangid9782
    @vanshjangid9782 2 роки тому +1

    Thanks man 😊 we are now bidding 🤟🤟

  • @marcjus4392
    @marcjus4392 Рік тому

    Is that good for a website to have no scroll but different page per purpose? Lke a home page that explains what you sell, then a product page and finally a contact page ?

  • @malcolmlagares8245
    @malcolmlagares8245 Рік тому

    Excellent video ! Just excellent. I agree with you 100%.

  • @jennyjamalcherfan3409
    @jennyjamalcherfan3409 5 місяців тому

    - who are u
    - what do u do
    - how u can help me
    Customer journey:
    - how great we are
    - CTA
    Logo navigation on top, footer at the end, CTA on the top right (to make it familiar for the user)

  • @vintageretromanmusic_official

    Amazing! I love this website advice! Just subscribed!

  • @TeamNnj
    @TeamNnj Рік тому

    awesome video thanks i got all the answers o was looking for

  • @Kazee-X
    @Kazee-X Рік тому +1

    Great Content and Explanation man. Btw, what do you think of a good product page looks like? Thank you!

  • @FrutigerLemon
    @FrutigerLemon Рік тому

    Thanks for the informative video. I learned a lot!

  • @nikiholland5010
    @nikiholland5010 6 місяців тому

    Thank you. This was very helpful.

  • @DesignedByTaz
    @DesignedByTaz 2 роки тому +2

    This was gold! Thank you!

  • @devisals
    @devisals Рік тому

    How can I apply this to an ecommerce site with multiple products?

  • @ahmezi
    @ahmezi Рік тому

    Agree also, but i standardize websites, making one look to another. In the end when you check your historic how can one stand out more than another?

  • @marlonpdavids
    @marlonpdavids Рік тому

    Really good content, thanks for sharing.

  • @peteromondi5819
    @peteromondi5819 Рік тому

    I find this very useful. Thank you

  • @Kh.KhalidHosen-r9p
    @Kh.KhalidHosen-r9p 6 місяців тому

    What does mean by (Supported by UX)?

  • @rumati1885
    @rumati1885 2 роки тому

    I LOVE this . Thank you so much . Makes it so easy to build a website fast

  • @emmanueldjambatambashe701
    @emmanueldjambatambashe701 2 роки тому

    very good explanation , well detailed

  • @gocu_saiajeans
    @gocu_saiajeans Рік тому

    Make totally sense to me!

  • @DancinShoesDJ
    @DancinShoesDJ Рік тому

    Enjoyed this video, thank you!

  • @MM-jr5sr
    @MM-jr5sr Рік тому

    You have a new sub 🫡 Great job!

  • @NicksTherapy
    @NicksTherapy 11 місяців тому

    Such a great video!

  • @chigowells7106
    @chigowells7106 10 місяців тому

    Is this supposed to be a front end design or back end

  • @auguststas7770
    @auguststas7770 Рік тому

    seems very nice

  • @Ph34rNoB33r
    @Ph34rNoB33r Рік тому +1

    You mentioned testimonials, but at least as a user in a B2C context, I consider those red flags. Either they are meaningless people (and might not even exist), or they are celebrities/influencers who sell their soul on a regular basis.
    Not all honest businesses have testimonials, but most scammy ones do.
    (I do use "neutral" review websites, though at least the German "coaching" community does a great job reporting any negative reviews or, if that doesn't work, threatening the author)

  • @RisingIndian
    @RisingIndian Рік тому

    Thanks for making such videos

  • @AnnaNguyen42
    @AnnaNguyen42 Рік тому

    I gave a like for the sassy opinions lol.

  • @Christian-ql4vw
    @Christian-ql4vw 7 місяців тому

    Excellent thank you

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq Рік тому

    I agree with you absolutely, do you have any web design (not web development) course to recommend?

  • @_indrid_cold_
    @_indrid_cold_ Рік тому

    Fantastic. Gold standard.

  • @ronaldrodriguez7304
    @ronaldrodriguez7304 Рік тому

    Where have you gone? We need more content from you! At least 1 a month

  • @roxcastaneda
    @roxcastaneda Рік тому

    Very good and explanatory

  • @Anthony99
    @Anthony99 Рік тому

    Great video! Thank you... cheers!

  • @ronin2963
    @ronin2963 Рік тому

    Thank you

  • @therankingworld7627
    @therankingworld7627 Рік тому +1

    I think the use of sliders is to save the user the need for scrolling so much if there is a lot of content as sliders make more effective use of space

  • @abeining
    @abeining Рік тому

    Great summary!

  • @derekshort
    @derekshort 8 місяців тому

    Good video!

  • @poface4827
    @poface4827 Рік тому

    I agree. Great vid.