{"id":12107,"date":"2021-03-17T09:58:38","date_gmt":"2021-03-17T08:58:38","guid":{"rendered":"https:\/\/www.centigrade.de\/?post_type=blog&#038;p=12107"},"modified":"2021-03-22T13:25:31","modified_gmt":"2021-03-22T12:25:31","slug":"ux-designer-werden-in-zwei-wochen-das-tagebuch-eines-ux-einsteigers","status":"publish","type":"blog","link":"https:\/\/www.centigrade.de\/de\/blog\/ux-designer-werden-in-zwei-wochen-das-tagebuch-eines-ux-einsteigers\/","title":{"rendered":"UX Designer werden in zwei Wochen &#8211; Das Tagebuch eines UX-Einsteigers"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12110\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Corona-Warn-App-Redesign-Keyvisual.jpg\" alt=\"Corona Warn App Redesign Keyvisual\" width=\"1200\" height=\"675\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Corona-Warn-App-Redesign-Keyvisual.jpg 1200w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Corona-Warn-App-Redesign-Keyvisual-300x169.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Corona-Warn-App-Redesign-Keyvisual-768x432.jpg 768w\" sizes=\"auto, (max-width: 1200px) 100vw, 1200px\" \/><\/p>\n<p>Hallo, mein Name ist Joshua und ich habe mich gefragt, wie ich in zwei Wochen zum UX Designer werden und das Thema so gut durchdringen kann, dass ich ein real bestehendes Problem l\u00f6sen kann. Dieser Blogbeitrag ist ein kleines Logbuch auf meiner Reise durch die Welt des UX Designs.<!--more--><\/p>\n<p>Um erst einmal die Basics zu verstehen, was <a href=\"https:\/\/www.centigrade.de\/de\/leistungen\/ux-design\">User Experience<\/a> ist und wie ein UX Projekt richtig gestartet werden kann, habe ich damit begonnen, viele <a href=\"https:\/\/www.centigrade.de\/de\/blog\/\">Blogbeitr\u00e4ge<\/a> zu lesen. Was ist \u00fcberhaupt gute und schlechte UX? Wie kann das im Alltag aussehen? <a href=\"https:\/\/www.centigrade.de\/de\/blog\/project-scoping-oder-wie-man-projekte-richtig-startet\/\">Was ist Project Scoping<\/a>? Wie starte ich ein gutes Projekt? Und es hat sich beim Lesen immer mehr herauskristallisiert, dass es wichtig ist, mit dem &#8222;Warum&#8220; zu starten, bevor ein konkretes Projekt oder eine L\u00f6sung festgemacht wird.<\/p>\n<p>&nbsp;<\/p>\n<h2>Warum es besser ist, bei UX Projekten mit dem &#8222;Warum&#8220; zu starten<\/h2>\n<p>Bevor viel Zeit und M\u00fche in ein Projekt investiert wird, nur um es sp\u00e4ter \u00e4rgerlich zu verwerfen, weil es den Vorstellungen nicht entspricht oder gar die Zielsetzung nicht klar definiert ist, ist es wichtig, sich erst einmal klar zu machen, was das grunds\u00e4tzliche Ziel ist. Dem Warum. Warum mache ich das, was ich tue? Warum habe ich das Bed\u00fcrfnis etwas zu \u00e4ndern? Eine anf\u00e4ngliche Zielsetzung, an der man sich orientieren und am Ende auch realistisch messen kann, ob das Projekt erfolgreich war oder das Ziel verfehlt wurde.<\/p>\n<p>Also stellte ich mir folgende Fragen:<\/p>\n<ul>\n<li>Was k\u00f6nnte ein gutes Ziel sein?<\/li>\n<li>Wo sehe ich Probleme in meinem Alltag, die mich st\u00f6ren, wo ich Ver\u00e4nderung m\u00f6chte oder die mich zum Handeln anregen?<\/li>\n<li>Wie kann ich den Alltag in der derzeitigen Corona-Situation optimieren?<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>Die Corona Warn-App<\/h2>\n<p>Bei diesen Fragen musste ich an die Corona-Warn-App denken. Dabei ist mir aufgefallen, dass ich sie nicht einmal installiert habe. Ist das normal? Nach ein paar Gespr\u00e4chen hat sich herausgestellt, dass nur drei von zehn befragten Freunden die App hatten. Wie kann eine App, die in der Entwicklung 69 Millionen Euro gekostet hat, von der Bundesregierung gef\u00f6rdert wurde, von SAP als Open-Source-Projekt umgesetzt wurde und f\u00fcr die \u00fcberall Werbung gemacht wird, so wenig Anklang in meiner Generation findet? Nach erweitertem Nachfragen konnte ich heraush\u00f6ren, dass die meisten einfach nicht den Mehrwert der App gesehen haben. Die klassische Frage bei App-Empfehlungen \u201eWof\u00fcr brauche ich denn jetzt die App?\u201c wurde nicht \u00fcberzeugend f\u00fcr Nicht-RisikopatientInnen gel\u00f6st.<\/p>\n<p>Wie k\u00f6nnte eine Corona-App aussehen, die f\u00fcr Digital Natives (bei denen, im Vergleich zur Risikogruppe, jede\/r ein Smartphone besitzt um sich eine App herunterzuladen) attraktiv ist?<\/p>\n<p>Mithilfe von <a href=\"https:\/\/www.leanscope.io\/\">LeanScope<\/a>, einem von Centigrade entwickelten Programm zur Analyse von sogenannten \u201eUser Needs\u201c, konnte die Analyse starten. Das Programm ist in die einzelnen Abschnitte des UX-Prozesses unterteilt und bietet vielseitige und trotzdem \u00fcbersichtliche M\u00f6glichkeiten bspw. die Persona oder die Zielgruppe und deren Bed\u00fcrfnisse genau herauszuarbeiten. Um sich besser in die Zielgruppe der Digital Natives und deren Probleme hineinzuversetzen, bietet Leanscope an, eine repr\u00e4sentative Person f\u00fcr die Zielgruppe zu entwickeln.<\/p>\n<p>Eine Persona &#8211; so entstand Micha.<\/p>\n<p>&nbsp;<\/p>\n<p><a href=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12114 size-full\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha.jpg\" alt=\"Persona Micha\" width=\"1920\" height=\"1289\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha.jpg 1920w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-300x201.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-1500x1007.jpg 1500w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-768x516.jpg 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-1536x1031.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<h2>Die Erstellung meiner ersten Persona und Ableitung von User Needs<\/h2>\n<p>Micha ist 24 Jahre alt, ledig und studiert. In <a href=\"https:\/\/www.leanscope.io\/\" target=\"_blank\" rel=\"noopener\">Leanscope<\/a> kann notiert werden, was die Persona motiviert und frustriert, dadurch f\u00e4llt es mir leicht, problemorientiert zu denken. Michas Motivation ist z. B. Freunde zu treffen, schnell an Informationen zu kommen und das Leben zu genie\u00dfen. Es frustrieren ihn Dinge, die viel unn\u00f6tige Zeit kosten, wie z. B. nerviges Ausf\u00fcllen von Formularen.<\/p>\n<p>Ein passendes Zitat unserer Persona ist: \u201cIch m\u00f6chte entspannt, uneingeschr\u00e4nkt und schnell Dinge tun.\u201c<\/p>\n<p>Mithilfe der Persona entstand ein typisches Szenario einer Frustrationserfahrung: Es ist Freitag, Micha hat morgen keine Vorlesung und freut sich schon auf einen entspannten Abend mit den Freunden. Er ruft seinen Kumpel Simon an und fragt, ob er heute Abend Zeit hat, etwas zu unternehmen. Nat\u00fcrlich ist Simon dabei. &#8222;Heute Abend wieder Shishabar?&#8220; &#8211; &#8222;Jo&#8230; aber warte, wie ist das mit den neuen Coronaregeln, gab es irgendeine \u00c4nderung?\u201c Genervt sagt Micha: &#8222;Bis ich jetzt die aktuellen Regeln f\u00fcr meine Region gefunden habe, bin ich ja Stunden besch\u00e4ftigt. Au\u00dferdem versteht man nie, was die schreiben.&#8220; Dank der neuen Verordnung wissen Simon und Micha, dass der Lockdown nun endlich aufgehoben wurde. Nun k\u00f6nnen sie los. Endlich angekommen, setzen sich beide mit Maske hin und warten auf die Bedienung. \u201eEinmal bitte Kontaktdaten ausf\u00fcllen\u201c sagt die Bedienung, w\u00e4hrend sie Zettel und Stifte auf den Tisch legt. Genervt f\u00fcllen beide die Zettel aus, die sie schon beim letzten Barbesuch ausgef\u00fcllt haben.<\/p>\n<p><a href=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-12116 size-full\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario.jpg\" alt=\"Persona Micha Szenario\" width=\"1920\" height=\"1289\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario.jpg 1920w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario-300x201.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario-1500x1007.jpg 1500w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario-768x516.jpg 768w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Persona-Micha-Szenario-1536x1031.jpg 1536w\" sizes=\"auto, (max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p>Dank dieses Szenarios ist es nun einfach, die \u201eUser Needs\u201c zu analysieren:<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Bed\u00fcrfnis nach Aktualit\u00e4t<br \/>\n<\/strong>&gt; Micha und Simon wollen informiert werden, wenn sich etwas an ihrem gewohnten Alltag \u00e4ndern k\u00f6nnte. Hier durch die Coronaregeln.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Bed\u00fcrfnis nach Individualit\u00e4t<br \/>\n<\/strong>&gt; Micha will schnell die auf sich zugeschnittenen regionalen Regeln kennen.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Bed\u00fcrfnis nach Verst\u00e4ndlichkeit<br \/>\n<\/strong>&gt; Micha m\u00f6chte gesetzliche Texte, die f\u00fcr ihn wichtig sind, einfach erkl\u00e4rt haben um sie zu verstehen.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Bed\u00fcrfnis nach Einfachheit<br \/>\n<\/strong>&gt; Micha und Simon wollen nicht bei jedem Besuch umst\u00e4ndlich Formulare ausf\u00fcllen.<\/p>\n<p>&nbsp;<\/p>\n<p>Wichtig ist, bis zu diesem Punkt problemorientiert zu denken und die User Needs so konkret wie m\u00f6glich herauszuarbeiten. Da diese jetzt klar sind, kann ich anfangen, in L\u00f6sungen zu denken.<\/p>\n<p>&nbsp;<\/p>\n<h2>Aus den Problemen die L\u00f6sung entwickeln<\/h2>\n<p>F\u00fcr die oben genannten Bed\u00fcrfnissen habe ich jeweils drei L\u00f6sungen im Kosmos der Corona-Warn-App entwickelt. Der Kreativprozess ist dabei vollkommen frei. Ich kann ihn so ausf\u00fchren, wie ich am liebsten arbeite. Ob ich dabei bspw. scribble oder in Stichpunkten schreibe, ist komplett egal. Hauptsache meine Ideen kommen so schnell wie m\u00f6glich und verst\u00e4ndlich zu Papier.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12120\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Skribble-Entwurf.jpg\" alt=\"Skribble Entwurf\" width=\"1000\" height=\"667\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Skribble-Entwurf.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Skribble-Entwurf-300x200.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Skribble-Entwurf-768x512.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>So habe ich mir \u00fcberlegt, dass eine Funktion, die die regionalen Corona-Regelungen verst\u00e4ndlich und zusammengefasst in der App anzeigt und die BenutzerInnen informiert, falls diese sich \u00e4ndern, dem Bed\u00fcrfnis nach Aktualit\u00e4t, Individualit\u00e4t und Verst\u00e4ndlichkeit super entgegenkommt. Zus\u00e4tzlich k\u00e4me ein Feature zur datensicheren Registrierung in Bars oder Restaurants per QR-Code und NFC hinzu. Das erspart das st\u00e4ndige Ausf\u00fcllen von Formularen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12122\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Wireframe-Mockup.jpg\" alt=\"Wireframe Mockup\" width=\"1000\" height=\"666\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Wireframe-Mockup.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Wireframe-Mockup-300x200.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Wireframe-Mockup-768x511.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Wireframing ist ein Prozess zum Entwurf von Software-Screens. Mit Wireframes kann ich die entstandenen Funktionen in einem App-Prototypen darstellen, ohne mir Gedanken machen zu m\u00fcssen, wie das visuelle Design sp\u00e4ter aussieht. Das kann analog mit Stift und Papier oder per Software geschehen. Ich habe das Ganze mit Adobe XD gemacht.<\/p>\n<p>Das Prototypenbauen hilft dabei, Fehler in der Handhabung und im Bedienprozess fr\u00fchzeitig zu erkennen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12112\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Mockup-Lokale-Verordnungen.jpg\" alt=\"Mockup Lokale Verordnungen\" width=\"1000\" height=\"615\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Mockup-Lokale-Verordnungen.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Mockup-Lokale-Verordnungen-300x185.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Mockup-Lokale-Verordnungen-768x472.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>Als der Prototyp fehlerfrei lief und ich zufrieden mit den Funktionen war, kam nun letztendlich das visuelle Design. Die derzeitige Corona-Warn-App ist sehr dunkel gehalten und vermittelt kein besonders warmes Gef\u00fchl inmitten der derzeitigen Coronakrise. Dem wollte ich entgegenwirken und den NutzerInnen eine freundlichere, buntere UI bauen. Die Illustrationen helfen, neben der \u00c4sthetik, die App schneller zu verstehen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12118\" src=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Screens-Mockup.jpg\" alt=\"Screens Mockup\" width=\"1000\" height=\"750\" srcset=\"https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Screens-Mockup.jpg 1000w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Screens-Mockup-300x225.jpg 300w, https:\/\/www.centigrade.de\/wordpress\/wp-content\/uploads\/Screens-Mockup-768x576.jpg 768w\" sizes=\"auto, (max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h2>Fazit<\/h2>\n<p>Nach zwei Wochen Praktikum im Bereich UX Design kann ich nun ein Fazit ziehen. Es hat wirklich Spa\u00df gemacht, das Thema UX Design durch ein praktisches Projekt kennenzulernen und mich zu vertiefen. Ich h\u00e4tte vorher nie gedacht, dass vergleichsweise viel Zeit in Analyse und Konzeption flie\u00dft, aber es hat sich am Ende sp\u00fcrbar gelohnt. Da klar war, wohin das Projekt gehen soll und die Anforderungen genau definiert waren, ging es im Prototypen und Design deutlich schneller voran als ohne Konzeption. Das war ein Projekt, das in zwei Wochen von mir, einem blutigem UX-Einsteiger, realisiert wurde. Und hier liegt auch vielleicht die Kritik an der Entwicklung vieler Produkte wie der Corona-Warn-App. Sie sind von der Grundidee an sich super, ABER es wird viel zu wenig auf die Bed\u00fcrfnisse der Zielgruppe geachtet und zu viel darauf gesetzt, dass jede\/r die gleichen Bed\u00fcrfnisse oder Denkweisen wie deren EntwicklerInnen haben. W\u00e4re SAP auf die Idee gekommen, zu schauen, was der \u201eSmartphone-Generation\u201c wichtig ist, w\u00fcrde die App wahrscheinlich mehr Anklang finden und deutlich mehr j\u00fcngere NutzerInnen haben. Ein wenig mehr Zeit in UX h\u00e4tte auch hier nicht geschadet.<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Wir haben Dein Interesse geweckt? Schau Dir unsere <a style=\"color: #2d373b; text-decoration: underline;\" href=\"https:\/\/www.centigrade.de\/de\/leistungen\/uebersicht\">Leistungen<\/a> an!<\/strong><\/p>\n<span class='maxbutton-1-container mb-container'><a class=\"maxbutton-1 maxbutton maxbutton-ux-design-de\" title=\"UX Design\" href=\"https:\/\/www.centigrade.de\/de\/leistungen\/ux-design\"><span class='mb-text'>UX Design<\/span><\/a><\/span>\n<p>&nbsp;<\/p>\n","protected":false},"author":65,"featured_media":0,"template":"","tags":[711,568,146,390],"class_list":["post-12107","blog","type-blog","status-publish","hentry","tag-leanscope","tag-personas-de","tag-ux-de","tag-ux-design"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/12107","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog"}],"about":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/types\/blog"}],"author":[{"embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/users\/65"}],"version-history":[{"count":9,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/12107\/revisions"}],"predecessor-version":[{"id":12140,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/blog\/12107\/revisions\/12140"}],"wp:attachment":[{"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/media?parent=12107"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.centigrade.de\/de\/wp-json\/wp\/v2\/tags?post=12107"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}