{"id":659,"date":"2015-11-25T16:03:14","date_gmt":"2015-11-25T15:03:14","guid":{"rendered":"https:\/\/www.saskialund.de\/?p=659"},"modified":"2021-04-06T23:55:42","modified_gmt":"2021-04-06T21:55:42","slug":"responsive-web-design-is-not-rocket-science","status":"publish","type":"post","link":"https:\/\/isla-stud.io\/en\/ratgeber\/responsive-webdesign-kein-hexenwerk\/","title":{"rendered":"Responsive web design - no witchcraft!"},"content":{"rendered":"<p>Even if such changes cause worried faces on the one hand, Google is basically doing the web user a huge favor with this measure:<br>In Germany, 89% of the population actively use the Internet. That is 71.7 million people. Of these, 39.2 million people use the internet via mobile devices. That is 48% of the German population who use the internet on a mobile device every day.<br>And the trend is rising! According to the latest report: <a href=\"http:\/\/wearesocial.net\/blog\/2015\/01\/digital-social-mobile-worldwide-2015\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">\"Digital, Social and Mobile in 2015 report\" <\/a>by the organization \"We are Social\", web traffic from mobile users has increased by 39% since January 2014, with a third of all websites worldwide being displayed on mobile devices.<br><a href=\"http:\/\/adwords.blogspot.com\/2015\/05\/building-for-next-moment.html\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Google announced in May<\/a>that in 10 countries, including the U.S., Japan and Germany, more searches were made on smartphones than on desktop PCs.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024.jpg\" alt=\"Digital Social Mobile Deutschland 2015\" class=\"wp-image-2494\" srcset=\"https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024.jpg 1024w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024-980x735.jpg 980w, https:\/\/www.saskialund.de\/wp-content\/uploads\/2015\/11\/digital-social-mobile-in-2015-122-1024-480x360.jpg 480w\" sizes=\"(min-width: 0px) and (max-width: 480px) 480px, (min-width: 481px) and (max-width: 980px) 980px, (min-width: 981px) 1024px, 100vw\" data-no-translation=\"\" data-no-auto-translation=\"\" \/><\/figure>\n\n\n\n<p>If these figures are not convincing enough for you, you should simply ask yourself how you use the Internet nowadays and how often you actually use your smartphone or tablet instead of switching on your PC when you want to do some quick online research.<\/p>\n\n\n\n<p>If you already own a website with \"Responsive Design\", you must be aware of the <a href=\"http:\/\/www.verisign.com\/en_US\/domain-names\/web-presence\/website-optimization\/responsive-web-design\/index.xhtml?inc=www.saskialund.de\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">obvious advantages<\/a> not have to be convinced first.<\/p>\n\n\n\n<p>Small businesses that do not have a mobile-optimized website or even a website at all are basically invisible to the majority of Internet users, and therefore to potential customers, when it comes to finding their products and services via mobile devices - this is especially true for local businesses.<br>The good news is that it has never been easier to put a mobile-optimized website online or to transform an existing website into a mobile-friendly site.<\/p>\n\n\n\n<p>On behalf of the <a href=\"http:\/\/www.birgithueppmeier.de\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">IT Consulting H\u00fcppmeier<\/a> I reprogrammed the existing website of an osteopathic naturopathic practice in M\u00fcnster into a site optimized for mobile devices. One of Ms. H\u00fcppmeier's main concerns was that the effort involved in adapting the code might be far too expensive and that it would therefore be more worthwhile to have a completely new website programmed.<\/p>\n\n\n\n<p>After examining the website in question, I submitted a corresponding offer. In the end, the time and money involved was many times less than it would have been for a complete reprogramming.<\/p>\n\n\n\n<p>You can view the mobile-optimized result, which only required a single daily rate, here: <a href=\"http:\/\/www.osteopathie-am-kiepenkerl.de\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">http:\/\/www.osteopathie-am-kiepenkerl.de<\/a><br>It is best to access the link with a tablet or smartphone to try out the mobile view. If you access the link using a desktop computer or laptop, you can also see and test the mobile view: simply narrow your browser window so that the window width looks like an iPad or smartphone.<br>You can test the above-linked site for mobile views particularly easily if you use an online tool such as <a href=\"http:\/\/quirktools.com\/screenfly\/#u=http%3A\/\/www.osteopathie-am-kiepenkerl.de\/&amp;w=1024&amp;h=600&amp;a=1&amp;s=1\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Screenfly from Quirktools<\/a> or <a href=\"http:\/\/www.responsive-design-test.de\/website-test?url=http%3A%2F%2Fwww.osteopathie-am-kiepenkerl.de%2F\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">responsive-design-test.de<\/a> use.<\/p>\n\n\n\n<p>If you are also interested in such a dynamic adaptation of your existing website, I look forward to receiving your email!<\/p>","protected":false},"excerpt":{"rendered":"<p>In April of this year, Google changed its algorithms in favour of websites that look better on mobile devices and whose performance is optimized for mobile devices.<br \/>\nSo-called \"responsive web design\" is rated better by Google and corresponding websites are ranked higher in the search results. Of course, this news is really bad news for owners of conventional inflexible websites without any optimization of the display for mobile devices.<\/p>","protected":false},"author":1,"featured_media":751,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"categories":[13],"tags":[],"dipi_cpt_category":[],"class_list":["post-659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ratgeber"],"acf":[],"_links":{"self":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/posts\/659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/comments?post=659"}],"version-history":[{"count":0,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/posts\/659\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/media\/751"}],"wp:attachment":[{"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/media?parent=659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/categories?post=659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/tags?post=659"},{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/isla-stud.io\/en\/wp-json\/wp\/v2\/dipi_cpt_category?post=659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}