I'm trying to figure out which is the best width dimension for our designs that will eventually get handed off to developers. Our most popular screen dimension is 1920 x 1080 by like 75% over others. It's been this dimension for years (based on analytics). Our max-width for content is 1440px. I find designing at 1920 x 1080 with the max-width in place represents our customers screen more than a smaller size like 1440px wide. Some designers prefer designing at 1440px wide. We do use a 12 column grid system based on Bootstrap.
When designs are set at 1440px wide, then the content isn't as wide as if it's designed at 1920px wide due to the flexibility of the grid. There's about an 80px margin difference on each side of the content on 1440px wide designs. I also do some development work and based on my experience, I prefer to reference wireframes that more accurately show what I'm looking at in the browser when checking my code. If there are any other developers out there reading this, then please offer your advice as well. Some of the feedback I've heard from other designers are, "designing for 1920 is too wide" and "it doesn't matter if it's at 1440 since the grid is flexible".
To summarize my questions…
- Which screen width dimension would you design for, 1920 or 1440 based on the info provided above?
- Is it easier to develop referencing a more accurate screen width wireframe?
- Are the designer's feedback valid points?
Please let me know if additional information is necessary.