{"id":132272,"date":"2017-06-21T09:46:18","date_gmt":"2017-06-21T07:46:18","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/designing-ux-for-multiple-audiences-with-interactive-prototypes-scytl-case-study\/"},"modified":"2025-02-18T13:11:17","modified_gmt":"2025-02-18T12:11:17","slug":"designing-ux-for-multiple-audiences-with-interactive-prototypes-scytl-case-study","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/de\/kunden\/scytl","title":{"rendered":"Prototyping UX f\u00fcr mehrere Zielgruppen: Fallstudie: Scytl"},"content":{"rendered":"<h2>Prototyping interaktiver Benutzererfahrungen bei eGovernance und Online-Wahl-Organisation, Scytl<\/h2>\n<p>Als Leiterin des UX-Teams und Product Owner bei <a href=\"https:\/\/www.scytl.com\/en\/\" target=\"_blank\" rel=\"noopener noreferrer\">Scytl<\/a>, einem f\u00fchrenden Unternehmen f\u00fcr sicheres Wahlmanagement, ist Judit Casacuberta Bag\u00f3 f\u00fcr die Schaffung und Optimierung der <strong>Benutzerfreundlichkeit<\/strong> sowohl f\u00fcr ihre externen Kunden als auch f\u00fcr ihre internen Teams zust\u00e4ndig.<\/p>\n<p>Wir haben uns mit ihr unterhalten, um zu erfahren, wie sie mit Justinmind einfache, statische Wireframes und komplexe, voll funktionsf\u00e4hige Prototypen erstellt hat, um so unterschiedliche Erfahrungen zu schaffen.<\/p>\n<h2>Benutzererfahrung von Grund auf<\/h2>\n<p>Judit ist seit fast 10 Jahren im Bereich User Experience und User Interface t\u00e4tig. Sie hat als UX-Designerin, Beraterin, Forscherin, Mitarbeiterin, Professorin und Teamleiterin gearbeitet. Sie studierte zun\u00e4chst Multimedia an der Universit\u00e4t in Spanien, entdeckte aber bald ihre Leidenschaft f\u00fcr UX.  <\/p>\n<p>F\u00fcr Judit ist UX die Kunst und Wissenschaft, das Leben aller Menschen einfacher zu machen &#8211; von der Identifizierung der tats\u00e4chlichen Bed\u00fcrfnisse der Nutzer bis hin zur Konzeption potenzieller L\u00f6sungen, die diesen Bed\u00fcrfnissen entsprechen und sicherstellen, dass sie funktionieren. Als Leiterin des UX-Teams bei Scytl ist die Strategie, die sie entwickelt hat, zu 100 % benutzerorientiert, wobei Forschung und Benutzertests bei allen ihren Projekten die Hauptrolle spielen. <\/p>\n<h2>Erwecken Sie Ideen durch Prototyping zum Leben<\/h2>\n<p>Judit beschreibt Prototyping als eine Art, <em>eine Geschichte zu erz\u00e4hlen<\/em> und <em>ihre Ideen zum Leben zu erwecken<\/em>. Sie begann vor 8 Jahren mit Justinmind zu arbeiten, als sie ihren Master in Human Computer Interaction machte. Sie benutzte das Tool, um Anforderungen zu erfassen und sie mit Benutzern zu validieren. <\/p>\n<p>Judits Aufgabe bei Scytl besteht darin, die Leistung und das visuelle Design der Prototypen des Unternehmens zu verbessern und dabei die grundlegenden visuellen Richtlinien des Unternehmens zu befolgen. Zu ihren Ergebnissen geh\u00f6ren funktionale Spezifikationen, Sitemaps und Flows in Form von Wireframes und interaktiven Prototypen, die mit Justinmind erstellt werden. <\/p>\n<blockquote><p>&#8222;Justinmind ist meine beste Design-L\u00f6sung f\u00fcr die Erstellung von Wireframes und Prototypen!&#8220;<\/p><\/blockquote>\n<h2>Interaktives Prototyping zur Validierung der User Journey<\/h2>\n<p>Das Prototyping wird bei Judits Projekten bereits zu einem fr\u00fchen Zeitpunkt im Designprozess eingesetzt. Sie beginnt mit der Erstellung statischer <a href=\"https:\/\/www.justinmind.com\/de\/wireframe\/website\">Website-Wireframes<\/a>, die ihr helfen, Konzepte zu entwerfen und m\u00f6gliche L\u00f6sungen f\u00fcr Benutzerprobleme vorzuschlagen. <\/p>\n<p>Sobald Judit und ihr Team sich f\u00fcr einen ersten Arbeitsablauf entschieden haben &#8211; den sie mit ihren wireframes abbilden &#8211; geht sie dazu \u00fcber, funktionale Prototypen zu erstellen. Die interaktiven Funktionen von Justinmind erm\u00f6glichen es ihr, neue Funktionalit\u00e4ten auszuprobieren und zu testen und neue Funktionen zu definieren. <\/p>\n<p>Sie verwendet das Events-System, um komplexe Interaktionen zu erstellen, die ihr helfen, einen echten Arbeitsablauf nachzustellen. Auf diese Weise kann das Team auch die Auswirkungen der einzelnen Ber\u00fchrungspunkte auf das gesamte Produkt bewerten. <\/p>\n<h2>Wie UX-Designer Prototypen f\u00fcr externe Stakeholder nutzen k\u00f6nnen<\/h2>\n<p>Bei Scytl teilt Judit ihre Zeit zwischen externen stakeholderspezifischen und internen Aktualisierungsprojekten auf. Als UX-Designerin arbeitete sie in der Regel an externen eGovernance-Kunden. Dies erforderte Recherchen \u00fcber jeden einzelnen Kunden und die Einbeziehung der Kunden in den Feedback- und Iterationsprozess des Designs.  <\/p>\n<h3>Entdeckungsphase: gr\u00fcndliche Recherche<\/h3>\n<p>Wenn Judit an einem neuen Projekt f\u00fcr einen externen Kunden arbeitet, beginnt sie mit einer Konzeptualisierungsphase. Gemeinsam mit dem Kunden ermittelt und sammelt sie die <strong>gesch\u00e4ftlichen Anforderungen<\/strong> f\u00fcr die neue Anwendung auf der Grundlage von <a href=\"https:\/\/www.justinmind.com\/de\/kunden\" target=\"_blank\" rel=\"noopener noreferrer\">Kundenprofilen<\/a>, Zielbranchen und den verschiedenen M\u00e4rkten. <\/p>\n<p>Dann dokumentiert sie alle von den Projektbeteiligten vorgegebenen Ziele. Sobald die Anforderungen erfasst sind, erstellt sie einige grundlegende Skizzen der wichtigsten Anwendungsbildschirme. <\/p>\n<h3>Vom Papier zum Prototyp<\/h3>\n<p>Die Skizzen werden als interaktive Web- oder Mobilprototypen vom Papier auf den Bildschirm \u00fcbertragen. Diese helfen dem Team und dem Kunden, sich in Echtzeit ein besseres Bild vom Aussehen und der Funktionsweise der Anforderungen zu machen. Dies ist ein wichtiger Schritt bei der Identifizierung der visuellen und funktionalen Merkmale der gesch\u00e4ftlichen Anforderungen eines jeden Kunden.  <\/p>\n<p>Der Prototyp wird dann validiert und die Anforderungen werden vom Kunden in einer Co-Design-Sitzung priorisiert. Das Team <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/zusammenarbeit-mit-reviewern\">exportiert den Prototyp in HTML<\/a>. Anschlie\u00dfend f\u00fchrt Judit den Kunden durch die wichtigsten Arbeitsabl\u00e4ufe, Zielbenutzer und Funktionen, die in der Anforderungsdokumentation definiert sind.  <\/p>\n<p>Dazu geh\u00f6rt auch, wie eine Wahl eingerichtet werden kann und wie W\u00e4hlerdaten importiert werden k\u00f6nnen, wobei <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/datenvisualisierung\">echte Daten<\/a> in Justinmind verwendet werden.<\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Laden Sie Justinmind jetzt herunter und beginnen Sie mit der Erstellung interaktiver Prototypen<\/span><\/h2>\n<p style=\"text-align: center;\"><a style=\"color:#FFFFFF; background-color:#000000;\" data-category=\"cta-download-other\" data-label=\"banner1-post\" data-action=\"de\/wp-json\/wp\/v2\/tc_content_pillar\/132272\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpHVmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV6TWpJM01pSjkiLCJzaWduYXR1cmUiOiI5OTEzYjg1MDFkM2VhN2FiZDYxYzEzYTA2ZmM4MTQwNzQxNTA2NmY4MTg2YjVkMjVhYWM2MmQyZTNlMTE1ZTYwIn0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpHVmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV6TWpJM01pSjkiLCJzaWduYXR1cmUiOiI5OTEzYjg1MDFkM2VhN2FiZDYxYzEzYTA2ZmM4MTQwNzQxNTA2NmY4MTg2YjVkMjVhYWM2MmQyZTNlMTE1ZTYwIn0=\" class=\"action-tracking-button mks_button mks_button_large squared\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\" target=\"_blank\">Kostenlos herunterladen<\/a><\/p>\n<hr>\n<\/div>\n<h3>Kunden-Feedback<\/h3>\n<p>Die Kunden k\u00f6nnen ihr Feedback einbringen und ihre \u00c4nderungen werden in iterativen Zyklen vorgenommen. Diese \u00c4nderungen lassen sich in Justinmind mit Hilfe von Vorlagen und Mastern leicht durchf\u00fchren &#8211; nehmen Sie kleine \u00c4nderungen vor und verteilen Sie sie mit wenigen Klicks auf Prototyp-Bildschirme oder mehrere Prototypen. <\/p>\n<h3>Benutzerforschung und st\u00e4ndige Tests<\/h3>\n<p>Nutzertests werden w\u00e4hrend der gesamten Prototyping-Phase durchgef\u00fchrt. In der Regel handelt es sich dabei um qualitative Tests mit <a href=\"https:\/\/www.techsmith.com\/morae.html\" target=\"_blank\" rel=\"noopener noreferrer\">Morae<\/a>, die sich auf die verbalen &#8222;lauten&#8220; Kommentare der Benutzer konzentrieren. So erhalten sie wertvolles Feedback und verstehen, warum der Benutzer bestimmte Aktionen ausf\u00fchrt.  <\/p>\n<p>Benutzertests werden mit ver\u00f6ffentlichten HTML-Prototypen entweder in Benutzertestlabors oder mit Online-Tools durchgef\u00fchrt. Diese Tests helfen dem Team, Iterationen der Prototypen zu erstellen, bevor es mit der Entwicklung fortf\u00e4hrt. <\/p>\n<h3>\u00dcbergabe des Projekts an die Entwicklung<\/h3>\n<p>Der n\u00e4chste Schritt f\u00fcr Judits Team besteht darin, eine PSD-Richtlinie mit den endg\u00fcltigen Assets zu erstellen, bevor die HTML-Vorlage entwickelt und die endg\u00fcltige App geliefert wird. Mit dem HTML-Export kann Judit Deliverables erstellen, an denen sich die Entwickler orientieren k\u00f6nnen, um die Interaktion im Endprodukt\/der Anwendung zu implementieren. <\/p>\n<h2>Wie UX-Leiter Prototypen f\u00fcr interne Aktualisierungsprojekte nutzen k\u00f6nnen<\/h2>\n<p>Wenn Judit als UX Lead an Produktentwicklungsprojekten arbeitet, sind sie und ihr Team in der Regel mit der Verbesserung von Produkten\/Apps\/Websites besch\u00e4ftigt. Diese Aktualisierungen sind in der Regel f\u00fcr interne Projekte und umfassen Aktualisierungen ihrer UX-Assets und Benutzeroberfl\u00e4chen. <\/p>\n<h3>UX-Assets generieren<\/h3>\n<p>Das Team erstellt in Justinmind seine eigenen UX-Bibliotheken mit <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/ui-widget-bibliotheken\">benutzerdefinierten UI-Assets<\/a>. Dazu geh\u00f6ren interaktive Scytl-Elemente und -Symbole. Die UI-Drag-and-Drop-Funktion von Justinmind macht es dem Team leicht, schnell einen Prototyp f\u00fcr ein neues Produkt oder eine neue Funktionalit\u00e4t zu erstellen, indem es die Elemente einfach auf die Leinwand zieht.  <\/p>\n<p>Die M\u00f6glichkeit, eigene Assets zu erstellen, bedeutet, dass es einfach ist, die Standardisierung \u00fcber Abteilungen und Unternehmensebenen hinweg aufrechtzuerhalten, wenn Aktualisierungen erforderlich sind, und das <strong>Markenbewusstsein<\/strong> im gesamten Unternehmen zu pflegen.<\/p>\n<h3>Erstellen des UI-Layouts<\/h3>\n<p>Als N\u00e4chstes erstellt das Team einen einseitigen Leitfaden, in dem alle grundlegenden Elemente aufgef\u00fchrt sind. So k\u00f6nnen sie das visuelle Design des Produkts\/der Anwendung definieren. <\/p>\n<p>Die in Justinmind definierten UX-Elemente werden dann als Objekte in Frontend-Bibliotheken (HTML, CSS, JS) entwickelt, so dass die Entwickler sie verwenden k\u00f6nnen, um das Erscheinungsbild schnell an die visuellen Richtlinien von Scytl anzupassen.<\/p>\n<h3>Design f\u00fcr verschiedene Zielgruppen: das Wichtigste<\/h3>\n<p>Das Geheimnis beim Jonglieren mit internen und externen Projekten und beim Design f\u00fcr unterschiedliche Zielgruppen ist ein tiefes Verst\u00e4ndnis f\u00fcr Ihre Zielgruppe und Ihre Ziele. Nur dann k\u00f6nnen Sie wirklich L\u00f6sungen entwickeln, die Bestand haben. <\/p>\n<p>Ein interaktives Prototyping-Tool ist eine hervorragende M\u00f6glichkeit, um f\u00fcr ein bestimmtes Ziel und\/oder eine bestimmte Benutzergruppe zu designen. Erstellen Sie mehrere Bildschirme, f\u00fcgen Sie <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/vorlagen-master\" target=\"_blank\" rel=\"noopener noreferrer\">Vorlagen und Stile<\/a> hinzu, um Ihre UI-Assets um Kundenfunktionen herum zu zentralisieren, und simulieren Sie Ihren Prototyp auf verschiedenen Ger\u00e4ten oder Browsern &#8211; alles mit demselben Tool. <\/p>\n<p>Dann <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/justinminds-integration-mit-benutzer-testing-tools\" target=\"_blank\" rel=\"noopener noreferrer\">testen Sie Ihre L\u00f6sung<\/a> mit echten Benutzern in Echtzeit, um zu sehen, wie effektiv sie sein wird, wenn Sie das endg\u00fcltige Produkt auf den Markt bringen. Laden Sie Justinmind jetzt herunter und erstellen Sie Prototypen f\u00fcr Ihre speziellen Benutzergruppen. <\/p>\n<p><em>M\u00f6chten Sie in einer Justinmind Fallstudie erw\u00e4hnt werden? Nehmen Sie jetzt \u00fcber unseren <a href=\"https:\/\/twitter.com\/just_in_mind\" target=\"_blank\" rel=\"noopener noreferrer\">Twitter-Handle<\/a> Kontakt auf! <\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prototyping interaktiver Benutzererfahrungen f\u00fcr interne Teams und externe Stakeholder bei eGovernance und Online-Wahlorganisation, Scytl<\/p>\n","protected":false},"author":11,"featured_media":132273,"parent":0,"menu_order":0,"template":"","tags":[8585,8601,8594,8574],"content_category":[],"class_list":["post-132272","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-fallstudie","tag-interaktive-prototypen","tag-interaktives-prototyping","tag-vermaechtnis"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132272"}],"collection":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar"}],"about":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/types\/tc_content_pillar"}],"author":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/users\/11"}],"version-history":[{"count":1,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132272\/revisions"}],"predecessor-version":[{"id":132284,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132272\/revisions\/132284"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media\/132273"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=132272"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=132272"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/content_category?post=132272"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}