Take the 2-minute tour ×
User Experience Stack Exchange is a question and answer site for user experience researchers and experts. It's 100% free, no registration required.

Responsive design focuses on delivering the content based on screen resolution (pixels).

As screen resolution sizes of mobiles and tablets increase (tablets are now desktop monitor screen resolution), the effectiveness of responsive design becomes obsolete. If a tablet has desktop monitor screen resolution but is physically still 10", the website will be too 'small' to interact with and responsive design won't help.

Shouldn't responsive design focus on a screen ratio (take in account screen resolution AND physical device size)?

share|improve this question

closed as not constructive by ChrisF, DA01, JohnGB, dhmholley, Benny Skogberg MCSA Dec 4 '12 at 5:36

As it currently stands, this question is not a good fit for our Q&A format. We expect answers to be supported by facts, references, or expertise, but this question will likely solicit debate, arguments, polling, or extended discussion. If you feel that this question can be improved and possibly reopened, visit the help center for guidance.If this question can be reworded to fit the rules in the help center, please edit the question.

6  
Responsive design focuses on delivering the content based on screen resolution (pixels). Not quite; that's not the spirit of responsive design, it's just the current best method of implementation. If devices start reporting better stats about what they physically are, those stats could be used instead –  Ben Brocka Dec 1 '12 at 14:35
    
Just because mobile devices boast similar pixel resolutions to desktop setups, does not neccesairly mean they should serve content the same, because their usage scenarios can be quite different. Responsive also means taking target devices and consumation habits into account for how content is served, consumed and layed out. –  kontur Dec 3 '12 at 8:08

5 Answers 5

Responsiveness is here to stay. The reason being because it just not scales down a design to fit a screen resolution but instead it focuses on how to give your website user the best view as per his/her viewing device say tablet, phone or pc.

So, as long as we will keep trying to present the website user a view as per his/her viewing device responsive design is likely to remain.

Also it is worth noting here that responsive website design allows a responsive website to adapt its layout to the viewing device, user agent, and environment and not just by resolution only.

share|improve this answer
    
I think what UXCandy is asking is how long can we use this css3 media quires like: @media all and (max-width: 1000px) and (min-width: 700px) –  Igor-G Dec 1 '12 at 12:32

Responsive design is, or should be, based on the content and not the device, screen size or resolution. Images and text are only allowed to be a certain size and, if need be, moved to an appropriate location based on that.

That is where things are moving now but responsive design is definitely more work with extra planning and detail, particularly when you know things will move or resize as you go from small to large. Note I didn't say from mobile to tablet to desktop.

share|improve this answer

I believe that responsive design will be effective in the future. As you know CSS3 is not a finalized yet. I doubt it that W3C would allow it to become obsolete.

Also its possible to find out the screen size if you get the width and height of the device and divide it by ppi of the screen. 640px / 326 ppi = 1.96 inch this way you know that the screen size is small.

I believe responsive is here to stay it just might change the way we write it.

share|improve this answer
    
I agree. What I'm trying to assess is: As screen resolutions increase progressively faster, how much 'life' does a current responsive design have? What do you think? –  UXCandy.net Dec 1 '12 at 12:17
    
@UXCandy.net To answer this we need to know when the new devices with larger resolutions are coming out... but even then there are ways to use responsive as the approach to cater the design to different devices. –  Igor-G Dec 1 '12 at 12:42
1  
Computing device size in JavaScript is often very inaccurate (simply bugs in JavaScript). It's not ready for prime time. –  obelia Dec 1 '12 at 17:40
1  
@uxcandy.net responsive design isn't just for tablets. It's for all devices. –  DA01 Dec 2 '12 at 7:22

Shouldn't responsive design focus on a screen ratio (take in account screen resolution AND physical device size)?

Yes, and to the extent of my understanding of current web tech, this isn't possible. So I would say the current standard techniques of laying out webpages (responsive design in the technical sense) will soon be superseded by techniques that take into account both physical size and pixel dimensions.

(As the complexity of this problem increases an imperative approach (i.e. JavaScript) will probably be adopted. Currently JavaScript doesn't provide a robust way to determine device size but this should be coming soon.)

share|improve this answer
    
Note that even that is not enough. You also need to take the typical distance between the user and the screen into account. A phone is usually held closer than a tablet, which is closer than a laptop or desktop screen, which is way closer than a TV screen. Even if they all have the same resolution screen, that makes for different demands on their presentation of content. –  André Feb 7 at 15:08

I want responsive design to die. For some reason late last year/early this year we dropped pushing "Mobile First" when designing. This is the real focus, mobile first.

Responsive design is good in theory but in practice everyone is getting it wrong. Changing their IA for each device or break point, moving boundaries in their site, it annoys me and it is bad for the brain trying to re-find something when/if your user returns.

Let's get back to mobile first and designing IA, navigation, and boundaries that don't change when you switch to different devices. Keep your headlines as headlines, and images floating or centered dont change because of your real-estate.

share|improve this answer

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