Questions tagged [viewport]

The Visual viewport is the part of the page that’s currently shown on-screen. The layout viewport can be considerably wider than the visual viewport, and contains elements that appear and do not appear on the screen.

Filter by
Sorted by
Tagged with
0 votes
1 answer
37 views

Should you flex items throughout all the viewport on desktop?

I've been noticing many popular websites often don't span items throughout all the viewport on desktop screens. For instance, Google: I noticed this recently while building a website. I was flexing ...
user avatar
1 vote
1 answer
361 views

Dealing with keyboard on mobile devices in prototyping tools such as Figma

I am trying to build an app and I'm starting with prototyping it, but I am not a professional UX & UI designers (I'm a software developer), so apologies if my question seems silly. I am starting ...
user avatar
  • 356
1 vote
1 answer
288 views

Menu sidebar height on small screen resolutions

I'm currently having a challenge on a SaaS I'm helping designing, regarding small screen sizes. That SaaS has a menu sidebar on the left as its main navigation, with 2 levels of navigation. The ...
user avatar
0 votes
1 answer
58 views

Whitespace viewport dependency (should CTAs be visible or not)

We've read few Q&A on this topic, also done the research but most of the articles says what whitespace is, not how to calculate it. When designing for smaller screens, should the whitespace ...
user avatar
  • 105
0 votes
1 answer
479 views

Visual designs for multiple screen sizes [duplicate]

We are designing a website for desktop and tablets, which needs to work for 1366x768, 1024x768, 1920x1080, 600x1024, 1600x900 - the most common resolutions as per Stat Counter Global stats in India. I ...
user avatar
0 votes
3 answers
105 views

By how much should slow/fast forward/backward scroll?

I am developing an application for visualizing graphs that contain technical data. The user can move the graphs left or right with 4 buttons: fast step backward - symbol = "<<" slow step ...
user avatar
3 votes
2 answers
381 views

Responsive Web Design based on physical size?

The current practice of using media queries via pixel-thresholds is fine, but what if someone decided to use their 50-inch 4k tv as a vertical monitor and actually sit really close to it? I could see ...
user avatar
  • 131
0 votes
1 answer
1k views

mobile and tablet responsivenes between landscape and portrait layouts

When designing Apps or websites for mobile or tablet we have to consider if the layout will change when the alignment of the device changes. I believe this is a kind of responsiveness. Noticed that ...
user avatar
  • 10.5k
0 votes
2 answers
831 views

What is the recommended default viewport for fixed-width websites?

Let's say I have a website (This is the actual one). It has a fixed width of 1024px and the content is centered. I use width=device-width, initial-scale=1 for setting up the website to be nicely ...
user avatar
2 votes
1 answer
248 views

Gracefully Constrain Window Size

I am working on a program that does not have many visual elements on the GUI, also, unlike what has been suggested previously, there are no multiple levels of detail or possible elements to add and ...
user avatar
  • 121
0 votes
3 answers
2k views

Lightbox larger than viewport data

I was wondering if there is any data exists describing users' feelings towards a gallery-linked image lightbox being larger than the user's viewport--specifically vertically larger--such that the user ...
user avatar
20 votes
4 answers
3k views

Is viewport size a useful design constraint, and how are viewport sizes distributed?

I'm trying to support or falsify the hypothesis that desktop browser viewport size is distributed multimodally (that is, with "peaks" in the distribution that might make for useful website design ...
user avatar
  • 6,438
5 votes
3 answers
960 views

Handling images larger than viewport in carousel-based gallery

I'm trying to figure out the best way to design an image gallery embedded in a lightbox. The gallery has thumbnail versions of each image in a carousel, and clicking a thumbnail brings that image ...
user avatar
  • 696