{"id":132262,"date":"2016-10-20T07:27:54","date_gmt":"2016-10-20T05:27:54","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-to-improve-collaboration-with-ux-architect-nora-filon-manapova\/"},"modified":"2025-02-18T13:11:25","modified_gmt":"2025-02-18T12:11:25","slug":"prototyping-to-improve-collaboration-with-ux-architect-nora-filon-manapova","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/de\/kunden\/ux-architekten-nora-filon-manapova","title":{"rendered":"Prototyping in Zusammenarbeit mit UX-Architektin Nora Filon Manapova"},"content":{"rendered":"<h2>Prototyping, um die Dinge einfach zu halten und die Zusammenarbeit mit Teams und Kunden zu verbessern, mit UX\/CX Architect Nora Manapova Filon.<\/h2>\n<p><a href=\"https:\/\/www.linkedin.com\/in\/manapova?authType=NAME_SEARCH&amp;authToken=rlwp&amp;locale=en_US&amp;trk=tyah&amp;trkInfo=clickedVertical%3Amynetwork%2CclickedEntityId%3A41345188%2CauthType%3ANAME_SEARCH%2Cidx%3A1-1-1%2CtarId%3A1475052010514%2Ctas%3Anora\" target=\"_blank\" rel=\"noopener noreferrer\">Nora Manapova Filon<\/a> arbeitet seit mehr als 12 Jahren als unabh\u00e4ngige UXerin. Als fr\u00fche Anwenderin von Justinmind und immer auf der Suche nach innovativen Designl\u00f6sungen auf dem Markt, verwendet sie Justinmind PRO seit 3 Jahren, um vollst\u00e4ndig simulierte Prototypen von Apps und Software f\u00fcr ihre <a href=\"https:\/\/www.justinmind.com\/de\/kunden\" target=\"_blank\" rel=\"noopener noreferrer\">Kunden<\/a> zu erstellen. <\/p>\n<p>Diese Woche sprachen wir mit Nora \u00fcber ihre Zeit bei Justinmind und die Reise, die sie mit dem Prototyping unternommen hat.<\/p>\n<h2>Prototyping von webbasierten und mobilen Anwendungen mit Justinmind<\/h2>\n<p>&#8222;<\/p>\n<blockquote><p>Justinmind ist ein einfach zu bedienendes Tool, das es mir erm\u00f6glicht, interaktive Prototypen zu erstellen und mit Teams und Kunden zusammenzuarbeiten, ohne dass diese sich mit einer langwierigen Lernkurve auseinandersetzen m\u00fcssen.<\/p><\/blockquote>\n<p>&#8220;<br \/>\nNora hat mit einer Vielzahl von Startups und gro\u00dfen Unternehmen zusammengearbeitet, darunter staatliche und gemeinn\u00fctzige Organisationen sowie US-Banken und Hypothekengesellschaften wie <a href=\"https:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;sqi=2&amp;ved=0ahUKEwimj9n5wLHPAhXGtBoKHaziBTsQFggcMAA&amp;url=http%3A%2F%2Fwww.us.jll.com%2F&amp;usg=AFQjCNHEO-jY47L1P0EyypXMZRHlpOnxDQ&amp;sig2=N74cOiat02cTqKTQarYcDw&amp;bvm=bv.134052249,d.d2s\" target=\"_blank\" rel=\"noopener noreferrer\">Jones Lang LaSalle<\/a> und die <a href=\"https:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=1&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwj7qtLhwLHPAhWJ1BoKHfkZC3oQFggfMAA&amp;url=http%3A%2F%2Fhacsb.org%2Fhousing%2F&amp;usg=AFQjCNHbJ82_bCcpDFbwOO_YJVhK2LJMKg&amp;sig2=ElcpKEHAeTcL3yNwGeWG9w\" target=\"_blank\" rel=\"noopener noreferrer\">Housing Authority of the City of Santa Barbara<\/a>.<\/p>\n<p>F\u00fcr diese Kunden hat sie an der Entwicklung der Informationsarchitektur, der Marketingstrategie und des UX\/CX-Designs mitgearbeitet. Ihr architektonischer Hintergrund (MA in Arch) hilft ihr, die Struktur der App oder Software schnell zu verstehen, denn unabh\u00e4ngig von der Art der Architektur &#8211; Geb\u00e4ude oder eine mobile App-Oberfl\u00e4che &#8211; dreht sich alles um die Qualit\u00e4t der User&#8217;s Journey. <\/p>\n<p>Nora begann Justinmind zu nutzen, als sie als UX-Architektin f\u00fcr die CBW Bank arbeitete. Sie entwickelten eine Transaktionsarchitektur f\u00fcr ihre \u00dcberweisungs-App und Nora schlug vor, Justinmind zu verwenden, um ihre Software zu erstellen und zu testen. <\/p>\n<p>Seitdem ist es zu ihrem wichtigsten Prototyping-Tool geworden. Justinmind hat ihr geholfen, qualitativ hochwertige Projektspezifikationen zu erstellen, die Anwendungsszenarien enthalten. <\/p>\n<div class=\"jim-banner mobile\">\n<hr>\n<h2 style=\"text-align: center;\"><span style=\"color: #21c0c0;\">Laden Sie Justinmind noch heute herunter und erstellen Sie naturgetreue 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\/132262\" data-tracking-name=\"__jim\" data-tracking-content=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpHVmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV6TWpJMk1pSjkiLCJzaWduYXR1cmUiOiJjYzVlMjc5Y2I4MGIzOWNmMzI2MDQ5NDJmZGJjNTNkMzUwMzQ3NjUxZDYxMWM2MjBhNjQ5Zjg2NjRjYTViMjM3In0=\" data-tracking-content--after-scroll=\"eyJkYXRhIjoiZXlKallYUmxaMjl5ZVNJNkltTjBZUzFrYjNkdWJHOWhaQzF2ZEdobGNpSXNJbXhoWW1Wc0lqb2lZbUZ1Ym1WeU1TMXdiM04wSWl3aVlXTjBhVzl1SWpvaVpHVmNMM2R3TFdwemIyNWNMM2R3WEM5Mk1sd3ZkR05mWTI5dWRHVnVkRjl3YVd4c1lYSmNMekV6TWpJMk1pSjkiLCJzaWduYXR1cmUiOiJjYzVlMjc5Y2I4MGIzOWNmMzI2MDQ5NDJmZGJjNTNkMzUwMzQ3NjUxZDYxMWM2MjBhNjQ5Zjg2NjRjYTViMjM3In0=\" 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<h2>Reichhaltige Anwendungsfall-Szenarien<\/h2>\n<p>Vor zwei Jahren, w\u00e4hrend der Arbeit an einer komplexen Android-App-Architektur mit vielen verschiedenen Benutzerkategorien, hatte Nora die Idee, eine Projektdokumentation zu erstellen, die mehr als nur ein einfaches Flussdiagramm darstellt.<\/p>\n<p>Sie nutzte den <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/modul-benutzerstrome\" target=\"_blank\" rel=\"noopener noreferrer\">Szenario-Design-Modus <\/a>von Justinmind, um Aktionen mit Miniaturbildern von Screenshots zu verkn\u00fcpfen, indem sie die Bildschirme einfach in die Szenario-Registerkarte zog, um ein visuell reichhaltiges Flussdiagramm zu erstellen, so dass Stakeholder und ihr Team Interaktionsm\u00f6glichkeiten leicht verfolgen und jede Aktion testen konnten.<\/p>\n<p>Sie waren begeistert, das Dokument zu erhalten und daran mitzuarbeiten, das eine Vielzahl von Benutzerpfaden visualisierte. Seit diesem Projekt stellt Nora ihren Kunden als Teil ihrer UX-Spezifikationen Rich Use Case Scenarios zur Verf\u00fcgung, bei denen Screenshots des mobilen Bildschirms oder der Webseite in die Szenarien eingebettet werden. <\/p>\n<div id=\"attachment_11905\" style=\"width: 743px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11905\" class=\"wp-image-11905 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/richusecasescenario.png\" alt=\"Prototyping von umfangreichen Anwendungsszenarien mit Justinmind  \" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/richusecasescenario.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/richusecasescenario-300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><p id=\"caption-attachment-11905\" class=\"wp-caption-text\">Details zu den Anwendungsfall-Szenarien f\u00fcr die globale Anmeldung mit mehr als 3 Benutzertypen, die Nora w\u00e4hrend ihrer Arbeit f\u00fcr den cloudbasierten Druckdienst WEPA erstellt hat.<\/p><\/div>\n<p>Die Justinmind Szenario-Funktion hat Nora dabei geholfen, die Benutzerfreundlichkeit von Apps und Software zu analysieren, zu verbessern und zu testen.<\/p>\n<blockquote><p>&#8222;Wie viele UX-Experten muss ich meine Kunden heutzutage oft daran erinnern, dass der Aufbau eines erfolgreichen kundenzentrierten Designs mit der Definition der Hauptnutzer\/Personas und ihrer Bed\u00fcrfnisse beginnt.&#8220;<\/p><\/blockquote>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11907 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/scenarios-analyze-improve-ux.png\" alt=\"Verbesserung der UX durch Szenario-Analyse mit Justinmind\" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/scenarios-analyze-improve-ux.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/scenarios-analyze-improve-ux-300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Sie setzte die Prinzipien des benutzerzentrierten Designs bei der Erstellung eines neuen Assistenten f\u00fcr Veranstaltungsreservierungsformulare f\u00fcr die Website der San Diego Law Library um.<\/p>\n<p>Sie konnte die Dauer des Reservierungsprozesses zweimal verk\u00fcrzen: von 8 bestehenden Bildschirmen auf 4 neue, einfache Schritte, indem sie jeden Bildschirm an den jeweiligen Benutzertyp anpasste und die \u00fcberw\u00e4ltigende Menge an unn\u00f6tigen Auswahlm\u00f6glichkeiten und Optionen reduzierte.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11908 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/Event-Reservation-Form-Wizard-.png\" alt=\"Assistent f\u00fcr die Veranstaltungsanmeldung f\u00fcr Prototyping mit Justinmind  \" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/Event-Reservation-Form-Wizard-.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/Event-Reservation-Form-Wizard--300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><\/p>\n<p>Nora konnte die Front-End-Entwicklungszeit f\u00fcr ihr Team erheblich verk\u00fcrzen, indem sie die Menge an Code und Seiten im Registrierungsformular reduzierte.<\/p>\n<p>Was steht als n\u00e4chstes f\u00fcr Nora an? Sie wird die <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/modul-benutzerstrome\" target=\"_blank\" rel=\"noopener noreferrer\">Szenario-Simulation<\/a> von Justinmind ausprobieren, um ihre interaktive Benutzerf\u00fchrung in Aktion zu sehen. <\/p>\n<h2>Gemeinsames Prototyping, Teamwork und Zusammenarbeit<\/h2>\n<p>Justinmind hilft Nora nicht nur bei ihrer Beratungst\u00e4tigkeit, sondern auch bei der Pr\u00e4sentation ihrer Prototypen vor Kunden.<\/p>\n<p>Bei der Arbeit in einer schnelllebigen, agilen Umgebung mit engen Fristen und wenn das Produktwachstum h\u00e4ufig eine Anpassung der Spezifikationen erfordert, hat Nora Justinmind genutzt, um neue und innovative Wege der Zusammenarbeit mit Agenturteams und Kunden zu entdecken. W\u00e4hrend der Entwicklung eines High-Fidelity-Prototyps f\u00fcr die <a href=\"https:\/\/www.google.com\/url?sa=t&amp;rct=j&amp;q=&amp;esrc=s&amp;source=web&amp;cd=3&amp;cad=rja&amp;uact=8&amp;ved=0ahUKEwjLmNah1rHPAhXLPRoKHZCpAQYQFgg3MAI&amp;url=http%3A%2F%2Fsandiegolawlibrary.org%2F&amp;usg=AFQjCNGu4RVeAM2rXrXJLOmCE2JsLcfVow&amp;sig2=MOUoDVkXXnUKbWKBRTT_7Q\" target=\"_blank\" rel=\"noopener noreferrer\">San Diego Law Library<\/a> <\/p>\n<p>Nora war auf der Suche nach einer effizienteren und weniger zeitaufw\u00e4ndigen M\u00f6glichkeit, CSS Style Guides an Entwickler zu liefern.<\/p>\n<p>Mithilfe der <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/einstieg\" target=\"_blank\" rel=\"noopener noreferrer\">Kommentarfunktion<\/a> von Justinmind ordnete sie wireframe-Elemente den anwendbaren CSS-Regeln zu, um einen intuitiven Schnellzugriff auf die CSS Style Guides zu erm\u00f6glichen. Front- und Backend-Entwickler sch\u00e4tzten diese visuelle und informative Funktion und \u00fcbernahmen sofort diese neue und moderne Art der interaktiven Spezifikation. <\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-11909 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/San-Diego-Law-Library-Foundation-website.png\" alt=\"san diego law library foundation website  \" width=\"733\" height=\"338\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/San-Diego-Law-Library-Foundation-website.png 733w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/San-Diego-Law-Library-Foundation-website-300x138.png 300w\" sizes=\"(max-width: 733px) 100vw, 733px\" \/><br \/>\n&#8222;<\/p>\n<blockquote><p>Justinmind erinnert mich an Photoshop, man kann nie genug M\u00f6glichkeiten haben, um ein bestimmtes Ergebnis zu erzielen.<\/p><\/blockquote>\n<p>&#8220;<br \/>\nAu\u00dferdem konnten Investoren und Interessengruppen zusammenarbeiten und jeder konnte Fragen stellen und Vorschl\u00e4ge machen. Indem sie ihre Prototypen <a href=\"https:\/\/www.justinmind.com\/de\/hilfe\/zusammenarbeit-mit-reviewern\" target=\"_blank\" rel=\"noopener noreferrer\">mit einem Passwort sch\u00fctzte<\/a>, konnten Noras Kunden ihr Feedback zu Spezifikationen und Anforderungen mit ihr teilen, ohne die Vertraulichkeit zu gef\u00e4hrden. <\/p>\n<h2>Nora&#8217;s Prototyping-Prozess<\/h2>\n<ul>\n<li>UX Forschung und Kundenentdeckung<\/li>\n<li>Definition der Marketingstrategie. Inc. Gesch\u00e4ftsziele und Hauptnutzer <\/li>\n<li>Informationsarchitekt: Sitemaps, Benutzerfl\u00fcsse, Prototyping auf Papier, Kartensortierung<\/li>\n<li>Low-fidelity wireframing<\/li>\n<li>Tests der Benutzerfreundlichkeit und Funktionalit\u00e4t, umfangreiche Anwendungsszenarien<\/li>\n<li>Entwicklung von Low-Fidelity-Wireframes zu Mid-Fidelity-Wireframes<\/li>\n<li>Mid-High-Fidelity-Prototypen, die mit CSS-Style-Guides beschriftet sind und die Kommentar-Funktion von Justinmind nutzen<\/li>\n<\/ul>\n<h2>Interaktivit\u00e4t mit Justinmind<\/h2>\n<p>Nora liebt den interaktiven Faktor von Justinmind: &#8220; <em>Justinmind hat mich mit seiner \u00e4u\u00dferst intuitiven Oberfl\u00e4che, den dynamischen Panels, den mobilen Gesten, den Widgets-Bibliotheken und der verbl\u00fcffend einfachen Art, interaktive Elemente zu erstellen, begeistert<\/em>.&#8220;<\/p>\n<p>Sie verwendet Justinmind auch f\u00fcr die Entwicklung von Prototypen mit komplexer Interaktion in Hypothekendokumenten, Swap-Apps mit Tabellendaten-Sortierung oder interaktiven Produktanleitungen f\u00fcr E-Commerce-Projekte.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_11910\" style=\"width: 1290px\" class=\"wp-caption alignnone\"><a href=\"https:\/\/www.justinmind.com\/de\/hilfe\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-11910\" class=\"wp-image-11910 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2016\/10\/shopping-cart.gif\" alt=\"Einkaufswagen-Prototyping mit Justinmind  \" width=\"1280\" height=\"800\"><\/a><p id=\"caption-attachment-11910\" class=\"wp-caption-text\">Justinmind interaktiver Einkaufswagen Beispiel<\/p><\/div>\n<p>Abgesehen von der \u00e4u\u00dferst intuitiven Benutzeroberfl\u00e4che, dem einfachen Prozess der gemeinsamen Nutzung und Zusammenarbeit und der verbl\u00fcffend einfachen Art, interaktive Elemente zu erstellen, sagt Nora, dass Justinmind<em> &#8222;mich vor allem in die Lage versetzt, meinen Kunden und Teams eine unkomplizierte Zusammenarbeit und umfassende Projektspezifikationen zu bieten&#8220;. <\/em> <\/p>\n<p>Ihre interaktiven Prototypen und umfangreichen Anwendungsszenarien erm\u00f6glichen es dem Team, sich auf das eigentliche Front- und Backend zu konzentrieren, anstatt bei der Entwicklung komplexer Anwendungen Ratespiele zu spielen.<\/p>\n<p><em>Vielen Dank an Nora, dass sie ihre Erfahrungen mit dem Prototyping mit uns geteilt hat \ud83d\ude42 Wie immer w\u00fcrden wir uns freuen, Ihre Justinmind-Geschichte zu h\u00f6ren!  <\/em><a href=\"https:\/\/twitter.com\/just_in_mind?lang=en\">Nehmen Sie jetzt Kontakt auf!<\/a><a class=\"jim-banner-post-footer\" href=\"https:\/\/www.justinmind.com\/usernote\/signUp.action\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-13263 size-full\" src=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png\" alt=\"Kostenlos herunterladen\" width=\"1399\" height=\"302\" srcset=\"https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free.png 1399w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-300x65.png 300w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-768x166.png 768w, https:\/\/www.justinmind.com\/wp-content\/uploads\/2017\/01\/Download_free-1024x221.png 1024w\" sizes=\"(max-width: 1399px) 100vw, 1399px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Prototyping, um die Dinge einfach zu halten und die Zusammenarbeit mit Teams und Kunden zu verbessern, mit UX\/CX Architect Nora Manapova Filon. Nora Manapova Filon arbeitet&#8230;<\/p>\n","protected":false},"author":11,"featured_media":132263,"parent":0,"menu_order":0,"template":"","tags":[8585,8586,8601,8574],"content_category":[],"class_list":["post-132262","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-fallstudie","tag-hi-fi-simulation-de","tag-interaktive-prototypen","tag-vermaechtnis"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132262"}],"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\/132262\/revisions"}],"predecessor-version":[{"id":132286,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132262\/revisions\/132286"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media\/132263"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=132262"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=132262"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/content_category?post=132262"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}