1

What desktop screen sizes do you design for?

almost 3 years ago from , Product Designer

This morning I was designing a desktop view when I started wondering what is the most popular screen height when it comes to Desktop. Sketch suggests you by default the XL large screen as "Desktop HD" (1440x1024px), but looking at the stats looks like this size is very uncommon! (statscounter.com says the closest is 1440x900px, but even that one is used only on 6.5% of the desktop users!). Instead, the most popular formats are: - 1366x768px (25%) - 1920x1080px (19%)

What's your opinion on this? And what sizes do you usually consider when designing?

(of course, all sizes should be supported, but I think there should be additional care for the most popular sizes, which is not the case if we use the default 1440x1024px as the base for our desktop screen design)

7 comments

  • Nicolas PythonNicolas Python, almost 3 years ago

    We use sites like http://gs.statcounter.com/ to figure out which resolutions are most common for our users. Based on that we go for most common break points. It's also a valuable resource for most used devices of your clients.

    1 point
  • Jimmy Koli, almost 3 years ago

    We generally design for 1388x768 resolution. Since this is the most common resolution used for laptops.

    1 point
  • Waldy Przybyslawski, almost 3 years ago

    Very dependent on user analytics data, but generally speaking, 1200px width is my baseline, with a post-1200 breakpoint to optimize for large displays.

    0 points
  • Philip Banks, almost 3 years ago

    For which audience? statscounter gives you generic stats.Who is your user?

    0 points
  • Jon .Jon ., almost 3 years ago

    My designfiles usually contains a 2560, 1680 and 320. The rest i collab with front-end on.

    0 points
  • Duke CavinskiDuke Cavinski, almost 3 years ago

    1200, 992, 768, 544, 375, 320. 767-376 is a bit of a dead zone for us, so I let that range essentially act as fluid but functional.

    0 points
  • Andrei Rac, almost 3 years ago

    To start, I usually use a 1140 grid as reference, which ensures that it will work well on the majority of laptop screens. That said, the layout may be flexible, so it looks great on anything between 1024 (iPad landscape) and 1440, where it stops expanding.

    0 points