{"id":891,"date":"2016-08-10T09:12:17","date_gmt":"2016-08-10T07:12:17","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=891"},"modified":"2016-08-10T09:12:17","modified_gmt":"2016-08-10T07:12:17","slug":"emotionales-design","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/emotionales-design\/","title":{"rendered":"Emotionales Design: F\u00fcr Produkte, die in Erinnerung bleiben"},"content":{"rendered":"<p>In der heutigen Zeit reicht es nicht l\u00e4nger, Produkte zu designen, die funktionieren. Produkte m\u00fcssen eine gro\u00dfartige User Experience haben, um langfristig und gerne benutzt zu werden, die \u00fcber reine Funktionalit\u00e4t hinausreicht. Die Designer und Autoren <a href=\"https:\/\/en.wikipedia.org\/wiki\/Don_Norman\"  target=\"_blank\"  >Don Norman<\/a> und <a href=\"http:\/\/aarronwalter.com\/\"  target=\"_blank\"  >Aarron Walter<\/a> besch\u00e4ftigen sich seit Jahrzehnten mit der Frage, wie Design positive und erinnerungswerte Erfahrungen schaffen kann.<\/p>\n<p>In diesem Blog Post will ich &#8211; ausgehend von den Forschungen von Norman und Walter &#8211; fragen, was emotionales Design ausmacht und warum Produkte in Erinnerung bleiben. Los geht\u2019s!<\/p>\n<p><!--more--><\/p>\n<h2>Mehr als Funktionalit\u00e4t &#8211; Design, das f\u00fcr den User funktioniert<\/h2>\n<p>Das Problem kennt jeder: Man zieht an einem T\u00fcrgriff, obwohl man eigentlich h\u00e4tte dr\u00fccken sollen. Die Richtung der T\u00fcr ist nicht eindeutig erkennbar. Diese T\u00fcren nennt man \u201cNorman Doors\u201d, benannt nach dem Professor und Designer \u201cDon Norman\u201d, der sich in B\u00fcchern wie \u201cThe Design of Everyday Things\u201d mit der Funktionalit\u00e4t von Alltagsgegenst\u00e4nden besch\u00e4ftigt.<\/p>\n<p><iframe loading=\"lazy\" src=\"https:\/\/www.youtube.com\/embed\/yY96hTb8WgI\" width=\"560\" height=\"315\" frame allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Nat\u00fcrlich funktioniert eine \u201cNorman Door\u201d, sie l\u00e4sst sich \u00f6ffnen und schlie\u00dfen, aber sie funktioniert nicht f\u00fcr den <em>User<\/em>. Produktmanager, Designer und QA-Agenten besch\u00e4ftigten sich mit der Frage: \u201cWie kann man Produkte schaffen, die f\u00fcr den User funktionieren\u201d den ganzen Tag.<\/p>\n<h2>Emotionales Design: bessere Produkte f\u00fcr positive Reaktionen<\/h2>\n<p>Aarron Walter, General Manager of New Products bei Mailchimp und Autor des Buches \u201cDesigning for Emotion\u201d, fasst diese Frage unter dem Begriff \u201cEmotionales Design\u201d zusammen.<\/p>\n<p>Was bedeutet das?<\/p>\n<p>Nach Aarron Walters Theorie sollte ein Produkt funktionell, zuverl\u00e4ssig und verwendbar sein sollte (in dieser Reihenfolge). Emotionales Design ist eine weitere Ebene, die zu einem Produkt hinzutritt, wenn die reine Funktionalit\u00e4t sichergestellt ist.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-898\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-05-um-14.49.22.png\" alt=\"Produktdesign Walter\" width=\"536\" height=\"442\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-05-um-14.49.22.png 1036w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-05-um-14.49.22-300x247.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-05-um-14.49.22-1024x844.png 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-05-um-14.49.22-140x115.png 140w\" sizes=\"(max-width: 536px) 100vw, 536px\" \/><\/p>\n<p>Emotionales Design soll dabei eine positive Reaktion im User ausl\u00f6sen und die Erfahrung mit einem Produkt erfreulich und erinnerungswert machen.<\/p>\n<h2>Was bringt emotionales Design?<\/h2>\n<p>Gutes Design bringt positive Emotionen zum Vorschein. Dies k\u00f6nnen sein: \u00dcberraschung, Zufriedenheit, Dankbarkeit, Originalit\u00e4t, Vorfreude, Erfolg. \u00dcberlegen Sie einmal, was Ihre Lieblingsapp ist und welche Emotionen, sie bei der Verwendung dieser empfinden. Das kann \u00dcberraschung sein, wenn Sie neue Funktionen entdecken, wie z. B. die <a href=\"http:\/\/www.pcadvisor.co.uk\/how-to\/social-networks\/how-face-swap-in-snapchat-other-apps-new-summary-3636570\/\"  target=\"_blank\"  >Face Swap Lenses von Snapchat<\/a>. Oder auch das Gef\u00fchl von Erfolg, wenn Sie bei Pokemon Go ein neues Level erreichen.<\/p>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/DAKWo9IswWm1W\" width=\"480\" height=\"540\" frame allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>Ein weiterer Vorteil von positiven Gef\u00fchlen bei der Verwendung eines digitalen Produkts ist, dass gleichzeitig auch die Frustrationstoleranz steigt: Kleine Fehler verzeihen wir eher, wenn die Gesamterfahrung positiv ist.<\/p>\n<h2>3 gute Beispiele f\u00fcr emotionales Design<\/h2>\n<h3>1. Das Gef\u00fchl, etwas erreicht zu haben<\/h3>\n<p>Wir benutzen digitale Produkte wie Mailchimp, Intercom oder Trello, um unsere Arbeitsabl\u00e4ufe zu dokumentieren, um Kommunikation zu vereinfachen und um effektiver zu arbeiten.<\/p>\n<p>Das Gef\u00fchl etwas erreicht zu haben muss dabei nicht unbedingt von einem erledigten Projekt stammen, sondern kann auch eintreten, wenn man z. B. bei Trello Projekte und Aufgaben \u00fcbersichtlich angelegt und mit Deadlines versehen hat. Damit werden Aufgaben \u00fcberschaubar und einfacher zu bew\u00e4ltigen. Die M\u00f6glichkeit Aufgaben zu verschieben &#8211; etwa vom Ordner \u201cDoing\u201d in \u201cDone\u201d kann dabei zus\u00e4tzlich f\u00fcr die Motivation steigernd sein.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-899\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/home-hero.png\" alt=\"design trello\" width=\"553\" height=\"308\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/home-hero.png 1353w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/home-hero-300x167.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/home-hero-1024x571.png 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/home-hero-140x78.png 140w\" sizes=\"(max-width: 553px) 100vw, 553px\" \/><\/p>\n<p>Die Produkte, die es Usern erleichtern, dass zu machen was sie tun wollen, l\u00f6sen positive Gef\u00fchle aus. Das gilt besonders auch dann, wenn es sich um komplizierte Aufgaben handelt, die man sonst eher vor sich herschiebt.<\/p>\n<h3>2. Interaktives Design<\/h3>\n<p>Produkte k\u00f6nnen dann f\u00fcr Happiness und Neugier sorgen, wenn man sie auf der Landing Page direkt ausprobieren kann. Wir haben bei Usersnap daher direkt unser Feedback-Tool auf der Website eingebaut, damit interessierte User direkt Screenshots machen und annotieren k\u00f6nnen und ein Gef\u00fchl f\u00fcr das Produkt bekommen.<\/p>\n<p>Bei Bellroy kann man ein physisches Produkt direkt ausprobieren: eine Geldb\u00f6rse. Das Problem, dass man zu viele Karten im Portmonee hat wird einigen bekannt vorkommen. Bei Bellroy kann man nun mit einem Schieber zwei Geldb\u00f6rsen im Vergleich sehen und den Schieber bewegen, um Karten hinzuzuf\u00fcgen oder wegzunehmen. (Leider hat meine eigene Geldb\u00f6rse mehr \u00c4hnlichkeit mit dem linken Portmonee\u2026? ). Fun und interaktives Webdesign.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-894\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-04-um-12.31.11.png\" alt=\"Bellroy Design\" width=\"584\" height=\"296\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-04-um-12.31.11.png 2484w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-04-um-12.31.11-300x152.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-04-um-12.31.11-1024x519.png 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-04-um-12.31.11-140x71.png 140w\" sizes=\"(max-width: 584px) 100vw, 584px\" \/><\/p>\n<p>Eine Seite, die erm\u00f6glicht \u00fcber Produkte auf neue Art und Weise nachzudenken, macht neugierig und schafft positive User Experience.<\/p>\n<h3>3. Design das ist, wie einen guten Freund zu treffen<\/h3>\n<p>Es ist kein Geheimnis, das wir bei Usersnap Mailchimp-Fans sind. Das freundliche Logo, die lockere und doch professionelle Ansprache sowie unwiderstehliche <a href=\"http:\/\/qz.com\/298094\/how-mailchimps-irresistible-serial-ad-became-the-years-biggest-marketing-win\/\"  target=\"_blank\"  >Audio-Werbung<\/a> machen die Brand sympathisch. Man merkt: hier arbeiten Menschen mit einem besonderen Humor und viel Kommunikations-Geschick und Witz.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-900 size-full\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/mailchimp-404-error-page.jpg\" alt=\"mailchimp-404-error-page\" width=\"577\" height=\"555\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/mailchimp-404-error-page.jpg 577w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/mailchimp-404-error-page-300x289.jpg 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/mailchimp-404-error-page-140x135.jpg 140w\" sizes=\"(max-width: 577px) 100vw, 577px\" \/>In den meisten F\u00e4llen, wenn wir uns mit einem Unternehmen auseinander setzen, passiert das nicht pers\u00f6nlich, sondern \u00fcber eine Website oder ein Produkt. Aber dennoch will man sich nicht so f\u00fchlen, als w\u00fcrde man sich mit einem leblosen Produkt oder einer langweiligen Corporate Identity besch\u00e4ftigen, sondern will eine lebhafte, humorvolle, vielleicht inspirierende Erfahrung. Von Fehlermeldungen bis zu \u201cWillkommens-Mails\u201d sollte alles einen sehr pers\u00f6nlichen Ton haben.<\/p>\n<h2>Fazit<\/h2>\n<p>Produkte, die lediglich funktionieren, haben heutzutage keinen Erfolg mehr. Produkte sollten immer auch positive Emotionen wie Neugier, Erwartung, Freude oder \u00dcberraschung ausl\u00f6sen. Wie das geht geh\u00f6rt zu den wichtigsten Fragen, die sich Designer und Produktmanager heute stellen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>In der heutigen Zeit reicht es nicht l\u00e4nger, Produkte zu designen, die funktionieren. Produkte m\u00fcssen eine gro\u00dfartige User Experience haben, um langfristig und gerne benutzt zu werden, die \u00fcber reine Funktionalit\u00e4t hinausreicht. Die Designer und Autoren Don Norman und Aarron Walter besch\u00e4ftigen sich seit Jahrzehnten mit der Frage, wie Design positive und erinnerungswerte Erfahrungen schaffen [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":969,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-891","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\/891","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=891"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/891\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/969"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=891"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=891"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=891"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}