Responsive Web Design.
Problems and Their Solutions.
Aleksey Pashin,
Art Director at QuartSoft
Email: alexp@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
• ...
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 we...
Technological Problems
• Design process
• Navigation
• Image sizes
• Third-party content
• Device errors and bugs
• IE 
©...
Aesthetic Problems
Mobile First ?(Luke Wroblewski)
©2013. QuartSoft
©2013. QuartSoft
©2013. QuartSoft
©2013. QuartSoft
©2013. QuartSoft
©2013. QuartSoft
Solutions and Conclusions
• Analyzing necessity
• Allowing user to choose
• Keeping abreast of innovations in the industry...
And What Is Design?
Design is not only layout
– Typography
– Colors
– Graphics
– Interactivity
– Textures
– Atmosphere
– a...
©2013. QuartSoft
Aleksey Pashin
Art Director at QuartSoft
Email: alexp@quartsoft.com
Skype: alex.pashin
www.quartsoft.com
Upcoming SlideShare
Loading in...5
×

Responsive Web Design – Reaching out to Mobile Users

722

Published on

Information technologies never stop evolving. As a matter of fact, we are witnessing their extremely rapid development in our digital era. This explosive development of digital technologies has led to increased mobility of Internet users. According to experts, the number of smartphone users will soon surpass the number of those using desktop computers and laptops. This means that more people will browse products in the World Wide Web through mobile devices such as smartphones and tablets. For example, there was the 35% yearly increase in online purchases through mobile devices in the United States in 2012. But the main problem for today’s online businesses is that not all sites are properly optimized for relatively small and diverse screen sizes of mobile phones and tablets. Google's research has revealed that 75% of online buyers prefer using mobile friendly websites, and 61% of web shoppers go to competitors once on a site not properly adapted for mobile devices. In our upcoming webinar we’ll discuss how to solve the responsive web design issue in order to help entrepreneurs keep up with the latest technologies on their way to success. - See more at: http://quartsoft.com/webinars/20130429-responsive-web-design

Published in: Technology, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
722
On Slideshare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
5
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Responsive Web Design – Reaching out to Mobile Users

  1. 1. Responsive Web Design. Problems and Their Solutions. Aleksey Pashin, Art Director at QuartSoft Email: alexp@quartsoft.com Skype: alex.pashin ©2013. QuartSoft www.quartsoft.com
  2. 2. Rising Mobile Internet Usage ©2013. QuartSoft
  3. 3. Devices and Screen Resolutions ©2013. QuartSoft
  4. 4. Who Needs Responsive Design? • Users? • Site owners? • App developers? ©2013. QuartSoft
  5. 5. Responsive Web Design (Google) ©2013. QuartSoft
  6. 6. Standalone Mobile Version of a Site (Jakob Nielsen) ©2013. QuartSoft
  7. 7. RESS (Responsive Design + Server Side Components) ©2013. QuartSoft
  8. 8. 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
  9. 9. It sounds rosy, doesn’t it? ©2013. QuartSoft
  10. 10. But it's not so in reality ©2013. QuartSoft
  11. 11. Common Problems • Strategic • Technological • Aesthetic ©2013. QuartSoft
  12. 12. Strategic Problems • Necessity of responsive design • Responsive design vs. Mobile version of a site • Adapting current website • Time • Resources ©2013. QuartSoft
  13. 13. Technological Problems • Design process • Navigation • Image sizes • Third-party content • Device errors and bugs • IE  ©2013. QuartSoft
  14. 14. Aesthetic Problems Mobile First ?(Luke Wroblewski) ©2013. QuartSoft
  15. 15. ©2013. QuartSoft
  16. 16. ©2013. QuartSoft
  17. 17. ©2013. QuartSoft
  18. 18. ©2013. QuartSoft
  19. 19. ©2013. QuartSoft
  20. 20. 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
  21. 21. And What Is Design? Design is not only layout – Typography – Colors – Graphics – Interactivity – Textures – Atmosphere – and more. ©2013. QuartSoft
  22. 22. ©2013. QuartSoft Aleksey Pashin Art Director at QuartSoft Email: alexp@quartsoft.com Skype: alex.pashin www.quartsoft.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×