{"id":132105,"date":"2017-04-20T08:00:58","date_gmt":"2017-04-20T06:00:58","guid":{"rendered":"https:\/\/www.justinmind.com\/blog\/content-pillars\/prototyping-outstanding-web-and-mobile-interactions-with-ux-designer-lee-wells\/"},"modified":"2025-02-16T18:32:19","modified_gmt":"2025-02-16T17:32:19","slug":"prototyping-outstanding-web-and-mobile-interactions-with-ux-designer-lee-wells","status":"publish","type":"tc_content_pillar","link":"https:\/\/www.justinmind.com\/de\/kunden\/prototyping-ausgezeichnete-web-und-mobile-interaktionen-mit-ux-designer-lee-wells","title":{"rendered":"Prototyping von Web- und mobilen Interaktionen: UX Designer Lee Wells"},"content":{"rendered":"

Lee Wells, User Experience Designer, spricht \u00fcber interaktives Prototyping, Benutzerforschung und Justinmind f\u00fcr Windows<\/h2>\n

Das Prototyping mit Justinmind ist ein wichtiger Teil von Lees t\u00e4glicher Arbeit als UX Designer. Das Prototyping hilft Lee beim Design \u00fcber den Tellerrand hinaus und erm\u00f6glicht es seinen Kunden<\/a>, sich ihre zuk\u00fcnftigen Produkte jenseits der virtuellen Visualisierung vorzustellen. <\/p>\n

\n
\n

Laden Sie Justinmind noch heute herunter und erstellen Sie interaktive Web- und Mobilprototypen<\/span><\/h2>\n

Kostenlos herunterladen<\/a><\/p>\n

\n

In dieser Fallstudie gibt Lee einen Einblick, wie er mit Justinmind interaktive, intelligente Designs f\u00fcr das Web und f\u00fcr mobile Ger\u00e4te entwerfen kann. Und der Clou an der Geschichte: Lee ist Windows UX Designer! Lesen Sie weiter f\u00fcr mehr. <\/p>\n

Genesis: Erste Schritte mit Justinmind<\/h2>\n

Aufgrund seines Hintergrunds in den Bereichen Software, Produkte und Firmware UX hat Lee im Laufe der Jahre viele Web- und Mobilprototypen erstellt. Lee begann vor etwa 4 Jahren, Justinmind zu verwenden. Er stellte fest, dass er sich schnell zurechtfand, als er anfing, es t\u00e4glich zu benutzen. Er hat auch Kollegen in der Verwendung von Justinmind geschult. Er verwendet das Tool, um Prototypen f\u00fcr mobile und Web-Apps zu erstellen, die seinen Kunden helfen, sich das endg\u00fcltige Design wirklich vorzustellen. <\/p>\n

Ein Tag im Leben<\/h2>\n

Ein typischer Tag f\u00fcr Lee sieht so aus, dass er mindestens drei verschiedene Instanzen von Justinmind ge\u00f6ffnet hat, die st\u00e4ndig von seinem Team oder seinen Kunden geteilt, \u00fcberpr\u00fcft oder aktualisiert werden. In der Regel erstellt er Mock-ups und funktionale Prototypen mit Interaktion, wobei er Justinmind f\u00fcr verschiedene Ebenen der Freigabe und Interaktion verwendet, von statischen Bildschirmen mit geringer Wiedergabetreue bis hin zu interaktiven Mock-ups mit hoher Wiedergabetreue.
\n „<\/p>\n

Der interaktive Charakter von Justinmind ist n\u00fctzlich, um die Idee aus meinem Kopf auf den Bildschirm zu bringen.<\/p><\/blockquote>\n

“
\nInteraktion spielt eine wichtige Rolle in Lees Arbeit. Zu den Anforderungen an das Design geh\u00f6rt, dass Lees Prototypen in der Regel interaktionslastig sein m\u00fcssen. Seine Prototypen bestehen in der Regel aus mehreren Seiten. Wenn er sie funktional gestaltet, kann er den Weg des Benutzers und die Ber\u00fchrungspunkte visualisieren und die Beteiligten k\u00f6nnen den gesamten Navigationsfluss und die Nutzung des Projekts verstehen. <\/p>\n

Er verwendet eine Vielzahl der hochwertigen Prototyping-Komponenten von Justinmind, um das erforderliche Ma\u00df an Interaktion zu erreichen. Dazu geh\u00f6ren: Variablen zur Erstellung eines Navigationsflusses, UI-Assets, Dropdown-Men\u00fcs und Ereignisse in Form von umfangreichen Interaktionen, \u00dcberg\u00e4ngen und mobilen Gesten. <\/p>\n<\/div>\n

Prototyping des interaktiven, erneuerbaren Anmeldebildschirms von Paycor<\/h2>\n

Lee hat Justinmind f\u00fcr verschiedene Projekte f\u00fcr verschiedene Kunden verwendet. Hier sehen Sie ein gro\u00dfartiges Beispiel f\u00fcr die interaktive Designfunktion von Justinmind in seiner Arbeit. <\/p>\n

In seiner derzeitigen Funktion als UX Designer bei Paycor, einem Anbieter von L\u00f6sungen f\u00fcr Personalbeschaffung, HR und Gehaltsabrechnung, wurde er damit beauftragt, den Anmeldebildschirm des Unternehmens f\u00fcr die mobile App neu zu gestalten. Der Anmeldebildschirm sollte eine automatische Anmeldung mit der Option ‚Benutzernamen merken‘ bieten, damit sich die Benutzer leichter anmelden k\u00f6nnen. <\/p>\n

\"login-bildschirm-mobil-app-prototyp-paycor\"

Prototyp des neuen Anmeldebildschirms f\u00fcr die mobile App von Paycor<\/p><\/div>\n

Mit den dynamischen Bedienfeldern, Eingabefeldern, Variablen und dem Ereignissystem von Justinmind konnte Lee ein realit\u00e4tsgetreues Modell des neuen mobilen Anmeldebildschirms erstellen.<\/p>\n

Lee hat den Expression Builder verwendet, um Platzhalter in den Textfeldern f\u00fcr die Anmeldung zu erstellen (‚Benutzername‘ und ‚Passwort‘). Dann verwendete er eine Variable, mit der der Benutzer seinen Benutzernamen f\u00fcr zuk\u00fcnftige Anmeldungen in der App speichern konnte. Schlie\u00dflich f\u00fcgte Lee eine Reihe von Ereignissen ‚On Click‘ + ‚Set Value‘ hinzu, um sicherzustellen, dass das Formular bei der Aktualisierung wieder leer ist. <\/p>\n

Warum versuchen Sie nicht, selbst Prototypen von Formularen und Eingaben zu erstellen<\/a>?<\/p>\n

Prototyp teilen<\/h2>\n

„<\/p>\n

Die M\u00f6glichkeit, Weblinks zur \u00dcberpr\u00fcfung von Prototypen mit anderen zu teilen, ist \u00e4u\u00dferst hilfreich.<\/p><\/blockquote>\n

“
\nAbgesehen vom interaktiven Aspekt von Justinmind sagt Lee, dass die Sharing-Funktionen auf jeden Fall einen Blick wert sind. In der Regel teilt Lee seine Prototypen mit Kunden und Entwicklungsteams, indem er den privaten, passwortgesch\u00fctzten Link verwendet. Die Teams k\u00f6nnen dann anhand seiner Prototypen mit einer visuellen Nachbildung dessen, was sie bauen werden, arbeiten. <\/p>\n

An Justinmind sch\u00e4tzt er besonders, dass er etwas sofort freigeben kann, um sofortiges Feedback zu erhalten. Lee sagt, dass die Beteiligten die Schnelligkeit lieben, mit der Aktualisierungen durchgef\u00fchrt werden k\u00f6nnen, w\u00e4hrend sie sich treffen: Er dr\u00fcckt einfach auf Aktualisieren auf dem Freigabebildschirm, um die \u00c4nderungen zu sehen. <\/p>\n

Benutzerforschung<\/h2>\n

Lee f\u00fchrt iterative Tests und Validierungstests durch, damit er, sein Team und seine Kunden die Ergebnisse des aktuellen UX-Builds\/Sprints sehen k\u00f6nnen. Lee, der mit einem Hintergrund in experimentellem Design und technischer Psychologie in die Welt des UX-Designs eintrat, nimmt eine praktische Rolle in der Benutzerforschung ein und versucht immer, mehr Menschen in die Forschung einzubeziehen, um Daten \u00fcber aktuelle Projekte und Designs zu sammeln. <\/p>\n

Lee f\u00fchrt \u00fcber die Integration von Justinmind mit UserTesting.com Nutzerforschung durch. Er tut dies in der Absicht, Kunden, Interessenvertreter und Benutzer besser \u00fcber seine Designs zu informieren. Er beginnt mit Remote-Nutzertests und geht dann zu Labortests \u00fcber seinen Justinmind-Prototyp \u00fcber. <\/p>\n

„Ich habe festgestellt, dass das Betrachten von Usability-Tests jeden von einem isolierten zu einem engagierten Menschen machen kann.“<\/p><\/blockquote>\n

Justinmind Windows f\u00fcr den Sieg<\/h2>\n

Lee widersetzt sich dem Druck der Designer, auf Mac umzusteigen, und ist ein Windows-Designer. Lee hat sich nie wirklich f\u00fcr Apple-Produkte interessiert;<\/span> er war auch immer ein Android-Typ. Er erz\u00e4hlt uns, dass er alles, was er braucht, auf einem PC erledigen kann und nicht die Probleme mit der gemeinsamen Nutzung von Dateien, Programmen und Bildschirmen hat, die seine Mac-Freunde erlebt haben. <\/p>\n

Justinmind ist sowohl f\u00fcr Windows- als auch f\u00fcr Mac-Designer geeignet, da unsere Software f\u00fcr beide Systeme konzipiert wurde. Der Hauptunterschied zwischen Justinmind f\u00fcr Windows und Mac ist die obere Symbolleiste. W\u00e4hrend bei Mac die Design-Tools in die Men\u00fcleiste integriert werden m\u00fcssen, k\u00f6nnen wir bei Windows die Men\u00fcoptionen innerhalb der Justinmind-Oberfl\u00e4che platzieren. Das bedeutet, dass wir testen konnten, wie die Benutzer ihre Design-Tools am liebsten navigieren, und dementsprechend Updates implementieren konnten. <\/p>\n

Dar\u00fcber hinaus heben sich die Symbole der Men\u00fcleiste in Justinmind f\u00fcr Windows im Einklang mit dem Windows-Feedback-System von der Leinwand ab, um das Durchsuchen zu erleichtern.<\/p>\n

 <\/p>\n

M\u00f6chten Sie in einer Justinmind Fallstudie erw\u00e4hnt werden? Nehmen Sie jetzt \u00fcber unseren Twitter-Handle<\/a> Kontakt auf! <\/em>\"Kostenlos<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"

Lee Wells, User Experience Designer, spricht \u00fcber interaktives Prototyping, Benutzerforschung und Justinmind f\u00fcr Windows<\/p>\n","protected":false},"author":11,"featured_media":132107,"parent":0,"menu_order":0,"template":"","tags":[8574,8593,8568,8576],"content_category":[],"class_list":["post-132105","tc_content_pillar","type-tc_content_pillar","status-publish","has-post-thumbnail","hentry","tag-vermaechtnis","tag-prototyping-tool-de","tag-ux-de","tag-ux-design-de"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132105"}],"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\/132105\/revisions"}],"predecessor-version":[{"id":132152,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tc_content_pillar\/132105\/revisions\/132152"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media\/132107"}],"wp:attachment":[{"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/media?parent=132105"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/tags?post=132105"},{"taxonomy":"content_category","embeddable":true,"href":"https:\/\/www.justinmind.com\/de\/wp-json\/wp\/v2\/content_category?post=132105"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}