{"id":994,"date":"2016-08-16T09:55:59","date_gmt":"2016-08-16T07:55:59","guid":{"rendered":"http:\/\/usersnap.com\/de\/blog\/?p=994"},"modified":"2016-10-07T15:54:02","modified_gmt":"2016-10-07T13:54:02","slug":"produkte-emotionen","status":"publish","type":"post","link":"https:\/\/usersnap.com\/de\/blog\/produkte-emotionen\/","title":{"rendered":"Wie Produkte unsere Emotionen beeinflussen: Wie wir uns f\u00fchlen, wenn wir bestimmte Produkte verwenden."},"content":{"rendered":"<p>Jeder kennt das Ph\u00e4nomen: Emotionen beeinflussen, was wir kaufen. Werbung ist dazu da, bestimmte Emotionen hervorzurufen, die uns zum Kauf bewegen. Dieser Teil der Geschichte ist klar. Aber wie geht es weiter? Wie beeinflussen Produkte, die wir benutzen unsere Emotionen?Und welche Emotionen werden getriggert?<\/p>\n<p>Emotionales Design ist ein spannendes Thema, mit dem sich Produktmanager und Designer besch\u00e4ftigen. Die Idee dabei ist, nicht Produkte zu entwickeln, sondern positive Erfahrungen zu erm\u00f6glichen.<\/p>\n<p>In diesem Artikel stelle ich die Frage, wie bestimmte digitale Produkte unsere Emotionen beeinflussen und gebe einige Beispiele f\u00fcr emotionales Webdesign.<\/p>\n<p><!--more--><\/p>\n<h2>Was macht ein gro\u00dfartiges Produkt aus?<\/h2>\n<p>Die Frage \u201cWas macht ein gro\u00dfartiges Produkt aus\u201d wird von Produktmanagern wie Designern t\u00e4glich neu gestellt. In jedem Fall soll ein Produkt positive, erinnerungswerte Erfahrungen f\u00fcr den User erm\u00f6glichen. Nat\u00fcrlich ist Design, Konzeption und User Testing wichtig, aber am Ende geht es darum, wie sich der User bei der Verwendung eines Produktes <i>f\u00fchlt.<\/i><\/p>\n<p>Ist der User happy, eine M\u00f6glichkeit zu haben, alle Aufgaben strukturiert anzulegen? Oder ist er frustriert, weil er in einem Online-Shop nicht das gefunden hat, das ihn interessiert?<\/p>\n<p>Gro\u00dfartige User Experience beginnt damit zu \u00fcberlegen, wie sich der User f\u00fchlt, was er sucht und welche Faktoren seine Erfahrung beeinflussen.<\/p>\n<h2>Don Normans drei Ebenen von Design<\/h2>\n<p>Der Designer und Professor Don Norman hat in seinem Buch \u201cEmotional Design\u201d drei verschiedene Ebenen beschrieben: 1. Visceral Design, 2. Behavioural Design, 3. Reflective Design.<\/p>\n<p>Was verbirgt sich hinter diesen Begriffen?<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-998\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-09-um-16.22.04.png\" alt=\"Produktdesign Norman\" width=\"474\" height=\"267\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-09-um-16.22.04.png 874w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-09-um-16.22.04-300x169.png 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Bildschirmfoto-2016-08-09-um-16.22.04-140x79.png 140w\" sizes=\"(max-width: 474px) 100vw, 474px\" \/><\/p>\n<ol>\n<li><b><b>Visceral Design <\/b><\/b><\/li>\n<\/ol>\n<p>Damit wird Design bezeichnet, das instinktive, vielleicht auch unbewusste Reaktionen hervorruft. Wenn jemand Ihnen sagt, dass Sie die App Ihres 10-j\u00e4hrigen Nachbarns ausprobieren sollen, dann werden Ihre Erwartungen vielleicht nicht so hoch sein und Ihre Erfahrung wird vermutlich schlechter sein, als sie ohne dieses Wissen w\u00e4re.<\/p>\n<p>Dies viszerale Reaktion ist oftmals unmittelbar und gelenkt von unseren Vorerfahrungen und Erwartungen.<\/p>\n<ol start=\"2\">\n<li><b>Behavioural Design <\/b><\/li>\n<\/ol>\n<p>Hier geht es um die Frage, wie sich ein Produkt anf\u00fchlt, wie es reagiert. Das ist die wichtigste Ebene, wenn es um die Frage geht: Wie beeinflusst ein Produkt unsere Emotionen? Wie f\u00fchlen wir uns, wenn wir das Produkt verwenden?<\/p>\n<ol start=\"3\">\n<li><b>Reflective Design <\/b><\/li>\n<\/ol>\n<p>Vielleicht sitzen Sie im Bus, der Akku Ihres Smartphones ist leer und Sie denken daran, wie es w\u00e4re, jetzt Candy Crush zu spielen. Oder Two Dots. Oder Pokemon Go. Das Nachdenken \u00fcber Produkte bezeichnet Norman als \u201cReflective Design\u201d.<\/p>\n<h2>Das f\u00fchlt man bei diesen Produkten und Features<\/h2>\n<h3>1. Autonomie<\/h3>\n<p>Selbstbestimmtheit und Kontrolle ist ein wesentlicher Faktor, um User zufrieden und gl\u00fccklich zu machen. Das Dr\u00fccken des \u201cSave\u201d-Buttons gibt einem zum Beispiel dieses Gef\u00fchl. Auch wenn der Save-Button heutzutage bei vielen Produkten \u00fcberfl\u00fcssig geworden ist, vermissen wir ihn, wenn er nicht da ist, wie z. B. in Google Drive. Nicht umsonst sieht man in Google Docs daher entweder den Text \u201cWird gespeichert\u2026\u201d oder \u201cAlle \u00c4nderungen gespeichert.\u201d Dies dient allein dazu, Usern das Gef\u00fchl der Kontrolle zu geben.<\/p>\n<p><img decoding=\"async\" class=\"aligncenter wp-image-1016\" src=\"http:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Untitled-design8.jpg\" alt=\"Save Button\" width=\"700\" height=\"350\" srcset=\"https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Untitled-design8.jpg 1200w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Untitled-design8-300x150.jpg 300w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Untitled-design8-1024x512.jpg 1024w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Untitled-design8-140x70.jpg 140w, https:\/\/usersnap.com\/de\/blog\/wp-content\/uploads\/2016\/08\/Untitled-design8-700x350.jpg 700w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/p>\n<p>Ein Save-Button, in diesem Sinne auch bekannt als \u201cPlacebo\u201d-Button, gibt einem nicht nur Kontrolle, sondern auch das Gef\u00fchl, etwas geschafft zu haben. Etwas, dass es sich lohnt zu speichern!<\/p>\n<p>&nbsp;<\/p>\n<h3>2. Vertrautheit<\/h3>\n<p>Vertrautheit ist ein wichtiger Bestandteil, wenn es um neue Produkte geht. Das bezieht sich sowohl auf vertraute Strukturen als auch auf vertrautes Design. Das Ph\u00e4nomen, wenn digitale Produkte das Design physischer Produkte nachahmen, bezeichnet man als \u201cSkeuomorphismus\u201d. Der Onboarding-Prozess mag bei Produkten dieser Art k\u00fcrzer sein, jedoch wirkt Design, dass real-life-Elemente nachahmt heute &#8211; in Zeiten von Flat Design &#8211; auch etwas outdated.<\/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>Vertrautheit muss sich nicht unbedingt auf das unmittelbar sichtbare Design beziehen, sondern kann sich auch auf die Navigation beziehen oder intuitive Aktionen, die User aus anderen Anwendungen kennen.<\/p>\n<p>&nbsp;<\/p>\n<h3>3. Erfolg<\/h3>\n<p>Wan hat Ihnen zuletzt jemand gratuliert, weil Sie E-Mails verschickt haben? Wenn Sie Mailchimp verwenden, dann ist das vermutlich noch nicht allzu lange her. Die Success-Seite von Mailchimp, nach Aussendung eines Newsletters zeigt n\u00e4mlich folgendes Gif.<\/p>\n<p><iframe loading=\"lazy\" class=\"giphy-embed\" src=\"\/\/giphy.com\/embed\/xT8qBmnzL4QzoUc2By\" width=\"480\" height=\"254\" frame allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<h2>Fazit<\/h2>\n<p>Produkte beeinflussen unsere Gef\u00fchle. Aber mehr noch. Wenn man einmal an Don Normans drei Ebenen des Designs denkt, dann beeinflussen Produkte, wie wir uns im Moment des Benutzens f\u00fchlen, sie beeinflussen aber auch, wie wir im Nachhinein \u00fcber sie denken (reflektives Design). Auf lange Sicht betrachtet beeinflussen sie auch, wie wir verwandte oder \u00e4hnliche Produkte betrachten (visceral Design). \u00a0Digitale Produkte sind meist Tools und Anwendungen, die das Leben ihrer Benutzern einfacher und besser machen. Zumindest behaupten die Meisten das \ud83d\ude09 Den Erfolg des Benutzers auch direkt in der User Experience zu verankern, ist somit entscheidend f\u00fcr die Frage, ob das Produkt auch weiterhin verwendet wird.<\/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","protected":false},"excerpt":{"rendered":"<p>Jeder kennt das Ph\u00e4nomen: Emotionen beeinflussen, was wir kaufen. Werbung ist dazu da, bestimmte Emotionen hervorzurufen, die uns zum Kauf bewegen. Dieser Teil der Geschichte ist klar. Aber wie geht es weiter? Wie beeinflussen Produkte, die wir benutzen unsere Emotionen?Und welche Emotionen werden getriggert? Emotionales Design ist ein spannendes Thema, mit dem sich Produktmanager und [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[12],"tags":[],"class_list":["post-994","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\/994","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=994"}],"version-history":[{"count":0,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/posts\/994\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media\/996"}],"wp:attachment":[{"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/media?parent=994"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/categories?post=994"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usersnap.com\/de\/blog\/wp-json\/wp\/v2\/tags?post=994"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}