The Website Architect
The Website Architect
  • 31
  • 1 335 048
The Most Underrated But Obvious Way To Improve A Website
Get your website critiqued by me: thewebsitearchitect.com/website-design-services/website-critiques/
Support me on Patreon: www.patreon.com/TheWebsiteArchitect
Переглядів: 9 584

Відео

A Practical Guide To Website Page Layouts (3/3)
Переглядів 9 тис.2 місяці тому
Sections (1/3): ua-cam.com/video/BFusIRFpX6c/v-deo.html Order (2/3): ua-cam.com/video/WiblbNSeQcA/v-deo.html Layout (3/3): This video. Above the folds video: ua-cam.com/video/b8pS6p5GScw/v-deo.html Get your website critiqued by me: thewebsitearchitect.com/website-design-services/website-critiques/ Support me on Patreon: www.patreon.com/TheWebsiteArchitect
A Practical Guide To Website Page Layouts (2/3)
Переглядів 7 тис.3 місяці тому
Sections (1/3): ua-cam.com/video/BFusIRFpX6c/v-deo.html Order (2/3): This video. Layout (3/3): Coming soon. Homepage layout video: ua-cam.com/video/g0db5kA4BfQ/v-deo.html Get your website critiqued by me: thewebsitearchitect.com/website-design-services/website-critiques/ Support me on Patreon so I can post more videos: www.patreon.com/TheWebsiteArchitect
A Practical Guide To Website Page Layouts (1/3)
Переглядів 20 тис.3 місяці тому
Sections (1/3): This video. Order (2/3): ua-cam.com/video/WiblbNSeQcA/v-deo.html Layout (3/3): Coming soon. Homepage Layout Video: ua-cam.com/video/g0db5kA4BfQ/v-deo.html Get your website critiqued by me: thewebsitearchitect.com/website-design-services/website-critiques/ Support me on Patreon so I can post more videos: www.patreon.com/TheWebsiteArchitect
Web Design Standards - Why They Are Overrated
Переглядів 8 тис.4 місяці тому
Get your website critiqued by me: thewebsitearchitect.com/websi... Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect [1] www.w3.org/TR/WCAG21/ [2] www.3mediaweb.com/blog/web-design-standards-guidelines-for-consistency/ [3] www.nngroup.com/articles/the-need-for-web-design-standards/ [4] www.orbitmedia.com/blog/web-design-standards/
My Mission For A More User-Friendly Internet (Channel Trailer)
Переглядів 10 тис.7 місяців тому
Get your website critiqued by me: thewebsitearchitect.com/websi... Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
Web Design Throwback: My First Websites, My Biggest Mistakes
Переглядів 8 тис.7 місяців тому
Vote for me: www.templatemonster.com/awards/category/wordpress-youtube-channels/ Peregrine video: ua-cam.com/video/legzXQlFNjs/v-deo.html Text alignment video: ua-cam.com/video/aKXoKHj-EMo/v-deo.html Get your website critiqued by me: thewebsitearchitect.com/websi... Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
When Uniqueness Kills User Experience
Переглядів 9 тис.9 місяців тому
[1] - ua-cam.com/video/JiY9ZroekRk/v-deo.html [2] - www.nngroup.com/articles/hidden-navigation-methodology/ Get your website critiqued by me: thewebsitearchitect.com/website-design-services/website-critiques/ Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
Critiquing Subscriber Websites! Ep. 1
Переглядів 7 тис.10 місяців тому
Get your website critiqued: thewebsitearchitect.com/website-design-services/website-critiques/ Maybe get a free critique: critiques@thewebsitearchitect.com Text alignment video: ua-cam.com/video/aKXoKHj-EMo/v-deo.html Footers video: ua-cam.com/video/T5BACF2goFU/v-deo.html Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
Everything About Above The Folds
Переглядів 45 тис.Рік тому
Thank you for nearly 10,000 subscribers. [1] ua-cam.com/video/r8m2wM7eXeU/v-deo.html [2] www.nngroup.com/articles/breadcrumb-navigation-useful/ [3] www.nngroup.com/articles/illusion-of-completeness/ [4] developer.chrome.com/blog/autoplay/ [5] www.nngroup.com/articles/scrolling-and-attention-original-research/ Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
Rebuilding A Non-Profit Website! (Sewa Canada)
Переглядів 7 тис.Рік тому
Checkout Sewa Canada: sewacanada.com/ 50 Website Mistakes: ua-cam.com/video/JiY9ZroekRk/v-deo.html Homepage Layout: ua-cam.com/video/g0db5kA4BfQ/v-deo.html Get the theme on Themeforest: 1.envato.market/rnmq73 Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
The 5 Design Principles (But in Web Design)
Переглядів 53 тис.Рік тому
CONTRAST Text Alignment Video: ua-cam.com/video/aKXoKHj-EMo/v-deo.html 50 Website Mistakes: ua-cam.com/video/JiY9ZroekRk/v-deo.html Music: ua-cam.com/users/JOAKIMKARUD Support me on Patreon so I can post more videos: patreon.com/TheWebsiteArchitect
Everything About Website Navigations
Переглядів 80 тис.Рік тому
I tried to improve my editing and visuals to make my videos better. Too bad the AC ran and off during recording screwing up the audio. 2/3. 50 Website Mistakes: ua-cam.com/video/JiY9ZroekRk/v-deo.html Everything About Footers: ua-cam.com/video/T5BACF2goFU/v-deo.html [1] www.brillmark.com/navigation-menu-a-b-testing-reasons-to-do-it-sooner-than-later/ [2] vwo.com/blog/a-b-testing-case-study-navi...
Non-Profit Website WordPress Start To Finish! - Ep. 2
Переглядів 4,3 тис.Рік тому
Non-Profit Website WordPress Start To Finish! - Ep. 2
Critiquing Bad Websites - ZARA
Переглядів 8 тис.2 роки тому
Critiquing Bad Websites - ZARA
How to Properly Layout A Website (For Beginners)
Переглядів 482 тис.2 роки тому
How to Properly Layout A Website (For Beginners)
WPBakery Page Builder Tutorial in 13 Minutes
Переглядів 76 тис.2 роки тому
WPBakery Page Builder Tutorial in 13 Minutes
Rebuilding A Non-Profit Website In WordPress! - Ep. 1
Переглядів 6 тис.2 роки тому
Rebuilding A Non-Profit Website In WordPress! - Ep. 1
Why Your Awwwards Website Sucks
Переглядів 15 тис.2 роки тому
Why Your Awwwards Website Sucks
Web Developer Portfolio Tips (Get The Interview!)
Переглядів 8 тис.2 роки тому
Web Developer Portfolio Tips (Get The Interview!)
Text Alignment in Web Design (Stop doing it wrong)
Переглядів 16 тис.2 роки тому
Text Alignment in Web Design (Stop doing it wrong)
4 Important Things To Do To Your New Small Business Website
Переглядів 13 тис.2 роки тому
4 Important Things To Do To Your New Small Business Website
50 Website Design Mistakes (And Why)
Переглядів 60 тис.2 роки тому
50 Website Design Mistakes (And Why)
How To Optimize Font Awesome For Unused CSS
Переглядів 6 тис.2 роки тому
How To Optimize Font Awesome For Unused CSS
Everything About: Footers In Web Design
Переглядів 51 тис.2 роки тому
Everything About: Footers In Web Design
Does The Design of Your Website Matter? (Controversial Opinion?)
Переглядів 14 тис.2 роки тому
Does The Design of Your Website Matter? (Controversial Opinion?)
The Best Homepage Layout In Web Design (Supported by UX)
Переглядів 269 тис.3 роки тому
The Best Homepage Layout In Web Design (Supported by UX)
Are Sliders And Carousels Good Or Bad In Web Design?
Переглядів 14 тис.3 роки тому
Are Sliders And Carousels Good Or Bad In Web Design?
Is Good and Bad Web Design a Matter of Opinion?
Переглядів 5 тис.3 роки тому
Is Good and Bad Web Design a Matter of Opinion?

КОМЕНТАРІ

  • @harryngwa
    @harryngwa 7 годин тому

    Do you always use themes or also build themes from scratch?

  • @UnderworldMalek
    @UnderworldMalek 16 годин тому

    thank you so much

  • @MattDog_222
    @MattDog_222 День тому

    yeah if they finna spam on mobile they shoulda made it look good on mobile LOL

  • @Rabbachino
    @Rabbachino День тому

    man what a crap web page

  • @juleonasefi5230
    @juleonasefi5230 2 дні тому

    "Subscribe for more s**t..." lol

  • @foxtrot1666
    @foxtrot1666 5 днів тому

    Keep making videos man!

  • @EricMorales-fc9st
    @EricMorales-fc9st 6 днів тому

    What about Apple and their website? It employs very good UI design and is very profitable. I don't have data on the direct corellation of their UI design to their profit, but as a world-class, global company, why would they invest in and implement a very good UI design if it's not important and would not help boost sales? Would their sales perform the SAME or even surpass their current performance if they had a website that has a generic and poorly designed UI? UI and UX go hand-in-hand together. It's always about the end user or target audience's characteristics to determine what type of design is going to be implemented. This is why Target Audience Research is important. If the end-user wants a website that is jaw-dropping then let him have it. If he just wants to get information quickly like looking up a word in a dictionary, then design and experience is not the most important thing on that website. The questions is, do you know what your audience wants? Did you do your research? I would say... learn from the best companies (Apple, Nike, Adidas, Google, etc.). Amazon's website is just one of them, it's not a representative from which to draw conclusions.

  • @Elevatedmindset.Brigitte
    @Elevatedmindset.Brigitte 6 днів тому

    Learning so much, thanks

  • @litnookyt
    @litnookyt 6 днів тому

    Just completed wireframing a website, then algorithm brought this video to me. I feel happy that most of my website was based on this principle but I never actually knew these as basic principles. Algorithm worked well. This is a perfect video to revise fundamentals

  • @marikochan_
    @marikochan_ 7 днів тому

    Many of his "advices" & "mistakes" is so absurd. He's just basically telling you to design a boring and shitty website, not following today's trends. Dude is just straight up hater

  • @bagel8472
    @bagel8472 7 днів тому

    Yikes, I can’t believe this dude is even in the web field if he fucking hates it so much, jesus. This almost made me want to unfollow just because of the sheer stupidity of this video.

  • @TokyoXtreme
    @TokyoXtreme 8 днів тому

    Timeless, evergreen words of wisdom and truth. Nothing is more obnoxious than shit animating while I'm trying to read something on the page. Pages filled with animated gifs are almost as bad.

  • @marexibinsa2915
    @marexibinsa2915 10 днів тому

    Great video! Some key points were highlighted that I hadn't heard anyone else discuss. Thank you!

  • @TifferDesign
    @TifferDesign 12 днів тому

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

  • @sucoder
    @sucoder 13 днів тому

    Notes of the video: * Using sliders: They are ineffective and very few people will see the content beyond the first slide. * Auto-playing sliders: They do not promote a good user experience. * Making users click to see the navigation: If the navigation can fit on one screen, put it on the screen. * Center aligning everything: Especially text that has more than three lines, it becomes annoying to read. * Using justified text alignment: The inconsistency between the spacings of each word makes it harder to read. * Using right alignment for text: Same reason why you shouldn't use center alignment. * Splash pages: They make users work extra to get to the website content. * Slow-loading animations: They make it impossible to quickly scan a website for content. * Hiding the scroll bar: It creates a bad user experience. * Styling the scroll bar: The scroll bar is meant to be a consistent feature to navigate websites. * Horizontally scrolling marquees: They are annoying to look at and difficult to read. * Changing the background color of the website as you scroll: It takes away from the content and it's distracting. * Customizing the cursor: It confuses users. * Forcing users to click a dropdown in the navigation for it to appear: It should appear on hover. * Turning the entire website into a vertical slider: Scrolling should be consistent from website to website. * Using emojis: It looks unprofessional. * Not following web design standards: There's a reason why they exist. * Wasting time with time-consuming opening messages. * Wasting time with long menu animations. * Making the hamburger icon button not look like a hamburger icon. * Using vague h1s on the home page: It's bad for user understanding and SEO. * Using typewriter text changing effects: It's annoying and hurts user experience. * Horizontal submenus: Users expect them to be vertical. * Making the color of your call to action the same color as everything else on your website. * Sticky menus that don't have a background color. * Having separate first and last name fields for forms in small to medium size forms: Combine the two fields into one full name field. * Horizontal scrolling websites. * Small home pages: The home page should be informative enough. * Center aligned text forms: They should always be left aligned for better usability. * Having a menu that just has icons in it: New users shouldn't have to think to be able to use a menu. * Square buttons: People expect buttons to be wide. * Forms without labels. * Hero sections that span the entire height of the screen: It creates a false impression that the website doesn't have more content. * Link in the description to read more about it: If your design is so unintuitive that it requires you to tell me to scroll then your design has failed. * Websites that automatically play sound. * Making users hover over something to see the titles. * Logos that don't have the name of the company in it. * Navigation should always be at the top. * Vertically aligning text: This is another example of sacrificing ux for ui. * Not having the home link in the navigation. * Unloading content with an animation to only have to load it back with more animation. * Preloaders for the making of this video. * Home pages that are just slideshows. * Interrupting vertical scrolling for horizontal scrolling. * Overlays that aren't opaque enough to be able to clearly read the text in front of it. * Text over background always. * Not putting links in the footer. * Overusing visual effects. * Smooth scrolling.

  • @sucoder
    @sucoder 13 днів тому

    Summery of the video: Stop building website.

  • @user-zv3vb8qh4p
    @user-zv3vb8qh4p 14 днів тому

    These rules are for a business website na, what if we are making a theme based website

  • @TokyoXtreme
    @TokyoXtreme 14 днів тому

    0:37 Rare accessibility recognition for "very little people"; as web developers, we must realize that people such as Warwick Davis and Peter Dinklage also use the web. I agreed with 100% of the 50 points you made, and may I offer an additional point that makes my blood boil? And it's one that I never see anyone mention, and that's aggressive text truncation. Notorious offenders include the Apple help forums, which force the user to click "show more" on every single response, regardless of length - even a reply that spans only three sentences! And of course there are the ubiquitous phrases of anything longer than five words that get the ellipsis treatment (sometimes impossible to expand!). UA-cam itself is notorious for this one, forcing users to click a video just to see the entire title. This problem also plagues side menus and drop-down options (BitBucket and JIRA are egregious offenders, often concealing crucial information). What's a few extra bytes of text in an age of streaming content!? Let me read the text, FFS! 😡💨

  • @netsudro
    @netsudro 16 днів тому

    My design strategy is: 1. Start with a word document to establish the content and hierarchy of information 2. Add some relevant pictures to improve the message 3. Build the layout in figma or on paper 4. Translate the layout to mobile design 5. Write the html, css and javascript

  • @SallyBosco
    @SallyBosco 16 днів тому

    Great video! What is your favorite page builder?

  • @Jolli_-is7oo
    @Jolli_-is7oo 16 днів тому

    Do you never focus on mobile?

  • @MultiSciGeek
    @MultiSciGeek 17 днів тому

    This is super useful, and something I struggled with a lot recently... Would love to see the same thing for an app!

  • @creativeworks98
    @creativeworks98 18 днів тому

    thank you

  • @PirateOfTheNorth
    @PirateOfTheNorth 18 днів тому

    Thank you. This was just what I was looking for ❤

  • @user-sp4df3sl6q
    @user-sp4df3sl6q 21 день тому

    Your videos are very useful and provide lots of information. I have received lots of help after watching this post, please continue to share this kind of information. Thank you.

  • @user-sp4df3sl6q
    @user-sp4df3sl6q 21 день тому

    Your videos are very useful and provide lots of information. I have received lots of help after watching this post, please continue to share this kind of information. Thank you.

  • @willarias
    @willarias 21 день тому

    How many fonts are ideal from both the design and SEO points of view? 🙏

  • @user-wp1dx8vz1b
    @user-wp1dx8vz1b 25 днів тому

    Nice and great lesson. Thanks.

  • @Simulacra001
    @Simulacra001 25 днів тому

    This video earned my sub. Thanks for being interesting with a side of humour. So much more refreshing than those that shout in to the camera like they are super excited (read, have a mental disorder). Keep up the great content.

  • @circlesdigital
    @circlesdigital 26 днів тому

    Nobody is talking about font size

  • @Bassma10
    @Bassma10 28 днів тому

    Should i put on my wordpress website building agency Another question i made the website as an agency is that ok because it is just me who will do the work Or i can talk about my self in the About page.

  • @carlyoung8723
    @carlyoung8723 28 днів тому

    Shorts are a great addition of 'quick-tips' to an already invaluable page. Thanks!

  • @MichaelAlhilly
    @MichaelAlhilly 29 днів тому

    Ha! These are the personal grievances of a talentless accountant, not a designer. Even his voice is stripped of any creativity. If the creators of the internet wanted consistent design across the entire web it would have been built as one big Wikipedia. Instead they gave people a blank canvas to create with.

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

    The biggest mistake is not what the designer want or dont want in a website, it is what the client wants in the end that counts😂😂

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

    If you look at the two colors in the first capital T in 'CONTRAST", the lighter color on the right makes a kind of lowercase 'r', so you can read it as a very clever way of misspelling CONTRAST without misspelling CONTRAST. Obviously, intentional.

  • @Mike-sp9sk
    @Mike-sp9sk Місяць тому

    How are you gonna have a testimonial section when you’re starting a new business and the website is new too…

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

    This is the most practical and easy video on layout I found online. Thank you so much.

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

    i was designing websites in the late 90's and early 2000's. Back then web designs were a lot more interactive and creative then they are today. We used a lot of flash elements that has been discontinued since the release of the iPhone. We had absolute control of the look, functionality and UI of our designs. Now since most designers use web building services it seems all websites look the same by using the same cookie cutter style.

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

    I think the exception to this (or rathere these 50) rule is for portfolio websites for web designers who actually want to exhibit their skillset and how they have the technical expertise to push boundaries their potential client would possibly want

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

    *Just what I was looking for - thanks man!*

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

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

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

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

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

    • different rows • visually distinguishe background • Web design page blocks

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

    3:00 ... I did that and it caused 0 confusion ... Go figure!

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

    13:03 “I Encourage You To Remember, That People Are Dumb”. Very well said man!

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

    Thanks Dude. I get to know new things.

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

    This guy managed to list everything that make me angry about websites. I love it

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

    Some of it are great & understandable, but some of it is also a little bit .. outrageous~

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

    It's been really insightful & helpful, especially for a new WebDev like me .. keep cooking~

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

    thank you for sharing