{"id":760,"date":"2016-07-07T08:10:47","date_gmt":"2016-07-07T06:10:47","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=760"},"modified":"2016-08-09T17:28:58","modified_gmt":"2016-08-09T15:28:58","slug":"infografiken-webentwicklung-webdesign","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/infografiken-webentwicklung-webdesign\/","title":{"rendered":"7 Infografiken \u00fcber Webentwicklung und Webdesign"},"content":{"rendered":"<p>Wir bei Usersnap sind gro\u00dfe Fans von visueller Kommunikation. Daher interessieren uns nat\u00fcrlich auch Infografiken als Medium sehr. Im heutigen Blog Post haben wir 7 sehens- und lesenswerte Infografiken rund um die Themen Webentwicklung und Webdesign zusammengestellt. Au\u00dferdem erkl\u00e4ren wir, warum Infografiken im Langzeit-Ged\u00e4chtnis gespeichert werden und daher besonders interessante Inhalte sind. Los geht&#8217;s!<\/p>\n<p><!--more--><\/p>\n<h2>Das k\u00f6nnen Infografiken<\/h2>\n<p>Infografiken zeigen \u00fcberblicksartig Fakten und Statistiken zu einem bestimmten Thema und helfen, dieses schnell zu erfassen.<\/p>\n<p>Wie Dr. Lynn Burmack herausgefunden hat, werden <a href=\"https:\/\/rhdeepexploration.wordpress.com\/2011\/12\/05\/visuals-60000-times-faster\/\"  target=\"_blank\"  >Bilder und visuelle Inhalte \u00fcbrigens im Langzeit-Ged\u00e4chtnis gespeichert, w\u00e4hrend Textinhalte im Kurzzeit-Ged\u00e4chtnis das Bewusstsein schnell wieder verlassen.<\/a><\/p>\n<p>W\u00e4hrend Sie sich morgen an diese einleitenden Worte voraussichtlich nicht mehr erinnern k\u00f6nnen, werden die nachfolgenden Infografiken Sie also sehr wahrscheinlich noch l\u00e4nger begleiten. Ich habe mich daher bem\u00fcht, die Infografiken so kurz es geht zusammenzufassen.\u00a0 Viel Spa\u00df beim Lesen &amp; Lernen!<\/p>\n<h2>1. Woraus bestehen Websites?<\/h2>\n<p>Wir fangen einmal ganz langsam an: Diese Infografik gibt eine gute \u00dcbersicht \u00fcber Programmiersprachen, HTML5, Datenspeicherung und E-Mail-Nutzung.<br \/>\n<img decoding=\"async\" class=\"aligncenter size-full wp-image-767\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/what_websites_made_of_infographic_full-1.jpg\" alt=\"infografik websites\" width=\"842\" height=\"5617\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/what_websites_made_of_infographic_full-1.jpg 842w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/what_websites_made_of_infographic_full-1-45x300.jpg 45w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/what_websites_made_of_infographic_full-1-21x140.jpg 21w\" sizes=\"(max-width: 842px) 100vw, 842px\" \/><\/p>\n<h2>2. Webdesign und UX Trends f\u00fcr 2016<\/h2>\n<p>Das Jahr 2016 ist zwar jetzt schon wieder zur H\u00e4lfte vorbei, aber diese Webdesign und UX Trends sind trotzdem sehr lohnenswert und anschaulich zusammengefasst.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-761\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/Infographic-2016-Web-design-trends.jpg\" alt=\"Infographic-2016-Web-design-trends\" width=\"1024\" height=\"5347\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/Infographic-2016-Web-design-trends.jpg 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/Infographic-2016-Web-design-trends-196x1024.jpg 196w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/Infographic-2016-Web-design-trends-27x140.jpg 27w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<h2>3. Warum verlassen Ihre Kunden Ihre Website?<\/h2>\n<p>Das ist eine Frage die Unternehmer, Marketer und Designer gleicherma\u00dfen besch\u00e4ftigt. Die Infographik von Kissmetrics zeigt \u00fcbersichtlich einige Gr\u00fcnde auf: zu viel Werbung, zu unstrukturiert, Registrierung erforderlich. Aber sehen Sie am besten einfach selbst.<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter size-full wp-image-763\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/leaves-a-website-design-usability-infographic.png\" alt=\"infograpfik webdesign\" width=\"1000\" height=\"6676\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/leaves-a-website-design-usability-infographic.png 1000w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/leaves-a-website-design-usability-infographic-45x300.png 45w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/leaves-a-website-design-usability-infographic-21x140.png 21w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/h2>\n<h2>4. Ist es Zeit Ihre Website zu \u00fcberarbeiten?<\/h2>\n<p>Wenn Ihre Absprungraten zu hoch ist, kann es Sinn machen Ihre Website zu \u00fcberarbeiten. Hier finden Sie Ideen zur Zielgruppen-Ausrichtung, Design, Content und Strukturierung, wie Sie die \u00dcberarbeitung angehen k\u00f6nnen.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-770\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/is-it-time-to-rethink-your-website.jpg\" alt=\"infografik webdesign\" width=\"692\" height=\"3000\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/is-it-time-to-rethink-your-website.jpg 692w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/is-it-time-to-rethink-your-website-69x300.jpg 69w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/is-it-time-to-rethink-your-website-236x1024.jpg 236w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/is-it-time-to-rethink-your-website-32x140.jpg 32w\" sizes=\"(max-width: 692px) 100vw, 692px\" \/><\/p>\n<h2>5. So sehen Sie Websites: 101 on Eye Tracking<\/h2>\n<p>Die folgende Infografik widmet sich einem \u00e4u\u00dferst spannenden Thema, n\u00e4mlich wie die Augenbewegungen verlaufen, wenn wir eine Website ansehen. Dieses Wissen ist \u00e4u\u00dferst hilfreich f\u00fcr Designer, die sich \u00fcber Buttons, Farben und Struktur Gedanken machen.<\/p>\n<h2><img decoding=\"async\" class=\"aligncenter size-full wp-image-772\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/eye-tracking.png\" alt=\"infografik eye tracking\" width=\"800\" height=\"3480\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/eye-tracking.png 800w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/eye-tracking-69x300.png 69w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/eye-tracking-32x140.png 32w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/h2>\n<h2>6. Wie arbeiten Webentwickler und Kunden zusammen?<\/h2>\n<p>Vor einigen Monaten haben wir gemeinsam mit Assembla eine Studie zur Arbeit von Webentwicklern mit ihren Kunden gemacht. Die Ergebnisse finden Sie hier.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-293\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/03\/studie-so-arbeiten-webentwickler-und-agenturen-zusammen-2.png\" alt=\"infografik webentwickler\" width=\"800\" height=\"3201\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/03\/studie-so-arbeiten-webentwickler-und-agenturen-zusammen-2.png 800w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/03\/studie-so-arbeiten-webentwickler-und-agenturen-zusammen-2-75x300.png 75w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/03\/studie-so-arbeiten-webentwickler-und-agenturen-zusammen-2-768x3073.png 768w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/03\/studie-so-arbeiten-webentwickler-und-agenturen-zusammen-2-256x1024.png 256w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/03\/studie-so-arbeiten-webentwickler-und-agenturen-zusammen-2-35x140.png 35w\" sizes=\"(max-width: 800px) 100vw, 800px\" \/><\/p>\n<h2><\/h2>\n<h2>7. Webdeveloper &amp; Webdesigner: Finden Sie die Unterschiede<\/h2>\n<p>Zum Schluss noch etwas Lustiges: Hier sehen Sie die Unterschiede zwischen Webentwicklern und Webdesignern. Vielleicht kommt Ihnen ja einiges aus dem B\u00fcro bekannt vor.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-766\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/webdesigners_vs_webdevelopers_grafik.jpg\" alt=\"webdesigners_vs_webdevelopers_grafik\" width=\"550\" height=\"856\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/webdesigners_vs_webdevelopers_grafik.jpg 550w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/webdesigners_vs_webdevelopers_grafik-193x300.jpg 193w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/07\/webdesigners_vs_webdevelopers_grafik-90x140.jpg 90w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/p>\n<p>Wir von Usersnap hoffen, dieser Post hat Ihnen gefallen und freuen uns, wenn Sie uns auf <a href=\"https:\/\/twitter.com\/usersnap\"  target=\"_blank\"  >Twitter<\/a> folgen. Dort tweeten wir regelm\u00e4\u00dfig \u00fcber Web Development, Webdesign und UAT.<\/p>\n<p><em>Usersnap ist ein Bug Tracking und Screenshot-Tool f\u00fcr jedes Webprojekt. Erhalten Sie sofort Feedback von Ihren Website-Besuchern. Jetzt kostenlos testen!<\/em><\/p>\n<p><img decoding=\"async\" class=\"alignnone wp-image-107 size-full\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/02\/Bildschirmfoto-2016-02-24-um-14.58.05-e1458129781372.png\" width=\"600\" height=\"150\" \/><\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Wir bei Usersnap sind gro\u00dfe Fans von visueller Kommunikation. Daher interessieren uns nat\u00fcrlich auch Infografiken als Medium sehr. Im heutigen Blog Post haben wir 7 sehens- und lesenswerte Infografiken rund um die Themen Webentwicklung und Webdesign zusammengestellt. Au\u00dferdem erkl\u00e4ren wir, warum Infografiken im Langzeit-Ged\u00e4chtnis gespeichert werden und daher besonders interessante Inhalte sind. Los geht&#8217;s!<\/p>\n","protected":false},"author":2,"featured_media":788,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-760","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-development"],"acf":[],"_links":{"self":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/760","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/comments?post=760"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/760\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/788"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=760"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=760"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=760"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}