RESPONSIVE DESIGN x MOBILE WEB SITE
RESPONSIVE DESIGN is a way to make the same desktop website change through different CSS stylesheets. The HTML site is nothing more than text wrapped within tags that has no style whatsoever. When we include some meta tags within the head in the HTML document that limits the range of sizes recognized for tablets and for smartphone applying for both different CSS stylesheet built for specific for tables and for smartphones.
Responsive Design is of the 3 Mobile Web Development strategies that is appropriated for semantic markup that use stylesheets and script to define appearance such as images, layout, etc. It is not appropriated for all websites, products or companies.
MOBILE WEB APP or MOBILE-SPECIFC approach is the one which mobile-specific content is built and delivered to mobile devices (both tablets and/or smartphones). This approach is the third of the 3 mobile content approaches and usually involves some kind of server-side detection and redirection. Mobile-specific approach is good for pages that are complex and differ greatly from one form factor to another; for sites where mobile and desktop are independently maintained.
Nowadays there is a trend to make responsive design Web sites that are responsible to understand and know all the different hardware mobile sizes and also the pixels they are capable to read and for me this is a mistake.
Nobody can do one design that fit all existing devices, that is optimized for all of them and the ones to come. Every months a new device enter to the market with new screen size, new capabilities and capable to read more and more pixels. There is no such a thing as one design for all just as in the developer world we already know that there is no silver bullet for everything.
Why do we want to make responsible design about one for all?
The best way for me to make desktop versions nowadays are optimizing them to be responsible to tablets and separating them to the Smartphone mobile world. The desktop Web site version can have a media query or Meta tag that can determine if the http request comes from a smartphone by a condition in which less than certain sizes it will redirect to the mobile site that is optimized just for the mobile small screen sizes. It is simpler and does not try to catch everything as the responsible design methodology tries to encompass.
As a user of tablet, I do not like to be presented with a simple stripped out mobile Web version that would work well for the Smartphone screens. My tablet has a bigger screen real state that is capable to handle responsible lighter desktop versions or even the full desktop Web site. Why then present to our users the Smartphone mobile Web site version if a responsive design for tablet would work?
That is where responsible design is best for: desktop and tablet.
Responsive Design is of the 3 Mobile Web Development strategies that is appropriated for semantic markup that use stylesheets and script to define appearance such as images, layout, etc. It is not appropriated for all websites, products or companies.
MOBILE WEB APP or MOBILE-SPECIFC approach is the one which mobile-specific content is built and delivered to mobile devices (both tablets and/or smartphones). This approach is the third of the 3 mobile content approaches and usually involves some kind of server-side detection and redirection. Mobile-specific approach is good for pages that are complex and differ greatly from one form factor to another; for sites where mobile and desktop are independently maintained.
Nowadays there is a trend to make responsive design Web sites that are responsible to understand and know all the different hardware mobile sizes and also the pixels they are capable to read and for me this is a mistake.
Nobody can do one design that fit all existing devices, that is optimized for all of them and the ones to come. Every months a new device enter to the market with new screen size, new capabilities and capable to read more and more pixels. There is no such a thing as one design for all just as in the developer world we already know that there is no silver bullet for everything.
Why do we want to make responsible design about one for all?
The best way for me to make desktop versions nowadays are optimizing them to be responsible to tablets and separating them to the Smartphone mobile world. The desktop Web site version can have a media query or Meta tag that can determine if the http request comes from a smartphone by a condition in which less than certain sizes it will redirect to the mobile site that is optimized just for the mobile small screen sizes. It is simpler and does not try to catch everything as the responsible design methodology tries to encompass.
As a user of tablet, I do not like to be presented with a simple stripped out mobile Web version that would work well for the Smartphone screens. My tablet has a bigger screen real state that is capable to handle responsible lighter desktop versions or even the full desktop Web site. Why then present to our users the Smartphone mobile Web site version if a responsive design for tablet would work?
That is where responsible design is best for: desktop and tablet.
Comments
Post a Comment