#RandomRant #WebDev #UX
I think I am growing increasingly annoyed and frustrated with all the so-called “responsive designs”. 😬
From a user-experience perspective, especially on desktop, using the UI is just: awful. 😬
You resize your window by a few pixels, and whoops!, the whole page structure suddenly gets completely mixed up: elements unpredictably appear or disappear, get resized or/and moved to the other side of the page, the font size suddenly doubles, etc. just because you happened to cross an invisible threshold that a drunk designer arbitrarily decided would separate two different page structures! 🙃
You don’t need to resize a window after the page is opened to see the effect: if you just happen to go to a website you are used to with a slightly smaller browser window than what you use most of the time, the positions of the interface elements might have completely changed compared to what you are used to, and you’ll need some time to look around to find where that damn table of contents or navigation bar went to!
This makes the interfaces harder to memorize and “learn”, because the elements positions are never the same, and although all of this follows some rules that the designers felt were “logical” (from their point of view), these rules are unknown to the user, obscure, sudden and invisible.
And those rules are totally illogical and arbitrary, based on the designer’s intuitions, not the user needs when they actually use the application in their specific situation!
If I am resizing the browser window in which I browse your three-columns website to make it smaller by a few pixels, it’s probably because I feel that the current size is too big, and that a slightly smaller size for the main (central) column will be large enough for my use current use. Or else I would not be resizing it to make it smaller, would I?
But because I crossed an invisible threshold, you decide to suddenly remove a whole column from my page, and suddenly expand the main one to fill the now empty space! Well then, that expanded column is suddenly becoming bigger by a few hundred pixels, which is much bigger than what I expected it would become when I thought that it was OK to reduce its size (because I was resizing the window to make it smaller 😒)!
Suddenly changing the page organization and structure of the page according to invisible and unpredictable rules makes it impossible (or much harder) for the users to customize the applications to suit their needs, even in the most basic ways (I mean, resizing a window! 🙄), because they can only predict the result of resizing the window with the page structure and design that is currently visible, not a totally different structure that the page might suddenly and unexpectedly switch to!
Compare this to the experience with desktop applications (including web browsers themselves): controls and UI elements never jump around or get mixed up simply because the window is resized! A sidebar doesn’t decide on its own to become a bottom bar after the aspect-ratio changed!
The elements always remain in the same position and size.
OK, the size of some elements/columns can be automatically adjusted depending on the size of the window, but this is all predictable to the user, and the rules are easy to understand instinctively (ie. “this column has fixed size and this other column takes the rest of the available space” is obvious as soon as you resize the window once). The result is always predictable.
And if at some point the user feel that the size of a column or element becomes too narrow or too big, they can almost always easily decide to resize it themselves, with a draggable handle. Takes only seconds.
Depending on the complexity and customizability of the application, you can sometimes move and reorganize different parts of the interface and controls with drag and drop (sidebar, bottom bar, toolbox, etc.), and sometimes you can only toggle them, or only resize some element in a single direction, etc. but in all cases those elements remain in the position you put them and keep the size and visibility status you decided, unless you decide to move them yourself explicitly.
This is how usable and non-frustrating interfaces should be, not some unpredictable mess where controls play hide-and-seek or decide to jump to the other side on the page whenever you least expect it. 