0

While creating responsive layouts for mobile apps, we take into account WIDTH of screen, and create layouts for different WIDTHS, but why don't we consider HEIGHT?

If 2 devices have a lot of difference in HEIGHT, my app in one device will look drastically different from the one in other device. Doesn't responsive layout mean that my app should look the same in devices of all widths and heights?

2
  • Feel free to consider height in your apps when necessary. I do.
    – Luciano
    May 11, 2021 at 9:53
  • 1
    Why is it that you think that height is not taken into consideration? Also, responsive layout is not specifically about making it look the same in different screen sizes, it's about making it functional in them.
    – musefan
    May 11, 2021 at 12:00

2 Answers 2

0

Good UI design should consider height -- for example, it should avoid creating "false floors" and not make the user scroll for ages (unless they want to, such as with Twitter).

With users controlling the font size on their mobile devices, it's very challenging to force all content to fit into a certain width and height without the overall design breaking. Left-to-right scrolling has not only been shown to be undesirable, it's too close to swiping gestures on mobile. Vertical scrolling is acceptable for most users.

-1

Preface

When we're talking about the interfaces, we're obliged to take into account the devices that makes us possible to display the content we aim to see. So that the main medium when the term responsivity was introduced was computer screens/displays and web through computers.

As you might imagine displays of all the computers/notebooks, the screens are rectangular on default and people using these displays intend to make browsers/applications minimized via reducing it's width rather than the height as it opens more broader and wider area.

Answers

Doesn't responsive layout mean that my app should look the same in devices of all widths and heights?

Well, it's just because in these days mostly people are mobile users and the term need to be updated as the term responsivity originally also covers the same issue. Or there might be attempts to describe the concept differentially as only mobile users ran into this seperation since web is mostly on rectangular screens.

If 2 devices have a lot of difference in HEIGHT, my app in one device will look drastically different from the one in other device

Besides you're totally correct and even it's the same for width for development point of view, it might mostly happening beacuse the heights are used %100 to fit all the screen sizes for mobile preferably. But that's not my main arguement and point to avoid using responsivity as a height on mobile or web eventually.

2
  • 1
    that doesn't answer the question
    – Luciano
    May 11, 2021 at 9:55
  • well, then read again @Luciano. May 11, 2021 at 9:56

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.