Responsive Design breakpoint traps

Allessandro has made a good write up about responsive web design and analyzed some examples – the only problem I have is that he falls into the device/breakpoint trap as many do – me included.

Most responsive website just look great at certain screen sizes – a normal Laptop Screen, the iPad, the iPhone … everything in between looks often akward.

If the design has fixed widths then we generate white space (therefore the many minimal designs) or if we have fluid designs, we get strange overlays when sidebars don’t move to the right place or we have too long text lines, that make the content unreadable.

And there will be more viewers with odd screen sizes than we have now in the future – so most of the responsive websites of today will be redone in a couple of years when they become unbearable.

Another downfall of responsive is that it’s not so easy to optimize the user experience because you are bound to the same structure. If you have to load a new page on the desktop, you have to load it on the mobile view as well. I’m still on the boat of having separated mobile sites if you have major functionality changes … if not than responsive is good enough.
#responsive #design #webdesign

Embedded Link

Responsive Design: One Design for Each Job: Not Enough!
For any web designer, thinking responsive means accepting a new challenge: to be creative not only to produce something that works well on desktop PCs, but also on tablets and smartphones; to create n…

Google+: View post on Google+



Comments are closed.