Download - Responsive Web Design – Reaching out to Mobile Users

Responsive Web Design.

Problems and Their Solutions.

Aleksey Pashin,Art Director at QuartSoftEmail: [email protected]: alex.pashin

©2013. QuartSoftwww.quartsoft.com

Rising Mobile Internet Usage

©2013. QuartSoft

Devices and Screen Resolutions

©2013. QuartSoft

Who Needs Responsive Design?

• Users?• Site owners?• App developers?

©2013. QuartSoft

Responsive Web Design (Google)

©2013. QuartSoft

Standalone Mobile Version of a Site(Jakob Nielsen)

©2013. QuartSoft

RESS (Responsive Design + Server Side Components)

©2013. QuartSoft

Responsive Design – the Solution

• Uniform code• Transparent development process • Same URL structure across platforms• Content accessible on all devices • Meeting needs of the ever-changing market

©2013. QuartSoft

Anything that’s fixed and unresponsive isn’t web design anymore, it’s something else. If you don’t embrace the inherent fluidity of the web, you’re not a web designer, you’re something else. Web design is responsive design. Responsive Web Design is web design, done right.

Andy Clarke

It sounds rosy, doesn’t it?

©2013. QuartSoft

But it's not so in reality

©2013. QuartSoft

Common Problems

• Strategic• Technological• Aesthetic

©2013. QuartSoft

Strategic Problems

• Necessity of responsive design • Responsive design vs. Mobile version of a site • Adapting current website • Time• Resources

©2013. QuartSoft

Technological Problems

• Design process• Navigation• Image sizes• Third-party content• Device errors and bugs• IE

©2013. QuartSoft

Solutions and Conclusions

• Analyzing necessity• Allowing user to choose • Keeping abreast of innovations in the industry • Optimizing • Keeping content in mind• Progressive enhancement + RESS (Responsive

Design + Server Side Components) • Trend is nothing but a word

©2013. QuartSoft

And What Is Design?

Design is not only layout– Typography– Colors– Graphics– Interactivity– Textures– Atmosphere– and more.

©2013. QuartSoft

Download - Responsive Web Design – Reaching out to Mobile Users

Top Related