Responsive design (Showing diffrent pages(icons) for Mobile/Tablet users)

[Yamsafer.com]

I'm writing this question just to insure that we are implementing the responsive design correctly.Example of pages: http://www.yamsafer.me/en/united-arab-emirates/abu-dhabi/hotel/beach-rotana-abu-dhabiAnother : http://www.yamsafer.me/enCan we show different pages(Enhanced for mobile users) to mobile/Tablets visitors (sure same content) but with new icons that enhance the User experience for mobile/tablet users , while hiding these items to PC, laptop users?.Thanks

[LesleyPaone]

You totally can, but be careful. With media queries, your viewers will still be loading all of the resources even if they are not present on the screen. That is one main reason why people normally opt to using smaller versions of their current graphics, they just resize them in the css.

[CleverPhD]

Agree with Lesley.  We ended up using a user agent sniffer to detect mobile devices and show a mobile version of the site for those users for that reason.   We did not want users on a phone having to download all the assets on the desktop site that 90% were going to be hidden anyway.  I think this type of issue will decrease as we get more of the LTE networks online and more users on them, but for our users we went this route so that they get a fast loading mobile site.

[LesleyPaone]

A thing I mentioned earlier in another thread, you might watch out about doing that. With the new devices being able to share screens, someone could be trying to cast your site on a monitor or a tv from their phone. It would be frustrating viewing a mobile site on a big tv.

[CleverPhD]

I think that is a side case though on how often that happens.  Most people are just using a phone as a phone.    Your example is probably most likely occurring with people who are giving presentations etc.  You could look at your analytics and see how many users are using a mobile OS with a large screen resolution, I bet it is pretty low.

[LesleyPaone]

With chromecast coming to market, it could be a more pervasive problem. I haven't actually used a device like this or the others out, but I would bet that you could not get the resolution of the daisy chained display.

[CleverPhD]

That then gets back to the original issue.  If all you have access to is the original resolution of the mobile device, that is how the page would render vs that of the daisy chained display.