{"id":1388,"date":"2016-11-08T09:39:32","date_gmt":"2016-11-08T08:39:32","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=1388"},"modified":"2016-11-08T09:39:32","modified_gmt":"2016-11-08T08:39:32","slug":"webdesign-erfahrungsdesign","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/webdesign-erfahrungsdesign\/","title":{"rendered":"Webdesign ist tot. Lang lebe Erfahrungsdesign"},"content":{"rendered":"<p>In einer k\u00fcrzlich erschienenen Ausgabe des Offscreen Magazine erkl\u00e4rte Eric Meyer, ein bekannter Berater, Autor und Webdesigner, warum er sich nicht mehr als \u201eWebdesigner\u201c bezeichnet, und stattdessen den Titel \u201eErfahrungsdesigner\u201c (Experience Designer) bevorzugt.<\/p>\n<p>In der heutigen Zeit scheint der Begriff \u201eWebdesign\u201c ein bisschen untertrieben, vor allem, wenn man bedenkt, wie stark sich Webdesign in den letzten 20 Jahren ver\u00e4ndert hat.<\/p>\n<p>Die traditionelle Definition von Webdesign hat sich sehr stark weiterentwickelt, vor allem in den letzten Jahren. Das Internet ist allgegenw\u00e4rtig, egal ob wir an Smart-Bubbles, Brillen oder an andere IoT-Ger\u00e4te denken. Ich bin mir sicher, die Pioniere des Internets w\u00e4ren \u00fcberrascht, in welchen Ger\u00e4ten heutzutage Webdesign gefunden werden kann.<!--more--><\/p>\n<h2><strong>Designen f\u00fcr das Netz<\/strong><\/h2>\n<p>Der Schwerpunkt und die Reichweite von Webdesign hat sich durch die Entwicklung von Erfahrungsdesigns, das bis vor kurzem noch in den Kinderschuhen steckte, komplett ver\u00e4ndert. Durch Nutzung von <a href=\"http:\/\/usersnap.com\/blog\/human-centered-bug-reporting-with-visual-elements\/\"  >auf Menschen gerichteten Konzepte<\/a>n hat es die Art und Weise wie man heutzutage Webseiten erstellt v\u00f6llig ver\u00e4ndert.<\/p>\n<p>Sehen wir uns doch einmal an, wie j\u00fcngste Entwicklungen Webdesign ver\u00e4nderten und warum der Begriff \u201eWebdesign\u201c heute sogar eher irref\u00fchrend ist.<\/p>\n<h2><strong>Die traditionelle Idee des Webdesigns<\/strong><\/h2>\n<p>Wor\u00fcber reden wir eigentlich, wenn es um \u201etraditionelles Webdesign\u201c geht?<\/p>\n<p>Naja, fr\u00fcher war alles etwas anders.<\/p>\n<p>Browser waren nicht wirklich <a href=\"http:\/\/usersnap.com\/blog\/tracking-js-the-computer-vision-power-of-javascript\/\"  >leistungsf\u00e4hig<\/a>, ganz zu schweigen von den Computern, auf denen sie liefen. Das Internet selbst war immer noch ziemlich neu, und obwohl Leute sehr wohl verstanden, was sie damit machen konnten, wurde die Ausf\u00fchrung immer von einem funktionalen Standpunkt durchgef\u00fchrt.<\/p>\n<p>Traditionelles Webdesign war nichts anderes als der Anzug, den die Technik trug, um f\u00fcr ihr Publikum gut auszusehen.<\/p>\n<p>Bis vor kurzem konzentrierten sich Webdesigner vor allem auf die \u201e\u00c4sthetik der Dinge\u201c und verschwendeten keinen Gedanken daran, wie der Nutzer die Webseite <em>erlebte<\/em>.<\/p>\n<p>In diesen Tagen wurde von Webdesignern oft verlangt, dass Sie eine Webseite auf Basis existierender Designelemente (vor allem aus der Offlinewelt) bauen. Diese Vorgehensweise gleicht mehr der des Designs eines Dokumentes. Statisch und ziemlich linear.<\/p>\n<p>Bekannt als das Konzept des <a href=\"http:\/\/usersnap.com\/blog\/buttons-web-design\/\"  >Skeuomorphismus<\/a>, \u00fcbertragen Webdesigner vorhandene, physische Objekte in das Netz. Die <a href=\"http:\/\/usersnap.com\/blog\/buttons-web-design\/\"  >Evolution der Buttons<\/a> im Webdesign ist ein gutes Beispiel f\u00fcr Skeuomorphismus.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-981\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/skeuomorphic-button-design-website.jpg\" alt=\"skeuomorphic-button-design-website\" width=\"648\" height=\"354\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/skeuomorphic-button-design-website.jpg 948w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/skeuomorphic-button-design-website-300x164.jpg 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/skeuomorphic-button-design-website-140x76.jpg 140w\" sizes=\"(max-width: 648px) 100vw, 648px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Klar, Webseiten hatten auch fr\u00fcher Animationen und waren schon immer komplexer als Printmedien. Aber die Seiten von damals unterschieden sich grundlegend von den Seiten, die heute im Internet zu finden sind.<\/p>\n<p>Ein Gro\u00dfteil der Arbeit von Webdesignern war sicherzustellen, dass das Design in ein ordentliches Ger\u00fcst passte und in HTML-Code integriert werden konnte. Dies entwickelte sich daraufhin zur Anforderung, dass eine Webseite auf einem Smartphone oder Tablet dargestellt werden konnte, aber es ging nie \u00fcber das Interface hinaus.<\/p>\n<p>Ich will damit nicht sagen, dass die traditionelle Vorstellung von Webdesign falsch ist, ganz und gar nicht. Was ich sagen will ist, dass das gesamte Konzept zu eng f\u00fcr den heutigen Markt ist. Ein Webdesigner muss wesentlich mehr leisten als das zuvor Beschriebene.<\/p>\n<p>Webdesign hat sich in etwas viel Gr\u00f6\u00dferes verwandelt und komplett ver\u00e4ndert, wie wir unsere Seiten gestalten und in welchem Licht wir Webdesign betrachten.<\/p>\n<h2><strong>Von Webdesign zu <\/strong><strong>Usere<\/strong><strong>rfahrung<\/strong><\/h2>\n<p>Techniken des Webdesigns haben sich gewaltig ver\u00e4ndert und sind zu etwas geworden, dass mehr ist als nur \u00c4sthetik. Tats\u00e4chlich beeinflusst es die Art, wie User mit Technologie interagieren.<\/p>\n<p><em>Steve Jobs beschrieb es sehr gut: \u201eDesign ist nicht nur, wie es aussieht und wie es sich anf\u00fchlt. Design ist, wie es funktioniert.\u201c<\/em><\/p>\n<p>An irgendeinem Punkt in den letzten Jahren wurde Webdesign zu etwas Allumfassenden.<\/p>\n<p>Design hat sich in das Leben der Menschen integriert und wurde zum Mittelpunkt.<\/p>\n<p>Nick Dank gab in seinem <a href=\"https:\/\/uxmag.com\/articles\/web-design-is-not-dead-youre-just-talking-about-it-wrong\"  target=\"_blank\"  >Artikel im UX Magazin<\/a> eine wundervolle Definition der weitverbreiteten Ansicht, wie sich Webdesign von den grundlegenden Standards entfernt. Er erkl\u00e4rte, dass<em> \u201eWebdesign ein Netzwerk von zusammenh\u00e4ngenden Diensten ist, dass \u00dcberlegungen zu Informationsarchitektur, Webentwicklung, \u00e4sthetischem Design, Marketingstrategie und Inhalt braucht, die alle zusammenarbeiten, um eine gute Usererfahrung zu schaffen\u201c.<\/em><\/p>\n<p>Es stimmt, sich als simplen Webdesigner zu bezeichnen, tut der Vielzahl von Rollen unrecht, die Sie im Leben der Nutzer Ihres Systems spielen.<\/p>\n<p>Der Webdesigner von heute ist verantwortlich f\u00fcr das Gestalten einer kompletten Erfahrung f\u00fcr den User. Wenn wir uns die Jobbeschreibung eines Webdesigners ansehen, finden wir eine Menge Anforderungen, die \u00fcber die traditionelle Definition des Webdesigners hinausgehen.<\/p>\n<p>Die Ankunft von hyper-zug\u00e4nglicher Technologie hat eine Verschiebung vom Webdesign vergangener Tage zu einer breiteren und wesentlich relevanteren Funktion der \u201eUsererfahrung\u201c verursacht.<\/p>\n<h2><strong>Von userbasiertem zu menschenbasiertem Design<\/strong><\/h2>\n<p>Als Technikfreaks verwenden wir das Wort \u201eUser\u201c ziemlich oft. Was wir aber eigentlich meinen ist \u201eMenschen\u201c. Manche Leute in der Branche haben mittlerweile ein Problem mit der weitverbreiteten Analogie der \u201eUser\u201c.<\/p>\n<p>Die Tatsache, dass User nur Menschen sind, und ihre Aufmerksamkeit (zum Beispiel auf eine Webseite) stark von ihrem mentalen Zustand beeinflusst wird, wird in vielen Konzepten zu Usererfahrungen oft \u00fcbersehen.<\/p>\n<p><em>An Menschen statt User zu denken wird hochwahrscheinlich bessere Designs erzeugen, die mehr im Einklang mit menschlichem Verhalten sind.<\/em><\/p>\n<p><a href=\"http:\/\/ux.stackexchange.com\/questions\/72445\/human-centered-design-vs-user-centered-design\"  target=\"_blank\"  >Quelle<\/a><\/p>\n<p>Erfahrungsdesign l\u00e4sst Dinge trotzdem sch\u00f6n aussehen, aber es besch\u00e4ftigt sich auch mit der vollst\u00e4ndigen Erfahrung des Users.<\/p>\n<p>Bei einer Erfahrung geht es vor allem darum, eine Erfahrung zu kreieren. Genau wie das Auspacken Ihres brandneuen Handys eine Erfahrung ist, sollte der Besuch Ihrer Webseite genauso eine Erfahrung sein. Heute geht es einfach nicht mehr ohne.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1427\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/11\/web-designer-job-description-1024x659.png\" alt=\"web-designer-job-description\" width=\"724\" height=\"466\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/11\/web-designer-job-description-1024x659.png 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/11\/web-designer-job-description-300x193.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/11\/web-designer-job-description-140x90.png 140w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/11\/web-designer-job-description.png 1050w\" sizes=\"(max-width: 724px) 100vw, 724px\" \/><\/p>\n<p>Zus\u00e4tzlich ist es beim Erfahrungsdesign wichtig, \u00fcberall da zu sein, wo der Nutzer ist. Mobiles Design f\u00fcr Handys, Tablets und sogar Armbanduhren fordert eine konsistente Erfahrung, die jedoch sehr zielgerichtet ausgef\u00fchrt werden muss.<\/p>\n<p>All dies macht Erfahrungsdesign um einiges menschlicher. W\u00e4hrend Webdesign in der Lage war, des Designs willens zu gestalten, ist dies bei Erfahrungsdesign nicht mehr m\u00f6glich.<\/p>\n<h2><strong>Erfahrungsdesign als menschenbezogene Herangehensweise<\/strong><\/h2>\n<p>Erfahrungsdesign beinhaltet viel mehr Regeln als traditionelles Webdesign, wie Menschen interagieren wollen. Tats\u00e4chlich basiert der gesamte Ansatz auf einem komplett anderen Konzept. Diese neue Arbeitsweise macht die Dinge einfacher f\u00fcr den User, und um dies zu erreichen verwendet es eine menschenbezogene Herangehensweise.<\/p>\n<p>Erfahrungsdesigner versuchen, die menschliche Natur zu erfassen, und dem Nutzer \u00fcberall, wo er mit der Anwendung oder Webseite agiert, eine spezifische Erfahrung zu bieten.<\/p>\n<p>Und um das Ganze sogar noch effektiver zu machen, baut Erfahrungsdesign auf Userfeedback. Bevor Sie Feedback von den Besuchern Ihrer Seite haben, egal auf welche Weise, k\u00f6nnen Sie im Prinzip nur raten, was funktioniert und was nicht. Ein cleverer Designer wird seine\/ihre Grundprinzipien nutzen und mit Feedback erweitern.<\/p>\n<p>Die Designer selbst sind heutzutage sogar oft verantwortlich f\u00fcr das Implementieren von Feedbacktools wie Optimizely oder Usersnap, um zu lernen, wie User mit ihrer Webseite interagieren.<\/p>\n<h2><strong>Fazit<\/strong><\/h2>\n<p>Erfahrungsdesign vereint \u201eDesign\u201c und \u201eBusiness\u201c.<\/p>\n<p>Heute ver\u00e4ndern Unternehmen auf der ganzen Welt das Design ihrer Webseiten, um mit ihrem Erfahrungsdesign \u00fcbereinzustimmen. Einfach und nutzerfreundlich sind die Werte von heute, w\u00e4hrend der Nutzer bei alten Designsprachen hart arbeiten musste, um zu erreichen, was er wollte.<\/p>\n<p>Erfahrungsdesign bringt eine Marke dahin, wo Leute sind, sei es auf ihrem Smartphone oder ihrem Laptop. Es erf\u00fcllt die Erwartungen der Menschen, ohne sie jemals getroffen zu haben, und versucht eine direkte Verbindung zwischen dem User und der Marke herzustellen.<\/p>\n<p>Es ist wahrscheinlich der st\u00e4rkste erste Schritt, um eine gro\u00dfartige Beziehung von Unternehmen und Kunden aufzubauen und schafft f\u00fcr eine Marke Charakter.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In einer k\u00fcrzlich erschienenen Ausgabe des Offscreen Magazine erkl\u00e4rte Eric Meyer, ein bekannter Berater, Autor und Webdesigner, warum er sich nicht mehr als \u201eWebdesigner\u201c bezeichnet, und stattdessen den Titel \u201eErfahrungsdesigner\u201c (Experience Designer) bevorzugt. In der heutigen Zeit scheint der Begriff \u201eWebdesign\u201c ein bisschen untertrieben, vor allem, wenn man bedenkt, wie stark sich Webdesign in den [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":1423,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-1388","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\/1388","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\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/comments?post=1388"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/1388\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/1423"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=1388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=1388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}