<\/span><\/h2>\n <\/p>\n
Mockups sind ein wesentlicher Bestandteil eines guten UI\/UX-Designs. Sie sind so viel mehr als nur die n\u00e4chste Stufe von Wireframes. Stattdessen bieten sie Entwicklern und Designern eine M\u00f6glichkeit, ihr Produkt zu konzipieren und es in etwas Greifbares zu verwandeln. <\/span><\/p>\nDie Verwendung von Mockups w\u00e4hrend der Entwicklungsphasen erm\u00f6glicht es Ihnen, Feedback schnell einzuarbeiten. Diese hochaufl\u00f6senden Darstellungen Ihres Endprodukts sind so realistisch, dass Sie ein gutes Gef\u00fchl f\u00fcr das Aussehen und die Wirkung Ihrer zuk\u00fcnftigen Anwendung bekommen k\u00f6nnen. <\/span><\/p>\nMockups sind auch eine gute M\u00f6glichkeit f\u00fcr Interessengruppen oder Investoren zu sehen, ob das Produkt ihre Erwartungen erf\u00fcllt. Und das Wichtigste: Wenn Sie Feedback erhalten, das bedeutet, dass Sie \u00c4nderungen vornehmen m\u00fcssen, ist es einfach, diese neuen Meinungen in Ihr Mockup zu integrieren, lange bevor Sie eine Zeile Code geschrieben haben.<\/span><\/p>\n <\/p>\n
<\/span>ZAPTEST Mockup-basierte Automatisierung<\/strong><\/span><\/h2>\n <\/p>\n
Sobald Sie ein Mockup erstellt haben, mit dem alle zufrieden sind, k\u00f6nnen Sie zum n\u00e4chsten Schritt \u00fcbergehen. Ein echter Agile\/DevOps-Ansatz beinhaltet jedoch automatisierte Tests zum fr\u00fchestm\u00f6glichen Zeitpunkt. Nun werden Sie sich vielleicht fragen: „Wie kann ich das Testen automatisieren, wenn ich mich gerade erst in der Entwurfsphase befinde?“ Wir bei ZAPTEST wissen, dass kontinuierliches Testen so fr\u00fch wie m\u00f6glich beginnen sollte. Deshalb bieten wir eine Mockup-basierte Automatisierung an.<\/span><\/p>\nIn diesem Beitrag zeigen wir Ihnen, wie Sie aus Ihrem Mockup Testskripte und Dokumentation generieren und diese parallel auf verschiedenen Betriebssystemen testen k\u00f6nnen.<\/span><\/p>\n <\/p>\n
<\/span>Schritt 1: Vom Mockup zum Testskript<\/strong><\/span><\/h3>\n <\/p>\n
Sie k\u00f6nnen Mockups auf verschiedene Arten entwerfen. Sie k\u00f6nnen sie von Hand zeichnen oder beliebte Design-Tools wie Figma oder Placeit verwenden. Welche Methode Sie auch immer bevorzugen, nehmen Sie Ihr Endprodukt und verwenden Sie die ZAPTESTs Scan-GUI-Funktion, um es in unsere Plattform zu importieren.<\/span><\/p>\nDie Scan-GUI-Funktion erkennt jeden Text in Ihrem Mockup und erstellt automatisch zugeh\u00f6rige Objekte. Dar\u00fcber hinaus stellt die automatische Verankerung Beziehungen zwischen allen Textfeldern in Ihrem Mockup und den Beschriftungen im Skript her. Wenn Sie also einen bestimmten Text auf dem Bildschirm verschieben, folgen ihm automatisch alle damit verbundenen Elemente. Wenn Sie zum Beispiel ein Mockup eines Anmeldebildschirms haben, k\u00f6nnen Sie ein „Benutzername“-Objekt mit einem Textfeld verbinden. <\/span><\/p>\nAu\u00dferdem k\u00f6nnen Sie in dieser Phase die Standardwerte f\u00fcr die Namen der Objekte \u00e4ndern, um eine maximale \u00dcbersichtlichkeit zu gew\u00e4hrleisten. Diese Funktion ist besonders n\u00fctzlich, wenn Sie viele verschiedene Schaltfl\u00e4chen in Ihrem Mockup haben. <\/span><\/p>\nAls Ergebnis dieses Prozesses werden alle Objekte im Repository Explorer gespeichert und organisiert.<\/span><\/p>\n <\/p>\n
<\/span>Schritt 2: Hinzuf\u00fcgen von Objekten zum Skript<\/strong><\/span><\/h3>\n <\/p>\n
Sobald Sie Ihr Mockup importiert und beschriftet haben, k\u00f6nnen Sie es in ein Testskript umwandeln. <\/span><\/p>\nUm einen Schritt im ZAPTEST-Skript zu definieren, brauchen Sie nur das Objekt in der GUI-Map oder im Object Repository zu suchen und darauf zu doppelklicken. Oder Sie k\u00f6nnen Objekte per Drag & Drop an eine bestimmte Stelle in Ihrem Skript ziehen. ZAPTEST schl\u00e4gt eine Liste von Vorg\u00e4ngen vor, aus der Sie f\u00fcr den Schritt ausw\u00e4hlen k\u00f6nnen.<\/span><\/p>\nAls Erstes m\u00fcssen Sie einen Validierungsschritt hinzuf\u00fcgen, der die Existenz Ihrer Zielseite \u00fcberpr\u00fcft. Als N\u00e4chstes m\u00fcssen Sie „TYPE“ ausw\u00e4hlen und jedes Element aus Ihrem Mockup hinzuf\u00fcgen (z. B. einen verbundenen „Benutzernamen“ und ein Textfeld). <\/span><\/p>\nDann k\u00f6nnen Sie „CLICK“ f\u00fcr alle Schaltfl\u00e4chen in Ihrem Mockup hinzuf\u00fcgen, die Ihre Benutzer ausw\u00e4hlen k\u00f6nnen.<\/span><\/p>\nWenn Ihre Anwendung zum Testen bereit ist, w\u00e4hlen Sie den gew\u00fcnschten Browser, w\u00e4hlen Sie LAUNCH und geben Sie die Adresse der Anwendung ein. Jetzt k\u00f6nnen Sie Ihr Skript mit der Anwendung ausf\u00fchren.<\/span><\/p>\n <\/p>\n
<\/span>Schritt 3: F\u00fchren Sie das Skript aus <\/strong><\/span><\/h3>\n <\/p>\n
Die ZAPTEST Mockup-Testautomatisierung ist so leistungsf\u00e4hig, dass das Skript beim ersten Mal ausgef\u00fchrt wird, ohne dass irgendwelche \u00c4nderungen erforderlich sind. Jetzt k\u00f6nnen Sie Ihr Mockup in Ihrem Browser testen und ein echtes Gef\u00fchl f\u00fcr die Benutzerfreundlichkeit Ihrer Anwendung bekommen, ohne Code schreiben zu m\u00fcssen. <\/span><\/p>\nSobald das Skript fertig ist, kann es zu Ihrer CI\/CD-Pipeline hinzugef\u00fcgt und in Ihrem Continuous Testing Framework verwendet werden. <\/span><\/p>\nDiese Funktion spart offensichtlich eine Menge Zeit. Dar\u00fcber hinaus bedeutet dies, dass auch nicht-technische Mitarbeiter ihre Ideen innerhalb von Minuten in funktionale Anwendungen umwandeln k\u00f6nnen – keine Wartezeiten mehr, um Ideen auf die Beine zu stellen. <\/span><\/p>\nDie Zeitersparnis ist aber noch nicht alles: Mit der ZAPTEST Mockup-Automatisierung k\u00f6nnen Sie auch Dokumentationen erstellen.<\/span><\/p>\n <\/p>\n
<\/span>1. Dokumentation generieren<\/strong><\/span><\/h3>\n <\/p>\n
Mit ZAPTEST k\u00f6nnen Sie die Testdokumentation mit einem einfachen Mausklick erstellen. Die Dokumentation gliedert sich in detaillierte Schritte mit einem Abschnitt \u00fcber die erwarteten Ergebnisse. Das Beste daran ist, dass Sie diese Dokumente in eine Vielzahl von Formaten wie Word, PDF, HTML, XML und CSV konvertieren k\u00f6nnen. Dar\u00fcber hinaus k\u00f6nnen Sie auch in Micro Focus ALM, Rally (oder CA Agile Center), Jira, Azure DevOps und viele andere exportieren. Die M\u00f6glichkeiten sind endlos.<\/span><\/p>\n <\/p>\n
<\/span>2. Parallele Ausf\u00fchrung<\/strong><\/span><\/h3>\n <\/p>\n
Der letzte Schritt f\u00fcr unsere Mockup-basierte Testautomatisierung ist die Verwendung von ZAPTEST M-RUN. Mit unseren leistungsstarken Tools zur Automatisierung von Softwaretests k\u00f6nnen Benutzer mehrere Skripte gleichzeitig auf verschiedenen Plattformen ausf\u00fchren. Benutzer greifen \u00fcber verschiedene Ger\u00e4te und Betriebssysteme auf Anwendungen zu, daher ist es unerl\u00e4sslich, alle diese Eigenschaften zu testen.<\/span><\/p>\nEinige der Plattformen, auf denen ZAPTEST M-RUN Sie testen l\u00e4sst, sind Android, iOS, Mac, Linux und Windows. Sie k\u00f6nnen ZAPTEST an reale physische Ger\u00e4te anschlie\u00dfen und unsere Plattform nutzen, um den Test durchzuf\u00fchren und die Ergebnisse zu verwalten. Dieser Prozess st\u00fctzt sich auch auf die ZAPTEST 1SCRIPT-Implementierung, die das Testen und die Ausf\u00fchrung \u00fcber verschiedene Plattformen hinweg erleichtert, ohne dass der Automatisierungscode f\u00fcr jede einzelne Eigenschaft ge\u00e4ndert werden muss.<\/span><\/p>\nMit der Live-Fernsicht k\u00f6nnen Sie die Tests parallel \u00fcberwachen. Wenn der Test abgeschlossen ist, k\u00f6nnen Sie die Ergebnisse jedes einzelnen Ger\u00e4ts \u00fcberpr\u00fcfen. Diese Daten tragen dazu bei, dass Ihre Anwendung auf den verschiedenen Ger\u00e4ten, die Ihre Kunden verwenden, reibungslos funktioniert. <\/span><\/p>\n <\/p>\n
<\/span>Abschlie\u00dfende \u00dcberlegungen<\/strong><\/span><\/h2>\n <\/p>\n
Wie jeder Softwareentwickler wei\u00df, kommt das Testen oft zu sp\u00e4t. Die Implementierung von Tests in einer sp\u00e4teren Phase des Softwareentwicklungszyklus kann Probleme aufdecken, die fr\u00fcher h\u00e4tten erkannt werden sollen, was zu teuren Codeumstellungen f\u00fchrt. Sie kann aber auch zu sp\u00e4t erfolgen und gro\u00dfe Verz\u00f6gerungen im Softwareentwicklungszyklus (SDLC) verursachen.<\/span><\/p>\nMockup-Entw\u00fcrfe sind eine gute M\u00f6glichkeit, UI\/UX-Probleme fr\u00fchzeitig zu erkennen. F\u00fcr Agile\/DevOps-Teams sind sie jedoch auch eine Gelegenheit, so bald wie m\u00f6glich kontinuierliche Tests einzuf\u00fchren. Dank der Computer Vision Technologie von ZAPTEST k\u00f6nnen Sie jetzt Ihre handgezeichneten oder computergenerierten Mockups importieren, in Code umwandeln und mit den verschiedenen Ger\u00e4ten testen, die Ihre Stakeholder verwenden. <\/span><\/p>\nVon dort aus k\u00f6nnen Sie Dokumentationen und Testergebnisse erstellen, die das UI\/UX-Feedback erg\u00e4nzen und sicherstellen, dass Ihre Anwendung einen optimalen Start hat.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":" ZAPTEST hilft Entwicklern, ihre Mockups so fr\u00fch wie m\u00f6glich zu automatisieren. Diese Funktion erm\u00f6glicht es Teams, einen Agile\/DevOps-Ansatz w\u00e4hrend der Sie k\u00f6nnen so beginnen, wie sie fortfahren wollen. Die Bedeutung von Mockups Mockups sind ein wesentlicher Bestandteil eines guten UI\/UX-Designs. Sie sind so viel mehr als nur die n\u00e4chste Stufe von Wireframes. […]<\/p>\n","protected":false},"author":14624,"featured_media":16162,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"Die ZAPTEST Mockup-basierte Testautomatisierung f\u00fcr Agile DevOps","_seopress_titles_desc":"Erfahren Sie, wie der Mockup-basierte Testautomatisierungsansatz von ZAPTEST agile DevOps-Teams bei der Zusammenarbeit unterst\u00fctzt und die Agilit\u00e4t im Softwareentwicklungszyklus f\u00f6rdert.","_seopress_robots_index":"","_et_pb_use_builder":"","_et_pb_old_content":"","_et_gb_content_width":"","content-type":"","footnotes":"","beyondwords_generate_audio":"","beyondwords_integration_method":"","beyondwords_project_id":"","beyondwords_content_id":"","beyondwords_preview_token":"","beyondwords_player_content":"","beyondwords_player_style":"","beyondwords_language_code":"","beyondwords_language_id":"","beyondwords_title_voice_id":"","beyondwords_body_voice_id":"","beyondwords_summary_voice_id":"","beyondwords_error_message":"","beyondwords_disabled":"","beyondwords_delete_content":"","beyondwords_podcast_id":"","beyondwords_hash":"","publish_post_to_speechkit":"","speechkit_hash":"","speechkit_generate_audio":"","speechkit_project_id":"","speechkit_podcast_id":"","speechkit_error_message":"","speechkit_disabled":"","speechkit_access_key":"","speechkit_error":"","speechkit_info":"","speechkit_response":"","speechkit_retries":"","speechkit_status":"","speechkit_updated_at":"","_speechkit_link":"","_speechkit_text":""},"categories":[413],"tags":[],"class_list":{"0":"post-69592","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-leitfaden"},"acf":{"short_name":"ZAPTEST f\u00fcr agile DevOps"},"_links":{"self":[{"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/posts\/69592","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/users\/14624"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/comments?post=69592"}],"version-history":[{"count":0,"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/posts\/69592\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/media\/16162"}],"wp:attachment":[{"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/media?parent=69592"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/categories?post=69592"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zaptest.com\/de\/wp-json\/wp\/v2\/tags?post=69592"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}