Viral Hooks
Trending short videosExplaining a common web design mistake
J

@jessicatatedesign

TikTok · Yap

@jessicatatedesign there is only one exception to designing at 1920x1080. everything else should be less than that. #design #website #uidesign #webdesign

View original on TikTok

The edit1 shot · 1 text
Shots Text1:31

Performance

Views
51.6K
Likes
1.8K
Comments
267
Engagement
4.1%
Outlier
13.1×
Length · 16 Aug 2025
1:31

Video #5094 · Yap

Explaining a common web design mistakefrom @jessicatatedesign

[01]

Overview

The creator debunks the common web design practice of using a 1920x1080 resolution. She explains that while this is a common monitor size, it doesn't reflect the actual browser viewport size, as most users don't browse in full-screen. She argues that this assumption leads to designs that are too wide and concludes by warning designers against this mistake, noting e-commerce sites as a potential exception.

[02]

Simple outline

  1. 1Challenge a common belief
  2. 2Validate the audience's logic
  3. 3Reveal a critical flaw
  4. 4Provide a new, correct rule

[03]

Related videos

[04]

Classification

Format
Concepts
Hot Take
Elements
Title Text HookJump Cut

[05]

Hook analysis

What stops the scroll in the first 3 seconds

Title hook · 65%

why designing websites at 1920x1080 is a huge mistake

Verbal hook · 30%

There is a lie and a myth that we need to break right tier, right now as designers.

Visual hook · 5%

A medium close-up of the speaker wearing a bright red hat that contrasts with the neutral background, looking directly into the camera to establish an immediate connection.

[06]

Hook template

Steal this for your own video

Why [common practice] is a huge mistake for [audience type]

  • — Why designing websites at 1920×1080 is a huge mistake for web designers
  • — Why skipping strength training is a huge mistake for runners
  • — Why buying the cheapest paint is a huge mistake for first-time homeowners

[07]

Hook and payoff

The promise the opener makes, and how the video pays it back

Hook

A bold, contrarian statement that directly challenges a common practice or belief within a specific community, creating an immediate knowledge gap.

Payoff

Deliver a new, corrected rule of thumb or a clear warning against the old way of thinking, often with a nuanced exception to demonstrate comprehensive expertise and provide a clear, actionable takeaway.

[08]

Narrative framework

The structural pattern this video runs on

Framework

The Common Mistake Reframe

To debunk a widely held belief within a niche by revealing a subtle but critical flaw in the common understanding, thereby establishing authority and providing actionable value.

  1. 1

    The Audience Validation

    Acknowledge the popular belief and the seemingly logical data or reasoning that supports it. This builds rapport and shows understanding of the audience's perspective before challenging it.

  2. 2

    The Subtle Pivot

    Introduce a 'but' or 'however' to signal that the common understanding is incomplete or flawed. This creates suspense and prepares the viewer for the new information.

  3. 3

    The Core Reframe

    Explain the critical piece of missing information or the subtle distinction that changes the entire interpretation of the common belief. This is the 'aha' moment where the myth is busted.

  4. 4

    The Relatability Proof

    Ground the abstract argument in a simple, self-evident observation or personal test that the viewer can perform on themselves, making the new logic feel intuitive and personally verifiable.

Themes

  • Debunking myths
  • Industry best practices
  • User behavior

Techniques

  • Direct address
  • Monologue

Post caption

there is only one exception to designing at 1920x1080. everything else should be less than that. #design #website #uidesign #webdesign

Text overlays

  • title · beginning

    why designing websites at 1920x1080 is a huge mistake

Transcript

There is a lie and a myth that we need to break right tier, right now as designers. I recently posted a video talking about what design should or what width should I be using for my designs. And a lot of you are saying nineteen twenty by ten eighty is the most common size that people are viewing websites on. Well, this is true from analytics. This is actually not entirely correct. This is a myth. Nineteen twenty by ten eighty is the most common HD desktop monitor size. Right? So that makes sense. However, this desktop monitor size. Right? So that makes sense. However, this assumes that someone is opening tier website full width on their laptop. We don't actually have the ability without doing, like, custom code to see what is the most common view within the nineteen twenty by common view within the nineteen twenty by ten eighty. So all we have access to is the device itself, the screen resolution. I almost guarantee that if you observe worse, like, using the Internet, that you are not actually using your browser at full width. You are probably like, I'm looking at my computer right now over tier. It's probably like yes than that. So be really careful with the assumption that nineteen twenty by ten eighty is the correct size. In fact, I would argue that it's probably way too big and that most people aren't actually viewing their site at full width, with maybe the exception of ecommerce. I do feel like sometimes when you're shopping, you like to be full width because you can see more products at once. But, like, the average website, probably not.

Explaining a common web design mistake | Viral Hooks