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

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 พ.ย. 2024

ความคิดเห็น • 213

  • @ravinderramini
    @ravinderramini 8 หลายเดือนก่อน +3

    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!

  • @estycki
    @estycki 3 ปีที่แล้ว +58

    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.

  • @guacamolen
    @guacamolen ปีที่แล้ว +66

    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.)

  • @larsondavis8155
    @larsondavis8155 4 หลายเดือนก่อน +1

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

  • @paulhorn24
    @paulhorn24 ปีที่แล้ว +3

    „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.

  • @elishajimenez6682
    @elishajimenez6682 2 ปีที่แล้ว +42

    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.

  • @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.

  • @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

  • @marzoval9551
    @marzoval9551 ปีที่แล้ว +182

    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 ปีที่แล้ว +1

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

  • @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.

  • @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

  • @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.

  • @careercoachmandy
    @careercoachmandy ปีที่แล้ว +10

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

  • @slamsandwich19
    @slamsandwich19 10 หลายเดือนก่อน +2

    I was literally taking notes while watching this

  • @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.

  • @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.

  • @lisadixon6617
    @lisadixon6617 6 หลายเดือนก่อน

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

  • @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

  • @betomegarcia
    @betomegarcia ปีที่แล้ว +212

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

    • @WingRaidCoach
      @WingRaidCoach ปีที่แล้ว +13

      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 ปีที่แล้ว +53

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

    • @WingRaidCoach
      @WingRaidCoach ปีที่แล้ว

      @@fltngmmth this ^^^

  • @marija1337
    @marija1337 10 หลายเดือนก่อน +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.

  • @AstonJay
    @AstonJay ปีที่แล้ว +1

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

  • @letithemp
    @letithemp ปีที่แล้ว +1

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

  • @TNcFlipbook
    @TNcFlipbook ปีที่แล้ว

    Appreciating Your Support

  • @adilbek.ermekov
    @adilbek.ermekov ปีที่แล้ว

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

  • @blablablablab
    @blablablablab 11 หลายเดือนก่อน

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

  • @malcolmcolindixon
    @malcolmcolindixon 2 ปีที่แล้ว +1

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

  • @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.

  • @carguy1979
    @carguy1979 8 หลายเดือนก่อน

    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.

  • @jennyjamalcherfan3409
    @jennyjamalcherfan3409 7 หลายเดือนก่อน

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

  • @aydanlalonde9242
    @aydanlalonde9242 ปีที่แล้ว +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 ปีที่แล้ว +1

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

  • @carolinavilladangos8722
    @carolinavilladangos8722 ปีที่แล้ว +1

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

  • @AmitPatil-s7c
    @AmitPatil-s7c 9 หลายเดือนก่อน

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

  • @codismith1903
    @codismith1903 2 ปีที่แล้ว

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

  • @aramfree
    @aramfree 2 ปีที่แล้ว

    This is the video that I was looking for.

  • @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.

  • @omercengiz8507
    @omercengiz8507 9 หลายเดือนก่อน

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

  • @RoRo-gu9ug
    @RoRo-gu9ug 5 หลายเดือนก่อน

    This was exactly what I needed.

  • @birthing4blokes46
    @birthing4blokes46 ปีที่แล้ว

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

  • @ILoveWordPress
    @ILoveWordPress ปีที่แล้ว

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

  • @FabioFonseca
    @FabioFonseca ปีที่แล้ว

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

  • @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

  • @EamonnCottrell
    @EamonnCottrell ปีที่แล้ว

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

  • @TifferDesign
    @TifferDesign 6 หลายเดือนก่อน

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

  • @eucalyptech
    @eucalyptech ปีที่แล้ว

    Great insights for Homepage layout, thank you !

  • @VJCodes
    @VJCodes 2 ปีที่แล้ว +1

    Thanks man 😊 we are now bidding 🤟🤟

  • @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!

  • @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.

  • @jevgenisuija
    @jevgenisuija 3 หลายเดือนก่อน

    Looks quite reasonable, subscribed!

  • @malcolmlagares8245
    @malcolmlagares8245 ปีที่แล้ว

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

  • @TeamNnj
    @TeamNnj ปีที่แล้ว

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

  • @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👍👍

  • @cametochina
    @cametochina 2 หลายเดือนก่อน

    Appreciate your business bro

  • @FrutigerLemon
    @FrutigerLemon ปีที่แล้ว

    Thanks for the informative video. I learned a lot!

  • @svarka777
    @svarka777 8 หลายเดือนก่อน

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

  • @nikiholland5010
    @nikiholland5010 8 หลายเดือนก่อน

    Thank you. This was very helpful.

  • @jennyjamalcherfan3409
    @jennyjamalcherfan3409 7 หลายเดือนก่อน

    - 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)

  • @DesignedByTaz
    @DesignedByTaz 2 ปีที่แล้ว +2

    This was gold! Thank you!

  • @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.

  • @vintageretromanmusic_official
    @vintageretromanmusic_official 2 ปีที่แล้ว

    Amazing! I love this website advice! Just subscribed!

  • @_indrid_cold_
    @_indrid_cold_ ปีที่แล้ว

    Fantastic. Gold standard.

  • @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?

  • @marlonpdavids
    @marlonpdavids ปีที่แล้ว

    Really good content, thanks for sharing.

  • @DancinShoesDJ
    @DancinShoesDJ ปีที่แล้ว

    Enjoyed this video, thank you!

  • @peteromondi5819
    @peteromondi5819 2 ปีที่แล้ว

    I find this very useful. Thank you

  • @yannalaplageable
    @yannalaplageable ปีที่แล้ว

    No Bullshit, good advice, well documented, bravo !

  • @emilradu8498
    @emilradu8498 2 ปีที่แล้ว +3

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

  • @lindelamhlanga4597
    @lindelamhlanga4597 ปีที่แล้ว +1

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

  • @mr.anderson5393
    @mr.anderson5393 10 หลายเดือนก่อน

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

  • @emmanueldjambatambashe701
    @emmanueldjambatambashe701 2 ปีที่แล้ว

    very good explanation , well detailed

  • @MM-jr5sr
    @MM-jr5sr ปีที่แล้ว

    You have a new sub 🫡 Great job!

  • @RisingIndian
    @RisingIndian ปีที่แล้ว

    Thanks for making such videos

  • @leilaluna7
    @leilaluna7 ปีที่แล้ว

    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.

  • @poface4827
    @poface4827 ปีที่แล้ว

    I agree. Great vid.

  • @AlThePal78
    @AlThePal78 ปีที่แล้ว

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

  • @abeining
    @abeining ปีที่แล้ว

    Great summary!

  • @gustafcederborg9744
    @gustafcederborg9744 2 ปีที่แล้ว

    You earned a new subscriber

  • @NicksTherapy
    @NicksTherapy ปีที่แล้ว

    Such a great video!

  • @roxcastaneda
    @roxcastaneda ปีที่แล้ว

    Very good and explanatory

  • @kungfookeney6628
    @kungfookeney6628 10 หลายเดือนก่อน +1

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

  • @Anthony99
    @Anthony99 ปีที่แล้ว

    Great video! Thank you... cheers!

  • @auguststas7770
    @auguststas7770 ปีที่แล้ว

    seems very nice

  • @devdofuturo
    @devdofuturo ปีที่แล้ว

    Make totally sense to me!

  • @Kazee-X
    @Kazee-X 2 ปีที่แล้ว +1

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

  • @lastvideooftheday
    @lastvideooftheday 2 ปีที่แล้ว

    you got a new subscriber.

  • @HeatherHale
    @HeatherHale ปีที่แล้ว

    So great. Thank you!

  • @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)

  • @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'

  • @mr_c.i.c
    @mr_c.i.c ปีที่แล้ว

    Very informative content

  • @trevor4370
    @trevor4370 ปีที่แล้ว

    This is so good - thank you

  • @ronaldrodriguez7304
    @ronaldrodriguez7304 2 ปีที่แล้ว

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

  • @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

  • @Christian-ql4vw
    @Christian-ql4vw 9 หลายเดือนก่อน

    Excellent thank you

  • @willtevs
    @willtevs 2 ปีที่แล้ว

    Awesome thank you so much!!

  • @tocj
    @tocj 9 หลายเดือนก่อน

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

  • @derekshort
    @derekshort 10 หลายเดือนก่อน

    Good video!

  • @BlinkBytee
    @BlinkBytee 8 หลายเดือนก่อน +1

    am I the only one that prefers short homepages?

  • @pransis.d
    @pransis.d ปีที่แล้ว

    This is awesome 👌

  • @ronin2963
    @ronin2963 ปีที่แล้ว

    Thank you

  • @HaifengZhu-pn3uq
    @HaifengZhu-pn3uq ปีที่แล้ว

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

  • @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 ?